/*_____________________________________________________  botões alterar cor de fundo e fonte modo escuro post: capitulos, assuntos e versiculos */

/* ---------- TEMA CLARO (PADRÃO) ---------- */

/* ---------- TEMA ESCURO ---------- */
.tema-escuro body {
    background: #28292b;
    color: #f2f2f2;
  }
  
  .tema-escuro .menucompartdivsub {
    background: #28292b;
  }
  
  @media (max-width: 800px){
  .tema-escuro body {
  background: #202124 !important;
  }
  }
  
  .tema-escuro .menu-liv-config,
  .tema-escuro .page,
  .tema-escuro .post-body,
  .tema-escuro .post-outer-container,
  .tema-escuro .blog-posts,
  .tema-escuro .Blog,
  .tema-escuro .menu-textcoment-divsubtab,
  .tema-escuro .div-link-coment {
    background: #202124;
  }
  
  .tema-escuro .menu-liv-config{
    border-top: 1px solid rgba(128, 128, 128, 0.3);
  }
  
  .tema-escuro .menunovoceltab.ativo {
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.30) !important;
  }
  
  .tema-escuro .menufixobtcapbot-int.ativo,
  .tema-escuro .menufixobtcapbot.ativo {
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.70) !important;
  }
  
  .tema-escuro .botmenu-in{
    border-left: 2px solid #202124;
  }
  
  .tema-escuro .sticky {
  background: linear-gradient(to bottom, rgba(32, 33, 36, 0.99) 90%, rgba(32, 33, 36, 0.3) 100%);
  }
  
  .tema-escuro .text-content,
  .tema-escuro .text-content1,
  .tema-escuro .text-content2,
  .tema-escuro .text-content3,
  .tema-escuro .text-content4,
  .tema-escuro .text-content5,
  .tema-escuro .text-content6,
  .tema-escuro .text-content7,
  .tema-escuro .text-content8,
  .tema-escuro .text-content9,
  .tema-escuro .text-secund,
  .tema-escuro .time-display,
  .tema-escuro .pverso-not-tit,
  .tema-escuro .pverso-ref-tit,
  .tema-escuro .not-ancor-rd,
  .tema-escuro .not-ancor-text,
  .tema-escuro .post-body,
  .tema-escuro .nota-copy-link,
  .tema-escuro .nota-copy-link a,
  .tema-escuro .nota-copy-link a:hover,
  .tema-escuro .nota-copy-link a:visited,
  .tema-escuro .titulo-pag,
  .tema-escuro .titulo-cap,
  .tema-escuro .titulo-pag-list,
  .tema-escuro .titulo-pag-list a,
  .tema-escuro .titulo-pag-list a:hover,
  .tema-escuro .titulo-pag-list a:visited {
    color: #f2f2f2 !important;
  }
  
  .tema-escuro .tabelaopsilumtit,
  .tema-escuro .tabelaopsfonttit,
  .tema-escuro .text-comp_pag,
  .tema-escuro .div_logo_tit_link,
  .tema-escuro .menufixodivfechtabceltext-audio,
  .tema-escuro .post-filter-message {
  color: #cacaca !important;
  }
  
  .tema-escuro .centered-top-container,
  .tema-escuro .svg-icon-24
  .tema-escuro .body.collapsed-header,
  .tema-escuro .centered-top-placeholder,
  .tema-escuro .svg-icon-24 {
  fill: #cacaca !important;
  }
  
  .tema-escuro .Blog,
  .tema-escuro .post-outer-container,
  .tema-escuro .blog-posts,
  .tema-escuro .tabelamenubtpost,
  .tema-escuro .menu-textcoment-divsubtab,
  .tema-escuro .post-filter-message,
  .tema-escuro .div-link-coment,
  .tema-escuro .linhadivisacappost {
    box-shadow: 0 1px 4px 0 rgb(0, 0, 0);
  }
  
  .tema-escuro .tabelamenubtpostdivsub,
  .tema-escuro .menubarradiv,
  .tema-escuro .menufixodivfech-player,
  .tema-escuro .div-audio {
    background: #202124;
  }
  
  .tema-escuro .menupagedivsub,
  .tema-escuro .menunovodivsub,
  .tema-escuro .tabelaopslimite,
  .tema-escuro .popup-nota {
    background: #28292b;
  }
  
  .tema-escuro #popup-nota-close,
  .tema-escuro #popup-nota {
    background: #202124;
  }
  
  .tema-escuro .menufixodivfech-player,
  .tema-escuro .menubarradiv,
  .tema-escuro .menufixodivfech {
    border-top: 1px solid rgba(128, 128, 128, 0.3);
  }
  
  .tema-escuro .botprim {
    background: rgba(33, 150, 243, 0.2);
    box-shadow: inset 0px 4px 10px rgba(33, 150, 243, 0.3);
  }
  
  .tema-escuro .tabelamenubtpostcelleft2,
  .tema-escuro .tabelamenubtpostceltopo2,
  .tema-escuro .tabelamenubtpostcelright2,
  .tema-escuro .tabelamenubtpost {
    background: #202124;
    box-shadow: 0 8px 16px 0 rgb(0, 0, 0);
  }
  
  .tema-escuro .tabelamenubtpostcelintro{
    background: rgba(128, 128, 128, 0.2);
  }
  
  .tema-escuro .tabelamenubtpostcelleft,
  .tema-escuro .tabelamenubtpostcelleft-ass,
  .tema-escuro .tabelamenubtpostcelleft-intro {
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-escuro .tabelamenubtpostceltopo{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-escuro .tabelamenubtpostcelright,
  .tema-escuro .tabelamenubtpostcelright-ass,
  .tema-escuro .tabelamenubtpostcelright-intro {
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-escuro .tabelaopsbtmodos{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-escuro .tabelaopsaling{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-escuro .tabelaopsfontbtr{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-escuro .tabelaopsfontbta{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-escuro .tabelaopsfontbtd{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-escuro .switch-container{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-escuro .tabelaops-tipfont{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-escuro .tabelaopsalinge{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-escuro .tabelaopslinhabta{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-escuro .botsecund,
  .tema-escuro .bot-qrcode,
  .tema-escuro .tabelaopslinhabtd,
  .tema-escuro .custom-audio-player,
  .tema-escuro .link-comentinjet {
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-escuro .tabelaopsfont,
  .tema-escuro .switchs-tb,
  .tema-escuro .menucompartcel {
    background: #202124;
  }
  .tema-escuro .linhadivisacappost {
    background-color: rgba(0, 0, 0, 0.7);
  }
  
  
  
  /* ---------- TEMA SEPIA ---------- */
  .tema-sepia body {
    background: #faefd7;
    color: #1f1f1f;
  }
  
  @media (max-width: 800px){
  .tema-sepia body {
    background: #28292b !important;
  }
  .tema-sepia .div_logo_tit_link {
  color: #cacaca !important;
  }
  .tema-sepia .centered-top-container,
  .tema-sepia .svg-icon-24
  .tema-sepia .body.collapsed-header,
  .tema-sepia .centered-top-placeholder,
  .tema-sepia .svg-icon-24 {
  fill: #cacaca !important;
  }
  }
  
  .tema-sepia .div-audio,
  .tema-sepia .page,
  .tema-sepia .post-body,
  .tema-sepia .post-outer-container,
  .tema-sepia .blog-posts,
  .tema-sepia .Blog,
  .tema-sepia .menu-textcoment-divsubtab,
  .tema-sepia .div-link-coment {
    background: #faefd7;
  }
  
  .tema-sepia .menu-liv-config{
    border-top: 1px solid rgba(128, 128, 128, 0.3);
  }
  
  .tema-sepia .botmenu-in{
    border-left: 2px solid #28292b;
  }
  
  /* Sticky mantém tom escuro */
  .tema-sepia .sticky {
  background: linear-gradient(to bottom, rgba(40, 41, 43, 0.99) 85%, rgba(40, 41, 43, 0.95) 90%, rgba(40, 41, 43, 0.9) 95%, rgba(40, 41, 43, 0.5) 100%);
  box-shadow: 0px 7px 7px 0px rgba(128, 128, 128, 0.3);
  }
  
  @media (max-width: 800px){
  .tema-sepia .post-filter-message {
    color: #cacaca !important;
  }
  }
  
  .tema-sepia .post-filter-message {
    color: #3d311f;
  }
  
  .tema-sepia .text-content,
  .tema-sepia .text-content1,
  .tema-sepia .text-content2,
  .tema-sepia .text-content3,
  .tema-sepia .text-content4,
  .tema-sepia .text-content5,
  .tema-sepia .text-content6,
  .tema-sepia .text-content7,
  .tema-sepia .text-content8,
  .tema-sepia .text-content9,
  .tema-sepia .text-secund,
  .tema-sepia .pverso-not-tit,
  .tema-sepia .pverso-ref-tit,
  .tema-sepia .not-ancor-rd,
  .tema-sepia .not-ancor-text,
  .tema-sepia .post-body,
  .tema-sepia .nota-copy-link,
  .tema-sepia .nota-copy-link a,
  .tema-sepia .nota-copy-link a:hover,
  .tema-sepia .nota-copy-link a:visited,
  .tema-sepia .titulo-pag,
  .tema-sepia .titulo-cap,
  .tema-sepia .titulo-pag-list,
  .tema-sepia .titulo-pag-list a,
  .tema-sepia .titulo-pag-list a:hover,
  .tema-sepia .titulo-pag-list a:visited {
    color: #3d311f !important;
  }
  
  .tema-sepia .tabelaopsilumtit,
  .tema-sepia .tabelaopsfonttit,
  .tema-sepia .text-comp_pag,
  .tema-sepia .menufixodivfechtabceltext-audio,
  .tema-sepia .time-display{
    color: #cacaca !important;
  }
  
  .tema-sepia .Blog,
  .tema-sepia .post-outer-container,
  .tema-sepia .blog-posts,
  .tema-sepia .tabelamenubtpost,
  .tema-sepia .linhadivisacappost {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
  }
  
  .tema-sepia .menu-textcoment-divsubtab,
  .tema-sepia .div-link-coment {
    box-shadow: 0 1px 4px 0 rgb(0, 0, 0);
  }
  
  .tema-sepia .tabelamenubtpostdivsub,
  .tema-sepia .menu-liv-config,
  .tema-sepia .menunovodivsub,
  .tema-sepia .menupagedivsub,
  .tema-sepia .menubarradiv,
  .tema-sepia .custom-audio-player,
  .tema-sepia .menufixodivfech-player {
    background: #28292b;
  }
  
  .tema-sepia .menucompartdivsub,
  .tema-sepia .menunovodivsub,
  .tema-sepia .menupagedivsub,
  .tema-sepia #popup-nota-close,
  .tema-sepia #popup-nota {
    background: #faefd7;
  }
  
  .tema-sepia .tabelaopslimite {
    background: #faefd7;
  }
  
  .tema-sepia .menufixodivfech-player,
  .tema-sepia .menubarradiv,
  .tema-sepia .menufixodivfech {
    border-top: 1px solid rgba(128, 128, 128, 0.3);
  }
  
  .tema-sepia .botprim {
    background: rgba(50, 51, 53, 0.8);
    box-shadow: inset 0px 4px 10px rgba(128, 128, 128, 0.7);
  }
  
  .tema-sepia .tabelamenubtpostcelleft2,
  .tema-sepia .tabelamenubtpostceltopo2,
  .tema-sepia .tabelamenubtpostcelright2,
  .tema-sepia .tabelamenubtpost {
    background: #28292b;
    box-shadow: 0 8px 16px 0 rgb(0, 0, 0);
  }
  
  .tema-sepia .tabelamenubtpostcelintro{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-sepia .tabelamenubtpostcelleft,
  .tema-sepia .tabelamenubtpostcelleft-ass,
  .tema-sepia .tabelamenubtpostcelleft-intro {
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-sepia .tabelamenubtpostceltopo{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-sepia .tabelamenubtpostcelright,
  .tema-sepia .tabelamenubtpostcelright-ass,
  .tema-sepia .tabelamenubtpostcelright-intro {
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-sepia .tabelaopsbtmodos{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-sepia .tabelaopsaling{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-sepia .tabelaopsfontbtr{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-sepia .tabelaopsfontbta{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-sepia .tabelaopsfontbtd{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-sepia .switch-container{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-sepia .tabelaops-tipfont{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-sepia .tabelaopsalinge{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-sepia .tabelaopslinhabta{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-sepia .botsecund,
  .tema-sepia .bot-qrcode,
  .tema-sepia .tabelaopslinhabtd,
  .tema-sepia .link-comentinjet {
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-sepia .tabelaopsfont,
  .tema-sepia .switchs-tb,
  .tema-sepia .menucompartcel {
    background: #28292b;
  }
  .tema-sepia .linhadivisacappost {
    background-color: rgba(0, 0, 0, 0.7);
    box-shadow: 0 1px 4px 0 rgb(0, 0, 0);
  }
  
  
  /* ---------- TEMA MARINHO ---------- */
  .tema-marinho body {
    background: #253a54;
    color: #1f1f1f;
  }
  
  @media (max-width: 800px){
  .tema-marinho body {
    background: #1d324d !important;
  }
  }
  
  
  .tema-marinho .menu-liv-config,
  .tema-marinho .page,
  .tema-marinho .post-body,
  .tema-marinho .post-outer-container,
  .tema-marinho .blog-posts,
  .tema-marinho .Blog,
  .tema-marinho .menu-textcoment-divsubtab,
  .tema-marinho .div-link-coment {
    background: #1d324d;
  }
  
  .tema-marinho .menu-liv-config{
    border-top: 1px solid rgba(128, 128, 128, 0.3);
  }
  
  .tema-marinho .menunovoceltab.ativo {
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.30) !important;
  }
  
  .tema-marinho .menufixobtcapbot-int.ativo,
  .tema-marinho .menufixobtcapbot.ativo {
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.50) !important;
  }
  
  .tema-marinho .botmenu-in{
    border-left: 2px solid #1d324d;
  }
  
  /* Sticky mantém tom escuro */
  .tema-marinho .sticky {
  background: linear-gradient(to bottom, rgba(29, 50, 77, 0.99) 90%, rgba(29, 50, 77, 0.3) 100%);
  }
  
  .tema-marinho .text-content,
  .tema-marinho .text-content1,
  .tema-marinho .text-content2,
  .tema-marinho .text-content3,
  .tema-marinho .text-content4,
  .tema-marinho .text-content5,
  .tema-marinho .text-content6,
  .tema-marinho .text-content7,
  .tema-marinho .text-content8,
  .tema-marinho .text-content9,
  .tema-marinho .text-secund,
  .tema-marinho .time-display,
  .tema-marinho .pverso-not-tit,
  .tema-marinho .pverso-ref-tit,
  .tema-marinho .not-ancor-rd,
  .tema-marinho .not-ancor-text,
  .tema-marinho .post-body,
  .tema-marinho .nota-copy-link,
  .tema-marinho .nota-copy-link a,
  .tema-marinho .nota-copy-link a:hover,
  .tema-marinho .nota-copy-link a:visited,
  .tema-marinho .titulo-pag,
  .tema-marinho .titulo-cap,
  .tema-marinho .titulo-pag-list,
  .tema-marinho .titulo-pag-list a,
  .tema-marinho .titulo-pag-list a:hover,
  .tema-marinho .titulo-pag-list a:visited {
    color: #f2f2f2 !important;
  }
  
  .tema-marinho .tabelaopsilumtit,
  .tema-marinho .tabelaopsfonttit,
  .tema-marinho .text-comp_pag,
  .tema-marinho .div_logo_tit_link,
  .tema-marinho .menufixodivfechtabceltext-audio,
  .tema-marinho .post-filter-message {
  color: #cacaca !important;
  }
  
  .tema-marinho .centered-top-container,
  .tema-marinho .svg-icon-24
  .tema-marinho .body.collapsed-header,
  .tema-marinho .centered-top-placeholder,
  .tema-marinho .svg-icon-24 {
  fill: #cacaca !important;
  }
  
  .tema-marinho .Blog,
  .tema-marinho .post-outer-container,
  .tema-marinho .blog-posts,
  .tema-marinho .tabelamenubtpost,
  .tema-marinho .linhadivisacappost {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
  }
  
  .tema-marinho .menu-textcoment-divsubtab,
  .tema-marinho .post-filter-message,
  .tema-marinho .div-link-coment {
    box-shadow: 0 1px 4px 0 rgb(0, 0, 0);
  }
  
  .tema-marinho .tabelamenubtpostdivsub,
  .tema-marinho .menubarradiv,
  .tema-marinho .menufixodivfech-player,
  .tema-marinho .div-audio {
    background: #1d324d;
  }
  
  .tema-marinho .menucompartdivsub,
  .tema-marinho .menupagedivsub,
  .tema-marinho .menunovodivsub,
  .tema-marinho .tabelaopslimite {
    background: #253a54;
  }
  
  .tema-marinho #popup-nota-close,
  .tema-marinho #popup-nota {
    background: #1d324d;
  }
  
  .tema-marinho .menufixodivfech-player,
  .tema-marinho .menubarradiv,
  .tema-marinho .menufixodivfech {
    border-top: 1px solid rgba(128, 128, 128, 0.3);
  }
  
  .tema-marinho .botprim {
    background: rgba(128, 128, 128, 0.2);
    box-shadow: inset 0px 4px 10px rgba(128, 128, 128, 0.3);
  }
  
  .tema-marinho .tabelamenubtpostcelleft2,
  .tema-marinho .tabelamenubtpostceltopo2,
  .tema-marinho .tabelamenubtpostcelright2,
  .tema-marinho .tabelamenubtpost {
    background: #1d324d;
    box-shadow: 0 8px 16px 0 rgb(0, 0, 0);
  }
  
  .tema-marinho .tabelamenubtpostcelintro{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-marinho .tabelamenubtpostcelleft,
  .tema-marinho .tabelamenubtpostcelleft-ass,
  .tema-marinho .tabelamenubtpostcelleft-intro {
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-marinho .tabelamenubtpostceltopo{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-marinho .tabelamenubtpostcelright,
  .tema-marinho .tabelamenubtpostcelright-ass,
  .tema-marinho .tabelamenubtpostcelright-intro {
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-marinho .tabelaopsbtmodos{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-marinho .tabelaopsaling{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-marinho .tabelaopsfontbtr{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-marinho .tabelaopsfontbta{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-marinho .tabelaopsfontbtd{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-marinho .switch-container{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-marinho .tabelaops-tipfont{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-marinho .tabelaopsalinge{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-marinho .tabelaopslinhabta{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-marinho .botsecund,
  .tema-marinho .bot-qrcode,
  .tema-marinho .tabelaopslinhabtd,
  .tema-marinho .custom-audio-player,
  .tema-marinho .link-comentinjet {
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-marinho .tabelaopsfont,
  .tema-marinho .switchs-tb,
  .tema-marinho .menucompartcel {
    background: #1d324d;
  }
  .tema-marinho .linhadivisacappost {
    background-color: rgba(0, 0, 0, 0.7);
    box-shadow: 0 1px 4px 0 rgb(0, 0, 0);
  }
  
  /* ---------- TEMA CÉU ---------- */
  .tema-ceu body {
    background: #ffffff;
    color: #1f1f1f;
  }
  
  @media (max-width: 800px){
  .tema-ceu body {
    background: #d3e3fd !important;
  }
  }
  
  .tema-ceu .botmenu-in{
    border-left: 2px solid #d3e3fd;
  }
  
  .tema-ceu .menupagedivsub,
  .tema-ceu .menunovodivsub,
  .tema-ceu .menucompartdivsub,
  .tema-ceu .div-audio,
  .tema-ceu .page,
  .tema-ceu .post-body,
  .tema-ceu .post-outer-container,
  .tema-ceu .blog-posts,
  .tema-ceu .Blog,
  .tema-ceu .menu-textcoment-divsubtab,
  .tema-ceu .div-link-coment {
    background: #ffffff;
  }
  
  .tema-ceu .sticky {
    background: #d3e3fd;
  background: linear-gradient(to bottom, rgba(211, 227, 253, 0.99) 99%, rgba(211, 227, 253, 0.7) 100%);
  box-shadow: 0px 9px 9px 0px rgba(128, 128, 128, 0.2);
  }
  
  .tema-ceu .text-content,
  .tema-ceu .text-content1,
  .tema-ceu .text-content2,
  .tema-ceu .text-content3,
  .tema-ceu .text-content4,
  .tema-ceu .text-content5,
  .tema-ceu .text-content6,
  .tema-ceu .text-content7,
  .tema-ceu .text-content8,
  .tema-ceu .text-content9,
  .tema-ceu .text-secund,
  .tema-ceu .time-display,
  .tema-ceu .pverso-not-tit,
  .tema-ceu .pverso-ref-tit,
  .tema-ceu .not-ancor-rd,
  .tema-ceu .not-ancor-text,
  .tema-ceu .post-body,
  .tema-ceu .nota-copy-link,
  .tema-ceu .nota-copy-link a,
  .tema-ceu .nota-copy-link a:hover,
  .tema-ceu .nota-copy-link a:visited,
  .tema-ceu .titulo-pag,
  .tema-ceu .titulo-cap,
  .tema-ceu .titulo-pag-list,
  .tema-ceu .titulo-pag-list a,
  .tema-ceu .titulo-pag-list a:hover,
  .tema-ceu .titulo-pag-list a:visited {
    color: #000000 !important;
  }
  
  .tema-ceu .Blog,
  .tema-ceu .post-outer-container,
  .tema-ceu .blog-posts,
  .tema-ceu .tabelamenubtpost,
  .tema-ceu .linhadivisacappost {
    box-shadow: 0 1px 4px 0 rgba(128, 128, 128, 1);
  }
  
  .tema-ceu .menu-textcoment-divsubtab,
  .tema-ceu .div-link-coment {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.8);
  }
  
  .tema-ceu .tabelamenubtpostdivsub,
  .tema-ceu .menu-liv-config,
  .tema-ceu .menubarradiv,
  .tema-ceu .custom-audio-player,
  .tema-ceu .menufixodivfech-player {
    background: #d3e3fd;
  }
  
  .tema-ceu .tabelaopslimite {
    background: #ffffff;
  }
  
  .tema-ceu #popup-nota-close,
  .tema-ceu #popup-nota {
    background: #ffffff;
  }
  
  .tema-ceu .menufixodivfech-player,
  .tema-ceu .menubarradiv,
  .tema-ceu .menufixodivfech {
    border-top: 1px solid rgba(128, 128, 128, 0.3);
  }
  
  .tema-ceu .botprim {
    background: rgba(128, 128, 128, 0.1);
    box-shadow: inset 0px 4px 10px rgba(128, 128, 128, 0.3);
  }
  
  .tema-ceu .tabelamenubtpostcelleft2,
  .tema-ceu .tabelamenubtpostceltopo2,
  .tema-ceu .tabelamenubtpostcelright2,
  .tema-ceu .tabelamenubtpost {
    background: #d3e3fd;
    box-shadow: 0 8px 16px 0 rgba(128, 128, 128, 1);
  }
  
  .tema-ceu .tabelamenubtpostcelintro{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-ceu .tabelamenubtpostcelleft,
  .tema-ceu .tabelamenubtpostcelleft-ass,
  .tema-ceu .tabelamenubtpostcelleft-intro {
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-ceu .tabelamenubtpostceltopo{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-ceu .tabelamenubtpostcelright,
  .tema-ceu .tabelamenubtpostcelright-ass,
  .tema-ceu .tabelamenubtpostcelright-intro {
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-ceu .tabelaopsbtmodos{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-ceu .tabelaopsaling{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-ceu .tabelaopsfontbtr{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-ceu .tabelaopsfontbta{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-ceu .tabelaopsfontbtd{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-ceu .switch-container{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-ceu .tabelaops-tipfont{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-ceu .tabelaopsalinge{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-ceu .tabelaopslinhabta{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-ceu .botsecund,
  .tema-ceu .bot-qrcode,
  .tema-ceu .tabelaopslinhabtd,
  .tema-ceu .link-comentinjet {
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-ceu .tabelaopsfont,
  .tema-ceu .switchs-tb,
  .tema-ceu .menucompartcel {
    background: #d3e3fd;
  }
  .tema-ceu .linhadivisacappost {
  background-color: rgba(128, 128, 128, 0.4);
  }
  
  /* ---------- TEMA BAUNY ---------- */
  .tema-bauny body {
    background: #fdfcf7;
    color: #1f1f1f;
  }
  
  .tema-bauny .menucompartdivsub,
  .tema-bauny .menupagedivsub,
  .tema-bauny .menunovodivsub {
    background: #fdfcf7;
  }
  
  @media (max-width: 800px){
  .tema-bauny body {
    background: #eee2bc !important;
  }
  }
  
  .tema-bauny .botmenu-in{
    border-left: 2px solid #eee2bc;
  }
  
  .tema-bauny .div-audio,
  .tema-bauny .page,
  .tema-bauny .post-body,
  .tema-bauny .post-outer-container,
  .tema-bauny .blog-posts,
  .tema-bauny .Blog,
  .tema-bauny .menu-textcoment-divsubtab,
  .tema-bauny .div-link-coment {
    background: #fef6eb;
  }
  
  .tema-bauny .sticky {
  background: linear-gradient(to bottom, rgba(238, 226, 188, 0.99) 90%, rgba(238, 226, 188, 0.7) 100%);
  box-shadow: 0px 9px 9px 0px rgba(128, 128, 128, 0.2);
  }
  
  .tema-bauny .text-content,
  .tema-bauny .text-content1,
  .tema-bauny .text-content2,
  .tema-bauny .text-content3,
  .tema-bauny .text-content4,
  .tema-bauny .text-content5,
  .tema-bauny .text-content6,
  .tema-bauny .text-content7,
  .tema-bauny .text-content8,
  .tema-bauny .text-content9,
  .tema-bauny .text-secund,
  .tema-bauny .time-display,
  .tema-bauny .pverso-not-tit,
  .tema-bauny .pverso-ref-tit,
  .tema-bauny .not-ancor-rd,
  .tema-bauny .not-ancor-text,
  .tema-bauny .post-body,
  .tema-bauny .nota-copy-link,
  .tema-bauny .nota-copy-link a,
  .tema-bauny .nota-copy-link a:hover,
  .tema-bauny .nota-copy-link a:visited,
  .tema-bauny .titulo-pag,
  .tema-bauny .titulo-cap,
  .tema-bauny .titulo-pag-list,
  .tema-bauny .titulo-pag-list a,
  .tema-bauny .titulo-pag-list a:hover,
  .tema-bauny .titulo-pag-list a:visited {
    color: #000000 !important;
  }
  
  .tema-bauny .Blog,
  .tema-bauny .post-outer-container,
  .tema-bauny .blog-posts,
  .tema-bauny .tabelamenubtpost,
  .tema-bauny .linhadivisacappost {
    box-shadow: 0 1px 4px 0 rgba(128, 128, 128, 1);
  }
  
  .tema-bauny .menu-textcoment-divsubtab,
  .tema-bauny .div-link-coment {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.8);
  }
  
  .tema-bauny .tabelamenubtpostdivsub,
  .tema-bauny .menu-liv-config,
  .tema-bauny .menubarradiv,
  .tema-bauny .custom-audio-player,
  .tema-bauny .menufixodivfech-player {
    background: #eee2bc;
  }
  
  .tema-bauny .tabelaopslimite {
    background: #fdfcf7;
  }
  
  .tema-bauny #popup-nota-close,
  .tema-bauny #popup-nota {
    background: #fef6eb;
  }
  
  .tema-bauny .menufixodivfech-player,
  .tema-bauny .menubarradiv,
  .tema-bauny .menufixodivfech {
    border-top: 1px solid rgba(128, 128, 128, 0.3);
  }
  
  .tema-bauny .botprim {
    background: rgba(128, 128, 128, 0.1);
    box-shadow: inset 0px 4px 10px rgba(128, 128, 128, 0.3);
  }
  
  .tema-bauny .tabelamenubtpostcelleft2,
  .tema-bauny .tabelamenubtpostceltopo2,
  .tema-bauny .tabelamenubtpostcelright2,
  .tema-bauny .tabelamenubtpost {
    background: #eee2bc;
    box-shadow: 0 8px 16px 0 rgba(128, 128, 128, 1);
  }
  
  .tema-bauny .tabelamenubtpostcelintro{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-bauny .tabelamenubtpostcelleft,
  .tema-bauny .tabelamenubtpostcelleft-ass,
  .tema-bauny .tabelamenubtpostcelleft-intro {
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-bauny .tabelamenubtpostceltopo{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-bauny .tabelamenubtpostcelright,
  .tema-bauny .tabelamenubtpostcelright-ass,
  .tema-bauny .tabelamenubtpostcelright-intro {
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-bauny .tabelaopsbtmodos{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-bauny .tabelaopsaling{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-bauny .tabelaopsfontbtr{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-bauny .tabelaopsfontbta{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-bauny .tabelaopsfontbtd{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-bauny .switch-container{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-bauny .tabelaops-tipfont{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-bauny .tabelaopsalinge{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-bauny .tabelaopslinhabta{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-bauny .botsecund,
  .tema-bauny .bot-qrcode,
  .tema-bauny .tabelaopslinhabtd,
  .tema-bauny .link-comentinjet {
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-bauny .tabelaopsfont,
  .tema-bauny .switchs-tb,
  .tema-bauny .menucompartcel {
    background: #eee2bc;
  }
  .tema-bauny .linhadivisacappost {
  background-color: rgba(128, 128, 128, 0.4);
  }
  
  /* ---------- TEMA ROSE ---------- */
  .tema-rose body {
    background: #fcf8f8;
    color: #1f1f1f;
  }
  
  .tema-rose .menucompartdivsub,
  .tema-rose .menupagedivsub,
  .tema-rose .menunovodivsub {
    background: #fcf8f8;
  }
  
  @media (max-width: 800px){
  .tema-rose body {
    background: #f7e3e3 !important;
  }
  }
  
  .tema-rose .botmenu-in{
    border-left: 2px solid #f9eaea;
  }
  
  .tema-rose .div-audio,
  .tema-rose .page,
  .tema-rose .post-body,
  .tema-rose .post-outer-container,
  .tema-rose .blog-posts,
  .tema-rose .Blog,
  .tema-rose .menu-textcoment-divsubtab,
  .tema-rose .div-link-coment {
    background: #f7efed;
  }
  
  .tema-rose .sticky {
  background: linear-gradient(to bottom, rgba(249, 234, 234, 0.99) 90%, rgba(249, 234, 234, 0.7) 100%);
  box-shadow: 0px 9px 9px 0px rgba(128, 128, 128, 0.2);
  }
  
  .tema-rose .text-content,
  .tema-rose .text-content1,
  .tema-rose .text-content2,
  .tema-rose .text-content3,
  .tema-rose .text-content4,
  .tema-rose .text-content5,
  .tema-rose .text-content6,
  .tema-rose .text-content7,
  .tema-rose .text-content8,
  .tema-rose .text-content9,
  .tema-rode .text-secund,
  .tema-rose .time-display,
  .tema-rose .pverso-not-tit,
  .tema-rose .pverso-ref-tit,
  .tema-rose .not-ancor-rd,
  .tema-rose .not-ancor-text,
  .tema-rose .post-body,
  .tema-rose .nota-copy-link,
  .tema-rose .nota-copy-link a,
  .tema-rose .nota-copy-link a:hover,
  .tema-rose .nota-copy-link a:visited,
  .tema-rose .titulo-pag,
  .tema-rose .titulo-cap,
  .tema-rose .titulo-pag-list,
  .tema-rose .titulo-pag-list a,
  .tema-rose .titulo-pag-list a:hover,
  .tema-rose .titulo-pag-list a:visited {
    color: #000000 !important;
  }
  
  .tema-rose .Blog,
  .tema-rose .post-outer-container,
  .tema-rose .blog-posts,
  .tema-rose .tabelamenubtpost,
  .tema-rose .linhadivisacappost {
    box-shadow: 0 1px 4px 0 rgba(128, 128, 128, 1);
  }
  
  .tema-rose .menu-textcoment-divsubtab,
  .tema-rose .div-link-coment {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.8);
  }
  
  .tema-rose .tabelamenubtpostdivsub,
  .tema-rose .menu-liv-config,
  .tema-rose .menubarradiv,
  .tema-rose .custom-audio-player,
  .tema-rose .menufixodivfech-player {
    background: #f7e3e3;
  }
  
  .tema-rose .tabelaopslimite {
    background: #fcf8f8;
  }
  
  .tema-rose #popup-nota-close,
  .tema-rose #popup-nota {
    background: #f7efed;
  }
  
  .tema-rose .menufixodivfech-player,
  .tema-rose .menubarradiv,
  .tema-rose .menufixodivfech {
    border-top: 1px solid rgba(128, 128, 128, 0.3);
  }
  
  .tema-rose .botprim {
    background: rgba(128, 128, 128, 0.1);
    box-shadow: inset 0px 4px 10px rgba(128, 128, 128, 0.3);
  }
  
  .tema-rose .tabelamenubtpostcelleft2,
  .tema-rose .tabelamenubtpostceltopo2,
  .tema-rose .tabelamenubtpostcelright2,
  .tema-rose .tabelamenubtpost {
    background: #f9eaea;
    box-shadow: 0 8px 16px 0 rgba(128, 128, 128, 1);
  }
  
  .tema-rose .tabelamenubtpostcelintro{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-rose .tabelamenubtpostcelleft,
  .tema-rose .tabelamenubtpostcelleft-ass,
  .tema-rose .tabelamenubtpostcelleft-intro {
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-rose .tabelamenubtpostceltopo{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-rose .tabelamenubtpostcelright,
  .tema-rose .tabelamenubtpostcelright-ass,
  .tema-rose .tabelamenubtpostcelright-intro {
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-rose .tabelaopsbtmodos{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-rose .tabelaopsaling{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-rose .tabelaopsfontbtr{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-rose .tabelaopsfontbta{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-rose .tabelaopsfontbtd{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-rose .switch-container{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-rose .tabelaops-tipfont{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-rose .tabelaopsalinge{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-rose .tabelaopslinhabta{
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-rose .botsecund,
  .tema-rose .bot-qrcode,
  .tema-rose .tabelaopslinhabtd,
  .tema-rose .link-comentinjet {
    background: rgba(128, 128, 128, 0.2);
  }
  .tema-rose .tabelaopsfont,
  .tema-rose .switchs-tb,
  .tema-rose .menucompartcel {
    background: #f7e3e3;
  }
  .tema-rose .linhadivisacappost {
  background-color: rgba(128, 128, 128, 0.4);
  }

  /* Isso organiza o corpo do site */

html {
    min-height: 100%;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    margin: 0;
}

header {
    flex-shrink: 0;
    width: 100%;
    max-width: 912px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.container-central {
    display: flex;
    flex-direction: row;
    flex: 1 0 auto;
    width: 100%;
    max-width: 982px;
    margin: 0 auto;
    min-height: min-content;
}

aside {
    flex-shrink: 0;
    width: 70px;
}

main {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 912px;
    position: relative;
}

.page {
    background: #ffffff;
    padding: 30px 40px;
    box-shadow: 0 1px 4px 0 #000000;
    position: relative;
}

.foot {
text-align: center;
    max-width: 912px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    position: relative;
    padding: 24px 16px 32px;
}

footer {
    flex-shrink: 0;

    box-sizing: border-box;
    overflow: visible;

}

/* Garante que o conteúdo visível do rodapé (links, redes sociais, copyright) seja exibido */
footer .footer-conteudo-visivel {
    display: block !important;
    visibility: visible !important;
    position: relative;
    z-index: 1;
    width: 100%;
}

@media (max-width: 800px) {
    .container-central {
        flex-direction: column;
        max-width: 100%;
    }
    .container-central aside {
        width: 100%;
    }
    .container-central main {
        max-width: 100%;
    }
}
  
  /*_____________________________________________________  Logotipo */
  
  
  .div_logo{
  
  }
  .div_logo_tab{
  padding: 0px;
  width: 100%;
  border-spacing: 0px;
  }
  .div_logo_tab_celimg{
  text-align: left;
  height: 38px;
  width: 35px;
  vertical-align: middle
  }
  .div_logo_tab_celtit{
  text-align: left;
  vertical-align: middle
  }
  .div_logo_tit{
  text-align: left;
  font-family: arial;
  font-size: 24px;
  display: inline-block;
  vertical-align:middle;
  height: 38px;
  line-height: 38px;
  }
  .div_logo_tit_link{
  color: #5b5b5b !important;
  }
  .div_logo_tit_link a{
  color: #5b5b5b !important;
  }
  .div_logo_tit_link a:hover{
  color: #2196f3 !important;
  }
  .div_logo_tit_link a:visited{
  color: #5b5b5b !important;
  }
  .logop{
  margin-top: 0px;
  margin-left: 4px;
  margin-right: 4px;
  height: 25px;
  }
  .div_logo_tab_cel_user{
  width: 35px;
  }
  .bt_user{
  background: transparent;
  border: none;
  cursor: pointer;
  height: 100%;
  outline: none;
  padding: 0px;
  width: 100%;
  display: inline-block;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .bt_user:hover {
  background: #d2eafc;
  border-radius: 9px;
  }
  }
  .bt_user:active {
  background: #d2eafc;
  border-radius: 9px;
  }
  .div_logo_user{
  width: 35px;
  height: 35px;
  line-height: 35px;
  color: #2196f3;
  font-size: 15px;
  vertical-align: middle;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAEI_JfwSNtqfRvS_npeYd0ckNjl3uuoWMsamAh-TLvq43cO0Pjw87wKy9yVDpNuP9GhUA2xKZ1lpCszQHrATGH5zDUW1qlf8_qf5kfTesZDQgu-Zqh1Ri1j2nJBm0QxvxbrmJfXFKEjTK3flJvD1vmiTwmKdfhX_XV_OkwV4mpa1jEqqPsvckMMlfsqg/s1600/icons8-tela-cheia-50A.png);
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-flex;
  }
  .div_logo_user.ativo{
  width: 35px;
  height: 35px;
  line-height: 35px;
  color: #2196f3;
  font-size: 15px;
  vertical-align: middle;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDrDWlxM_ZfAeXdSt3AHuFEhoddIKk7KiaClSm_WAASe6GLlJHP1p0tCLYi0lhzX5elujlZ4fN2lo2fST7tXIjjvpNHMVpF9TpsnekjyKf7MjdZjl1eemffKfdoOLOmOe92vjx9WdK8EPrFiFIaeP6uQx-3ENV96SK-5A-iS7djXauKvzVUBtqOT-9iB8/s1600/icons8-tela-cheia-50B.png);
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-flex;
  }
  
  
  
  
  /* Estado inicial/padrão do container (dentro da tabela) */
  #bot_tela_control_id {
    
  }
  
  /* Quando entra em Tela Cheia, ele ganha position fixed */
  #bot_tela_control_id.modo-fixo {
    position: fixed !important;
    right: 15px;
    z-index: 9999;
    width: 35px;
    height: 35px;
  }
  
  /* --- O CONCEITO COPIADO DO MENU INFERIOR --- */
  
  /* Quando rola para CIMA (Aparece) */
  #bot_tela_control_id.bot_tela_alto {
    top: 4px !important; /* Posição visível no topo */
  }
  
  /* Quando rola para BAIXO (Sone) */
  #bot_tela_control_id.bot_tela_baixo {
    top: -60px !important; /* Esconde para fora da tela (negativo) */
  }
  
  
  
  
  /*_____________________________________________________  trava barra de rolagem com script */
  
  .corpo-sem-scroll {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100vh; /* novo: evita erros em mobile */
  }
  
  /*_____________________________________________________  cor de fundo em mobile */
  
  @media (max-width: 800px){
  body {
  background: #ededed !important;
  }
  }
  
  /*_____________________________________________________  titulos */
  
  .capitulo {
    position: relative; 
    width: 100%;
  }
  
  .titulo-cap-div{
  margin: auto;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  }
  
  .titulo-cap{
  color: #1f1f1f;
  font-size: 18px;
  font-family: times;
  font-weight: bold;
  line-height: 1.5;
  transition: font-size 0.3s ease-in-out;
  }
  
  .titulo-pag-div{
  margin: auto;
  text-align: left;
  padding-top: 20px;
  padding-bottom: 20px;
  }
  
  .titulo-pag{
  color: #1f1f1f;
  font-size: 18px;
  font-family: times;
  font-weight: bold;
  line-height: 1.5;
  transition: font-size 0.3s ease-in-out;
  }
  
  .titulo-pag-list{
  color: #1f1f1f !important;
  font-size: 18px;
  font-family: arial;
  font-weight: bold;
  line-height: 1.5;
  transition: font-size 0.3s ease-in-out;
  }
  .titulo-pag-list a{
  color: #1f1f1f !important;
  font-size: 18px;
  font-family: times;
  font-weight: bold;
  line-height: 1.5;
  transition: font-size 0.3s ease-in-out;
  }
  .titulo-pag-list a:hover{
  color: #1f1f1f !important;
  font-size: 18px;
  font-family: times;
  font-weight: bold;
  line-height: 1.5;
  transition: font-size 0.3s ease-in-out;
  }
  .titulo-pag-list a:visited{
  color: #1f1f1f !important;
  font-size: 18px;
  font-family: times;
  font-weight: bold;
  line-height: 1.5;
  transition: font-size 0.3s ease-in-out;
  }
  
  /*_____________________________________________________  texto post: paginas, capitulos, assuntos, versiculos */
  
  .text-content{
  color: #1f1f1f;
  font-size: 16px;
  font-family: times;
  line-height: 1.5;
  transition: font-size 0.3s ease-in-out;
  }
  .text-content1 {
  color: #1f1f1f;
  font-family: times;
  font-size: 14px;
  line-height: 1.5;
  display: block;
  text-align: center;
  padding-bottom: 25px;
  transition: font-size 0.3s ease-in-out;
  }
  .text-content2 {
  color: #1f1f1f;
  font-family: times;
  font-size: 14px;
  line-height: 1.5;
  display: block;
  padding-bottom: 20px;
  padding-top: 12px;
  /* Compensa visualmente o deslocamento da linha padding-right: 40px; */
  text-align: center;
  transition: font-size 0.3s ease-in-out;
  }
  .text-content3{
  color: #1f1f1f;
  font-size: 16px;
  font-family: times;
  line-height: 1.5;
  transition: font-size 0.3s ease-in-out;
  }
  .text-content4{
  color: #1f1f1f;
  font-size: 12px;
  font-family: times;
  line-height: 1.5;
  transition: font-size 0.3s ease-in-out;
  }
  .text-content5{
  color: #1f1f1f;
  font-size: 16px;
  font-family: times;
  line-height: 1.5;
  transition: font-size 0.3s ease-in-out;
  }
  .text-content6{
  color: #1f1f1f;
  font-size: 14px;
  font-family: times;
  line-height: 1.5;
  transition: font-size 0.3s ease-in-out;
  }
  .text-content7 {
  color: #1f1f1f;
  font-family: arial;
  font-size: 14px;
  line-height: 1.5;
  display: block;
  padding-top: 2px;
  text-align: left;
  transition: font-size 0.3s ease-in-out;
  }
  .text-content8{
  color: #1f1f1f;
  font-size: 16px;
  font-family: times;
  line-height: 1.5;
  transition: font-size 0.3s ease-in-out;
  display: none;
  }
  .text-secund{
  color: #1f1f1f;
  font-family: times;
  font-size: 15px;
  line-height: 1.5;
  }
  .versotrad{
  color: #2196f3;
  text-align: right;
  }
  .text-numpagecoment{
  color: rgb(128, 128, 128);
  font-family: times;
  font-size: 14px;
  line-height: 1.5;
  }
  .text-comp_pag{
  color: #5b5b5b;
  font-family: times;
  font-size: 16px;
  line-height: 1.5;
  }
  
  .text-copy{
  margin-left: auto;
  margin-right: auto;
  font-family: arial;
  font-size: 15px;
  color: rgb(128, 128, 128);
  transition: font-size 0.3s ease-in-out;
  }
  
  /*_____________________________________________________  botões  */
  
  .botprim{
  background: linear-gradient(to left, rgba(33, 150, 243, 0.2) 30%, rgba(33, 150, 243, 0) 95%);
  box-shadow: none;
  border: none;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  }
  .botprim.ativo{
  background: transparent;
  box-shadow: inset 0px 3px 3px 0px rgba(33, 150, 243, 0.3);
  border: none;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .botprim:hover {
  background: #d2eafc !important;
  }
  }
  .botprim:active {
  background: #d2eafc;
  }
  
  
  
  .botprim_verm{
  /*background: linear-gradient(to left, rgba(33, 150, 243, 0.2) 30%, rgba(33, 150, 243, 0) 95%);*/
  border: none;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  /*box-shadow: inset -5px 0px 5px -3px rgba(33, 150, 243);*/
  background: linear-gradient(to left, rgba(128, 128, 128, 0.03) 30%, rgba(128, 128, 128, 0) 95%);
  border-right: 1px solid rgba(33, 150, 243, 0.7);
  }
  .botprim_verm.color{
  background: linear-gradient(to left, rgba(255, 0, 0, 0.2) 30%, rgba(255, 0, 0, 0) 95%);
  box-shadow: none;
  border: none;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .botprim_verm:hover {
  background: #d2eafc !important;
  }
  }
  .botprim_verm:active {
  background: #d2eafc;
  }
  .botprim_verde{
  /*background: linear-gradient(to left, rgba(33, 150, 243, 0.2) 30%, rgba(33, 150, 243, 0) 95%);*/
  border: none;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  /*box-shadow: inset -5px 0px 5px -3px rgba(33, 150, 243);*/
  background: linear-gradient(to left, rgba(128, 128, 128, 0.03) 30%, rgba(128, 128, 128, 0) 95%);
  border-right: 1px solid rgba(33, 150, 243, 0.7);
  }
  .botprim_verde.color {
  background: linear-gradient(to left, rgba(50, 205, 50, 0.2) 30%, rgba(50, 205, 50, 0) 95%);
  box-shadow: none;
  border: none;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .botprim_verde:hover {
  background: #d2eafc !important;
  }
  }
  .botprim_verde:active {
  background: #d2eafc;
  }
  .botprim_roxo{
  /*background: linear-gradient(to left, rgba(33, 150, 243, 0.2) 30%, rgba(33, 150, 243, 0) 95%);*/
  border: none;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  /*box-shadow: inset -5px 0px 5px -3px rgba(33, 150, 243);*/
  background: linear-gradient(to left, rgba(128, 128, 128, 0.03) 30%, rgba(128, 128, 128, 0) 95%);
  border-right: 1px solid rgba(33, 150, 243, 0.7);
  }
  .botprim_roxo.color {
  background: linear-gradient(to left, rgba(138, 43, 226, 0.2) 30%, rgba(138, 43, 226, 0) 95%);
  box-shadow: none;
  border: none;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .botprim_roxo:hover {
  background: #d2eafc !important;
  }
  }
  .botprim_roxo:active {
  background: #d2eafc;
  }
  .botprim_amar{
  /*background: linear-gradient(to left, rgba(33, 150, 243, 0.2) 30%, rgba(33, 150, 243, 0) 95%);*/
  border: none;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  /*box-shadow: inset -5px 0px 5px -3px rgba(33, 150, 243);*/
  background: linear-gradient(to left, rgba(128, 128, 128, 0.03) 30%, rgba(128, 128, 128, 0) 95%);
  border-right: 1px solid rgba(33, 150, 243, 0.7);
  }
  .botprim_amar.color {
  background: linear-gradient(to left, rgba(255, 215, 0, 0.2) 30%, rgba(255, 215, 0, 0) 95%);
  box-shadow: none;
  border: none;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .botprim_amar:hover {
  background: #d2eafc !important;
  }
  }
  .botprim_amar:active {
  background: #d2eafc;
  }
  .botprim_amar_at{
  /*background: linear-gradient(to left, rgba(33, 150, 243, 0.2) 30%, rgba(33, 150, 243, 0) 95%);*/
  border: none;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  /*box-shadow: inset -5px 0px 5px -3px rgba(33, 150, 243);*/
  background: linear-gradient(to left, rgba(128, 128, 128, 0.03) 30%, rgba(128, 128, 128, 0) 95%);
  border-right: 1px solid rgba(33, 150, 243, 0.7);
  }
  .botprim_amar_at.color {
  background: linear-gradient(to left, rgba(255, 215, 0, 0.2) 30%, rgba(255, 215, 0, 0) 95%);
  box-shadow: none;
  border: none;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .botprim_amar_at:hover {
  background: #d2eafc !important;
  }
  }
  .botprim_amar_at:active {
  background: #d2eafc;
  }
  .botprim_rosa{
  /*background: linear-gradient(to left, rgba(33, 150, 243, 0.2) 30%, rgba(33, 150, 243, 0) 95%);*/
  border: none;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  /*box-shadow: inset -5px 0px 5px -3px rgba(33, 150, 243);*/
  background: linear-gradient(to left, rgba(128, 128, 128, 0.03) 30%, rgba(128, 128, 128, 0) 95%);
  border-right: 1px solid rgba(33, 150, 243, 0.7);
  }
  .botprim_rosa.color {
  background: linear-gradient(to left, rgba(252, 142, 172, 0.2) 30%, rgba(252, 142, 172, 0) 95%);
  box-shadow: none;
  border: none;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .botprim_rosa:hover {
  background: #d2eafc !important;
  }
  }
  .botprim_rosa:active {
  background: #d2eafc;
  }
  .botprim_branco{
  /*background: linear-gradient(to left, rgba(33, 150, 243, 0.2) 30%, rgba(33, 150, 243, 0) 95%);*/
  border: none;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  /*box-shadow: inset -5px 0px 5px -3px rgba(33, 150, 243);*/
  background: linear-gradient(to left, rgba(128, 128, 128, 0.03) 30%, rgba(128, 128, 128, 0) 95%);
  border-right: 1px solid rgba(33, 150, 243, 0.7);
  }
  .botprim_branco.color {
  background: linear-gradient(to left, rgba(65, 105, 225, 0.2) 30%, rgba(65, 105, 225, 0) 95%);
  box-shadow: none;
  border: none;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .botprim_branco:hover {
  background: #d2eafc !important;
  }
  }
  .botprim_branco:active {
  background: #d2eafc;
  }
  .botprim_laranja{
  /*background: linear-gradient(to left, rgba(33, 150, 243, 0.2) 30%, rgba(33, 150, 243, 0) 95%);*/
  border: none;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  /*box-shadow: inset -5px 0px 5px -3px rgba(33, 150, 243);*/
  background: linear-gradient(to left, rgba(128, 128, 128, 0.03) 30%, rgba(128, 128, 128, 0) 95%);
  border-right: 1px solid rgba(33, 150, 243, 0.7);
  }
  .botprim_laranja.color {
  background: linear-gradient(to left, rgba(160, 82, 45, 0.2) 30%, rgba(160, 82, 45, 0) 95%);
  box-shadow: none;
  border: none;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .botprim_laranja:hover {
  background: #d2eafc !important;
  }
  }
  .botprim_laranja:active {
  background: #d2eafc;
  }
  .botprim_azul{
  /*background: linear-gradient(to left, rgba(33, 150, 243, 0.2) 30%, rgba(33, 150, 243, 0) 95%);*/
  border: none;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  /*box-shadow: inset -5px 0px 5px -3px rgba(33, 150, 243);*/
  background: linear-gradient(to left, rgba(128, 128, 128, 0.03) 30%, rgba(128, 128, 128, 0) 95%);
  border-right: 1px solid rgba(33, 150, 243, 0.7);
  }
  .botprim_azul.color {
  background: linear-gradient(to left, rgba(0, 255, 255, 0.2) 30%, rgba(0, 255, 255, 0) 95%);
  box-shadow: none;
  border: none;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .botprim_azul:hover {
  background: #d2eafc !important;
  }
  }
  .botprim_azul:active {
  background: #d2eafc;
  }
  
  
  /* Estilos para botões em duas colunas (invertendo apenas a direção do background gradient dos livros do novo testamento) */
  
  
  
  .botprim_verm.colun{
  background: linear-gradient(to right, rgba(33, 150, 243, 0.2) 30%, rgba(33, 150, 243, 0) 95%);
  box-shadow: none;
  border: none;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  }
  .botprim_verm.color_colun {
  background: linear-gradient(to right, rgba(255, 0, 0, 0.2) 30%, rgba(255, 0, 0, 0) 95%);
  box-shadow: none;
  border: none;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  }
  .botprim_verde.colun {
  background: linear-gradient(to right, rgba(33, 150, 243, 0.2) 30%, rgba(33, 150, 243, 0) 95%);
  box-shadow: none;
  border: none;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  }
  .botprim_verde.color_colun {
  background: linear-gradient(to right, rgba(50, 205, 50, 0.2) 30%, rgba(50, 205, 50, 0) 95%);
  box-shadow: none;
  border: none;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  }
  .botprim_roxo.colun {
  background: linear-gradient(to right, rgba(33, 150, 243, 0.2) 30%, rgba(33, 150, 243, 0) 95%);
  box-shadow: none;
  border: none;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  }
  .botprim_roxo.color_colun {
  background: linear-gradient(to right, rgba(138, 43, 226, 0.2) 30%, rgba(138, 43, 226, 0) 95%);
  box-shadow: none;
  border: none;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  }
  .botprim_amar_at.colun {
  background: linear-gradient(to right, rgba(33, 150, 243, 0.2) 30%, rgba(33, 150, 243, 0) 95%);
  box-shadow: none;
  border: none;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  }
  .botprim_amar_at.color_colun {
  background: linear-gradient(to right, rgba(255, 215, 0, 0.2) 30%, rgba(255, 215, 0, 0) 95%);
  box-shadow: none;
  border: none;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  }
  
  
  
  .botsecund{
  background: rgba(128, 128, 128, 0.09);
  border: none;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  border-radius: 9px;
  box-shadow: inset 0px 4px 10px rgba(128, 128, 128, 0.2);
  display: block;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .botsecund:hover {
  background: #d2eafc;
  }
  }
  .botsecund:active {
  background: #d2eafc;
  }
  .bot-qrcode{
  background: rgba(128, 128, 128, 0.09);
  border: none;
  cursor: pointer;
  height: 35px;
  margin: 0px;
  padding: 0px;
  width: 100%;
  border-radius: 9px;
  box-shadow: inset 0px 4px 10px rgba(128, 128, 128, 0.2);
  display: block;
  font-family: arial;
  font-size: 15px;
  color: #2196f3;
  font-weight: bold;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .bot-qrcode:hover {
  background: #d2eafc;
  }
  }
  .bot-qrcode:active {
  background: #d2eafc;
  }
  .bot-qrcode img {
  width: 18px;  /* tamanho do ícone */
  height: 18px;
  vertical-align: middle;
  margin-right: 6px; /* espaço entre ícone e texto */
  }
  .botplay{
  background: transparent;
  border: none;
  cursor: pointer;
  margin-right: 0px;
  padding: 0px;
  border-radius: 15.5px;
  box-shadow: inset 0px 4px 10px rgba(128, 128, 128, 0.2);
  display: block;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .botplay:hover {
  background: #d2eafc;
  }
  }
  .botplay:active {
  background: #d2eafc;
  }
  .link-comentinjet {
    background: rgba(128, 128, 128, 0.09);
    border: none;
    cursor: pointer;
    height: 35px;
    width: 100%;
    max-width: 300px;
    border-radius: 16.5px;
    box-shadow: inset 0px 4px 10px rgba(128, 128, 128, 0.2);
    display: flex;             /* flex container */
    justify-content: center;   /* centraliza horizontal */
    align-items: center;       /* centraliza vertical */
    margin: 0 auto;
  }
  
  /* Hover apenas em desktop */
  @media (hover: hover) and (pointer: fine) {
  .link-comentinjet:hover {
  background: #d2eafc;
  }
  }
  
  .link-comentinjet:active {
    background: #d2eafc;
  }
  .botmenu{
  display: inline-block;
  background: transparent;
  border: none;
  border-radius: 19.5px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  vertical-align: middle;
text-decoration: none;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .botmenu:hover {
  background: #d2eafc;
  }
  }
  .botmenu:active {
  background: #d2eafc;
  }
  .botmenu-in{
  background: transparent;
  border: none;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 38%;
  vertical-align: middle;
  border-left: 2px solid #ededed;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .botmenu-in:hover {
  background: #d2eafc;
  border-radius: 19.5px;
  }
  }
  .botmenu-in:active {
  background: #d2eafc;
  }
  @media (max-width: 800px){
  .botmenu-in{
  display: none;
  }
  }
  .botmenu-lv-ind{
  background: transparent;
  border: none;
  cursor: pointer;
  height: 100%;
  margin-left: 0px;
  padding: 0px;
  width: 100%;
  vertical-align: middle;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .botmenu-lv-ind:hover {
  background: #d2eafc;
  border-radius: 19.5px;
  }
  }
  .botmenu-lv-ind:active {
  background: #d2eafc;
  }
  .botmenu-lv{
  background: transparent;
  border: none;
  cursor: pointer;
  height: 100%;
  margin-left: 0px;
  padding: 0px;
  width: 100%;
  vertical-align: middle;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .botmenu-lv:hover {
  background: #d2eafc;
  border-radius: 19.5px;
  }
  }
  .botmenu-lv:active {
  background: #d2eafc;
  }
  .botmenu2{
  display: inline-block;
  background: transparent;
  border: none;
  border-radius: 21px;
  cursor: pointer;
  height: 40px;
  margin: 0px;
  padding: 0px;
  width: 100%;
  align-items: center;
  display: flex;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .botmenu2:hover {
  background: #d2eafc;
  }
  }
  .botmenu2:active {
  background: #d2eafc;
  }
  .botmenu3{
  display: inline-block;
  background: transparent;
  border: none;
  border-radius: 21px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  vertical-align: middle;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .botmenu3:hover {
  background: #d2eafc;
  }
  }
  .botmenu3:active {
  background: #d2eafc;
  }
  .bottopo{
  background: transparent;
  border: none;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .bottopo:hover {
  background: #d2eafc;
  }
  }
  .bottopo:active {
  background: #d2eafc;
  }
  .bothomelinktrilha{
  display: inline-block;
  background: transparent;
  border: 2px solid transparent;
  cursor: pointer;
  height: 35px;
  margin: 0px;
  padding: 0px;
  width: 100%;
  border-radius: 9px;
  vertical-align: middle;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .bothomelinktrilha:hover {
  border: 2px solid rgb(33, 150, 243);
  }
  }
  .bothomelinktrilha:active {
  border: 2px solid rgb(33, 150, 243);
  }
  .botlinktrilha{
  display: inline-block;
  background: transparent;
  border: 2px solid transparent;
  cursor: pointer;
  height: 35px;
  margin: 0px;
  padding: 0px;
  width: 100%;
  border-radius: 9px;
  vertical-align: middle;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .botlinktrilha:hover {
  border: 2px solid rgb(33, 150, 243);
  }
  }
  .botlinktrilha:active {
  border: 2px solid rgb(33, 150, 243);
  }
  .botcomentassunt{
  background: transparent;
  border: none;
  cursor: pointer;
  margin: 0px;
  padding-right: 7px;
  border-radius: 16.5px;
  height: 35px;
  box-shadow: inset 0px 4px 10px rgba(128, 128, 128, 0.2);
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .botcomentassunt:hover {
  background: #d2eafc;
  }
  }
  .botcomentassunt:active {
  background: #d2eafc;
  }
  
  /* Estilo base do botão: igual para ambos os modos */
  .botverso {
    all: unset;
    cursor: pointer;
    position: absolute;
    top: -0.5em;
    padding-top: 0.5em;
    min-width: 2.5em;
    border: 1px solid transparent; 
    border-radius: 9px;
    box-sizing: border-box;
    z-index: 2;
  }
  
  /* Hover igual nos dois modos (somente em dispositivos com hover) */
  @media (hover: hover) and (pointer: fine) {
    .botverso:hover {
      border: 1px solid rgb(33, 150, 243);
    }
  }
  
  /* Active (toque/click) igual para todos os dispositivos */
  .botverso:active {
    border: 2px solid rgb(33, 150, 243);
  }
  
  /* Ajustes específicos para o modo leitura */
  .versiculospostdiv.modo-leitura .botverso {
    top: -0.3em; /* Sobe para alinhar com o número */
    min-width: 1.4em;
    height: 1.6em;
  border-radius: 5px;
  /*
    transform: translateX(-10%);
    max-width: calc(100vw - 10px);  Garante que não ultrapasse a tela */
  }
  .versiculospostdiv.modo-leitura .bloco-verso {
    white-space: nowrap;
    display: inline;
  }
  .bloco-versoco {
    white-space: nowrap;
    display: inline;
  }
  
  
  
  /* Estilo base do botão: igual para ambos os modos */
  .botversoco {
    all: unset;
    cursor: pointer;
    height: 1.6em;
    padding: 0;
    border: 2px solid transparent; /* Borda vermelha para testes */
    border-radius: 9px;
    box-sizing: border-box;
    top: -5px; /* Sobe para alinhar com o número */
  }
  
  /* Hover igual nos dois modos (somente em dispositivos com hover) */
  @media (hover: hover) and (pointer: fine) {
    .botversoco:hover {
      border: 2px solid rgb(33, 150, 243);
    }
  }
  
  /* Active (toque/click) igual para todos os dispositivos */
  .botversoco:active {
    border: 2px solid rgb(33, 150, 243);
  }
  
  
  
  
  
  
  
  
  .botmaistrad{
  background: transparent;
  border: none;
  height: 100%;
  border-radius: 9px;
  padding-left: 10px;
  padding-right: 10px;
  color: rgb(128, 128, 128);
  /*  para alinhar a direita: float: right; */
  font-weight: bold;
  color: rgb(128, 128, 128);
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .botmaistrad:hover {
  background: #d2eafc;
  }
  }
  .botmaistrad:active {
  background: #d2eafc;
  }
  .botfechplayer{
  background: transparent; /************* alterado de: background: #16171a; */
  border: none;
  border-radius: 20px;
  cursor: pointer;
  height: 40px;
  width: 70%;
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .botfechplayer:hover {
  background: #d2eafc;
  }
  }
  .botfechplayer:active {
  background: #d2eafc;
  }
  
  /*_____________________________________________________  menu < voltar/avançar > capitulos post: capitulos, assuntos e versiculos */
  
  
  .tabelamenubtpostdiv{
  background: transparent;
  position: fixed;
  height: 44px;
  width: calc(100% - 80px);
  max-width: 832px;
  z-index:1200;
  bottom: 0px !important;
  }
  
  .tabelamenubtpostdivalto{
  bottom: 0px !important;
  }
  .tabelamenubtpostdivbaixo{
  bottom: -47px !important;
  }
  
  @media (max-width: 639px) {
  .tabelamenubtpostdiv{
  bottom: 47px !important;
  }
  .tabelamenubtpostdivalto{
  bottom: 47px !important;
  }
  .tabelamenubtpostdivbaixo{
  bottom: -47px !important;
  }
  }
  
  @media (min-width: 640px) and (max-height: 700px) {
  .tabelamenubtpostdiv{
  bottom: 47px !important;
  }
  .tabelamenubtpostdivalto{
  bottom: 47px !important;
  }
  .tabelamenubtpostdivbaixo{
  bottom: -47px !important;
  }
  }
  
  @media (min-width: 640px) and (max-width: 1039px) and (min-height: 701px) {
  .tabelamenubtpostdiv{
  bottom: 47px !important;
  }
  .tabelamenubtpostdivalto{
  bottom: 47px !important;
  }
  .tabelamenubtpostdivbaixo{
  bottom: -47px !important;
  }
  }
  
  
  
  
  
  @media (max-width: 1039px){
  .tabelamenubtpostdiv{

  }
  }
  @media (max-width: 800px){
  .tabelamenubtpostdiv{
  width: calc(100% - 32px);
  }
  }
  @media (max-width: 525px){
  .tabelamenubtpostdiv{
  width: 98%; 
  left: 1%;
  }
  }
  
  
  
  
  
  
  
  
  @media (min-height: 701px){
  .tabelamenubtpostdivsub{
  background: transparent !important;
  }
  }
  @media (max-height: 700px) and (max-width: 650px){
  .tabelamenubtpostdivsub{
  background: transparent !important;
  }
  }
  
  
  @media (min-width: 572px){
  .tabelamenubtpostdivsub_left{
  max-width: 350px !important;
  }
  .tabelamenubtpost2{
  display: flex !important;
  }
  }
  
  
  
  @media (pointer: fine) and (hover: hover) and (max-height: 700px)and (min-width: 640px) and (max-width: 1039px) {
  .page_body .centered { /****************Largura e centralização do container do blog */
  position: relative;
  width: calc(100% - 75px);
  left: 70px;
  margin: 0px !important;
  }
  .tabelamenubtpostdiv{
  width: calc(100% - 105px);
  z-index:1202;
  }
  #menupage_fix {
  display: block !important;
  }
  .menubarradiv{
  display: none !important;
  }
  .tabelamenubtpost2{
  display: flex !important;
  }
  .menupagetabsubcel_fix{
  width:55px !important;
  }
  .btv0_img{
  height: 27px !important;
  }
  #btv0_fix{
  display: block !important;
  position: absolute !important;
  top: 5px !important;
  left: 5px !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 21px !important;
  }
  #menupagecel2_fix{
  height: 0px !important;
  }
  #menupagecel3_fix{
  height: 0px !important;
  }
  #menupagecel4_fix{
  height: 0px !important;
  }
  #menupagecel5_fix{
  height: 0px !important;
  }
  #menupagecel6_fix{
  height: 0px !important;
  }
  #menupagecel13_fix{
  height: 0px !important;
  }
  #menupagecel14_fix{
  height: 0px !important;
  }
  #menupagecel15_fix{
  height: 0px !important;
  }
  #menupagecel16_fix{
  height: 0px !important;
  }
  #menupagecel17_fix{
  height: 0px !important;
  }
  #menupagecel18_fix{
  height: 0px !important;
  }
  #menupagecel19_fix{
  height: 0px !important;
  }
  #menupagecel20_fix{
  height: 0px !important;
  }
  #menupagecel21_fix{
  height: 0px !important;
  }
  #menupagecel22_fix{
  height: 0px !important;
  }
  .menupagelinhasuphr_fix{
  display: none !important;
  }
  #menupagelinhasuphr1_fix{
  display: none !important;
  }
  #btv2_fix{
  display: none !important;
  }
  #btv3_fix{
  display: none !important;
  }
  #btv4_fix{
  display: none !important;
  }
  #btv5_fix{
  display: none !important;
  }
  #btv6_fix{
  display: none !important;
  }
  #menupagelinhasuphr2_fix{
  display: none !important;
  }
  #btv13_fix{
  display: none !important;
  }
  #menupagelinhasuphr5_fix{
  display: none !important;
  }
  #btv14_fix{
  display: none !important;
  }
  #btv15_fix{
  display: none !important;
  }
  #btv16_fix{
  display: none !important;
  }
  #btv17_fix{
  display: none !important;
  }
  #menupagelinhasuphr6_fix{
  display: none !important;
  }
  #btv18_fix{
  display: none !important;
  }
  #btv19_fix{
  display: none !important;
  }
  #btv20_fix{
  display: none !important;
  }
  #btv21_fix{
  display: none !important;
  }
  #menupagelinhasuphr7_fix{
  display: none !important;
  }
  #btv22_fix{
  display: none !important;
  }
  .menupagecel-grup_fix{
  height: 0px !important;
  }
  .menupagecelbttext-grup_fix{
  display: none !important;
  }
  .menufixodiv-page_fix{
  margin-left: 5px;
  width: 70px !important;
  }
  .menupagedivsub_fix {
  background: transparent !important;
  height: calc(100vh - 42px) !important;
  top: 46px !important;
  width: 64px !important;
  border: none;
  }
  .menucompartdivsubtab{
  margin-left: auto !important;
  margin-right: 5px !important;
  }
  .menufixodivfechpage_fix {
  display: none;
  }
  .menupagedivsubtab_fix {
  width: 100% !important;
  }
  .menupagecelbt_fix{
  width: 56px !important;
  }
  .menupagecelbttext_fix {
  display: none;
  }
  .menupagecel_fix{
  height: 40px !important;
  margin-bottom: 5px !important;
  }
  .menupagelinhasupcel_fix{
  height: 0px !important;
  }
  .menupagelinhainfcel_fix{
  height: 0px !important;
  }
  .tabelamenubtpostdivsub{
  background: transparent !important;
  margin-right: 10px !important;
  }
  .tabelamenubtpost{
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0px !important;
  margin-right: auto !important;
  }
  .div-audio{
  left: calc(50% + 54px / 2) !important;
  transform: translateX(-50%) !important;
  }
  .menubarratabcel8{
  box-shadow: 0 8px 16px 0 rgba(60, 64, 67, 0.5);
  border: 1px solid rgba(128, 128, 128, 0.3);
  border-radius: 22px;
  background: #ededed;
  height: 38px !important;
  }
  .menubarratabcel9{
  box-shadow: 0 8px 16px 0 rgba(60, 64, 67, 0.5);
  border: 1px solid rgba(128, 128, 128, 0.3);
  border-radius: 22px;
  background: #ededed;
  height: 38px !important;
  }
  .menubarratabcel10{
  box-shadow: 0 8px 16px 0 rgba(60, 64, 67, 0.5);
  border: 1px solid rgba(128, 128, 128, 0.3);
  border-radius: 22px;
  background: #ededed;
  height: 38px !important;
  }
  #bth1{
  display: none !important;
  }
  #bth2{
  display: none !important;
  }
  #bth3{
  display: none !important;
  }
  #bth4{
  display: none !important;
  }
  #bth5{
  display: none !important;
  }
  #bth6{
  display: none !important;
  }
  #bth7{
  display: none !important;
  }
  #bth8{
  box-shadow: inset 0px 4px 10px rgba(128, 128, 128, 0.2);
  border-radius: 22px;
  }
  #bth9{
  box-shadow: inset 0px 4px 10px rgba(128, 128, 128, 0.2);
  border-radius: 22px;
  }
  #bth10{
  box-shadow: inset 0px 4px 10px rgba(128, 128, 128, 0.2);
  border-radius: 22px;
  }
  .menubarratabimg8{
  height: 18px !important;
  }
  .menubarratabimg9{
  height: 18px !important;
  }
  .menubarratabimg10{
  height: 18px !important;
  }
  }
  
  
  
  
  
  .tabelamenubtpostdivsub{
  background: #ededed;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  border-spacing: 0px;
  }
  .tabelamenubtpostdivsub_left{
  max-width: 450px;
  }
  .tabelamenubtpostdivsub_right{
  width: 0px;
  padding: 0px
  }
  .tabelamenubtpost{
  background: #ededed;
  width: 100%;
  max-width: 832px;
  border-radius: 22px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  padding: 0px;
  box-shadow: 0 8px 16px 0 rgba(60, 64, 67, 0.5);
  border: 1px solid rgba(128, 128, 128, 0.3);
  }
  .tabelamenubtpost2{
  display: none;
      border-radius: 22px;
      margin-left: 0px;
      margin-right: auto;
      margin-top: 0px;
      padding: 0px;
  }
  .tabelamenubtpostcelintro{
  background: rgba(128, 128, 128, 0.1);
  box-shadow: inset 0px 4px 10px rgba(128, 128, 128, 0.2);
  text-align: center;
  vertical-align: middle;
  height: 35px;
  }
  .tabelamenubtpostcel-audio{
  background: linear-gradient(to right, rgba(128, 128, 128, 0.3) 25%, rgba(128, 128, 128, 0.1) 72%, rgba(128, 128, 128, 0) 95%);
  border-top-left-radius: 19.5px;
  border-bottom-left-radius: 19.5px;
  cursor: pointer;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
  width: 10%;
  min-width: 42px;
  height: 35px;
  }
  .tabelamenubtpostcelleft{
  background: rgba(128, 128, 128, 0.1);
  box-shadow: inset 0px 4px 10px rgba(128, 128, 128, 0.2);
  border-top-left-radius: 19.5px;
  border-bottom-left-radius: 19.5px;
  cursor: pointer;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
  min-width: 45px;
  width: 17%;
  height: 35px;
  }
  .tabelamenubtpostcelleft2{
      box-shadow: 0 8px 16px 0 rgba(60, 64, 67, 0.5);
      cursor: pointer;
      padding: 0px;
      text-align: center;
      vertical-align: middle;
      width: 80px;
      height: 40px;
      border-radius: 22px;
      border: 1px solid rgba(128, 128, 128, 0.3);
      background: #ededed;
  display: inline-block;
  }
  @media (max-width: 1039px){
  .tabelamenubtpostcelleft2{
  width: 40px;
  }
  }
  .tabelamenubtpostcelleft-ass{
  background: rgba(128, 128, 128, 0.1);
  box-shadow: inset 0px 4px 10px rgba(128, 128, 128, 0.2);
  border-top-left-radius: 19.5px;
  border-bottom-left-radius: 19.5px;
  cursor: pointer;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
  min-width: 45px;
  width: 17%;
  height: 35px;
  }
  .tabelamenubtpostcelleft-intro{
  background: rgba(128, 128, 128, 0.1);
  box-shadow: inset 0px 4px 10px rgba(128, 128, 128, 0.2);
  border-top-left-radius: 19.5px;
  border-bottom-left-radius: 19.5px;
  cursor: pointer;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
  min-width: 45px;
  width: 17%;
  height: 35px;
  }
  .tabelamenubtpostceltopo{
  background: rgba(128, 128, 128, 0.1);
  height: 35px;
  min-width: 70px;
  box-shadow: inset 0px 4px 10px rgba(128, 128, 128, 0.2);
  text-align: center;
  vertical-align: middle;
  }
  
  @media (max-width: 500px){
  .tabelamenubtpostcel-in{
  background: transparent;
  min-width: 0px;
  width: 0px;
  box-shadow: none;
  padding: 0px;
  }
  }
  .tabelamenubtpostceltopo2{
      box-shadow: 0 8px 16px 0 rgba(60, 64, 67, 0.5);
      cursor: pointer;
      padding: 0px;
      text-align: center;
      vertical-align: middle;
      width: 80px;
      height: 40px;
      border-radius: 22px;
      border: 1px solid rgba(128, 128, 128, 0.3);
      background: #ededed;
  display: inline-block;
  }
  @media (max-width: 1039px){
  .tabelamenubtpostceltopo2{
  width: 40px;
  }
  }
  .tabelamenubtpostcelright{
  background: rgba(128, 128, 128, 0.1);
  box-shadow: inset 0px 4px 10px rgba(128, 128, 128, 0.2);
  border-top-right-radius: 19.5px;
  border-bottom-right-radius: 19.5px;
  cursor: pointer;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
  min-width: 45px;
  width: 17%;
  height: 35px;
  }
  .tabelamenubtpostcelright2{
      box-shadow: 0 8px 16px 0 rgba(60, 64, 67, 0.5);
      cursor: pointer;
      padding: 0px;
      text-align: center;
      vertical-align: middle;
      width: 80px;
      height: 40px;
      border-radius: 22px;
      border: 1px solid rgba(128, 128, 128, 0.3);
      background: #ededed;
  display: inline-block;
  }
  @media (max-width: 1039px){
  .tabelamenubtpostcelright2{
  width: 40px;
  }
  }
  .tabelamenubtpostcelright-ass{
  background: rgba(128, 128, 128, 0.1);
  box-shadow: inset 0px 4px 10px rgba(128, 128, 128, 0.2);
  border-top-right-radius: 19.5px;
  border-bottom-right-radius: 19.5px;
  cursor: pointer;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
  width: 17%;
  min-width: 45px;
  height: 35px;
  }
  .tabelamenubtpostcelright-intro{
  background: rgba(128, 128, 128, 0.1);
  box-shadow: inset 0px 4px 10px rgba(128, 128, 128, 0.2);
  border-top-right-radius: 19.5px;
  border-bottom-right-radius: 19.5px;
  cursor: pointer;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
  width: 17%;
  min-width: 45px;
  height: 35px;
  }
  @media (max-width: 350px){
  .tabelamenubtpostcelleft{
  min-width: 40px;
  width: 20% !important;
  }
  .tabelamenubtpostcelright{
  min-width: 40px;
  width: 20% !important;
  }
  .tabelamenubtpostcelright-intro{
  min-width: 40px;
  width: 20% !important;
  }
  }
  @media (max-width: 800px){
  .tabelamenubtpostcelleft{
  min-width: 45px;
  width: 17%;
  }
  .tabelamenubtpostcelright{
  min-width: 45px;
  width: 17%;
  }
  .tabelamenubtpostcelright-intro{
  min-width: 45px;
  width: 17%;
  }
  }
  @media (max-width: 350px){
  .tabelamenubtpostcelleft-ass{
  min-width: 40px;
  width: 17%;
  }
  .tabelamenubtpostcelright-ass{
  min-width: 40px;
  width: 17%;
  }
  }
  @media (max-width: 800px){
  .tabelamenubtpostcelleft-ass{
  min-width: 45px;
  width: 17%;
  }
  .tabelamenubtpostcelright-ass{
  min-width: 45px;
  width: 17%;
  }
  }
  .tabelamenubtpostcelbotimg-audio{
  width: 35px;
  height: 35px;
  line-height: 35px;
  vertical-align: middle;
  display: inline-block;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5qyXFKdNUgFpUzekZYDBZ3ToMcgYLydPaP_khV0jIm7kZkIGZKNAS8YhSDPq2mZKkf0xC4GJirqvHa4JanTJwxVdsBolw9qoKozLutPFJEfMAYQkHqB9iJKelrAaZeAN3DIi99YojBxpwmKJmINyw9j8m9FL1T8FIbpbbXpRVwnw41y6cwcv4fFjwrqE/s1600/icons8-audio-50B.png');
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: center;
  }
  .submenu.aberto {
    display: block;
  }
  .submenusigl{
  min-width: 50px;
  width: 70px;
  height: 35px;
  text-align: center;
  vertical-align: middle;
  background: transparent;
  border-top-right-radius: 19.5px;
  border-bottom-right-radius: 19.5px;
  padding: 0px;
  }
  .submenusigl-ico{
  width: 32px;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  display: none;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpHjy__X24AJpwPD2jGbIEtsk_JsMg49QgxtrbVS7fI7w6SFfdquMVI08ye6pl8iSNIKrc4WpGdlNv3VNl9vh9GN-_7RtjqVgeZQyakWhcWYsSToKSIWmjT3UT8zlPfgd6DQ-_KewKKHD_BdafqUVz-SgopG8udaa-bNdn9_4X_EILWgiiE8RqQDjn6gg/s1600/icons8-google-tradutor-64A.png');
  background-size: 28px;
  background-repeat: no-repeat;
  background-position: center;
  }
  .submenusigl-text{
  color: #2196f3;
  font-family: arial;
  font-size: 14px;
  }
  @media (max-width: 430px){
  .submenusigl{
  width: 50px;
  }
  }
  .tabelamenubtpostcelspace{
  background: transparent;
  height: 0px;
  }
  .tabelamenubtpostcelbottext-cel-mini{
  color: #2196f3;
  font-family: arial;
  font-size: 22px;
  vertical-align: middle;
  line-height: 35px;
  display: none;
  }
  .tabelamenubtpostcelbottext-cel{
  color: #2196f3;
  font-family: arial;
  font-size: 22px;
  vertical-align: middle;
  line-height: 35px;
  display: none;
  }
  .tabelamenubtpostcelbottext{
  color: #2196f3;
  font-family: arial;
  font-size: 22px;
  vertical-align: middle;
  line-height: 35px;
  }
  .tabelamenubtpostcelbottext1-ico{
  display: none;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1UAHTW_nAgDpSJLfMIN2Af_jsj7l9xP_48WDybGuj_LTzxVQmjdei7lYNBS94a4yz2Jm8WeuF9gxOoXQmGJ4jPJW0C4gVSpQJe8usTTYX_W6hWcTw4pELUQIPX6qqrfpM52mFJCVbFpM6XkCFRJpseRVGKlCxratFMqQNdQHS_S-UxhP4AygP1ZUpCnk/s1600/icons8-adicionar-marcador-50F.png');
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  }
  @media (max-width: 1039px){
  .tabelamenubtpostcelbottext1{
  display: none !important;
  }
  .tabelamenubtpostcelbottext1-ico{
  display: inline-flex !important;
  }
  }
  .tabelamenubtpostcelbottext1{
  width: 58px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmTOpsfPZc_2r3F4R7PG4_C0an43LMJERyZiT2Zt8Nm0itu9J7AcQgRpBnzJ3_9TT5LiEpXNWvi8q7i_UNQVIq7BxV07Di4gE86kvAJPfhIFZuxzNZovIDF7JCWwSCJtTM2RBO9DqBqxCpmFdBQqsEJF4lrNJkLlGqKmlaFijVW3H3ugh7tdG1w6CQxkk/s1600/icons8-adicionar-marcador-50D.png');
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: left;
  color: #2196f3;
  font-family: arial;
  font-size: 14px;
  margin-left: 8px;
  text-align: right;
  }
  .menu-livro2-ico{
  display: none;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgr61xfeVEn92WI0Yy8ztTO3caabJz_yVcybxWouqICM4wcO3OIfwC1s9xiWzVGl9klF01QCzSch5_MvpAw02dRnJGMLfS_t21eORcysuYLIPdtkbbuhwTFdU0dlGK-CtxJ94xrxBWwzjITh-pgVQgi_Tu5MrrfzCoqw52t5WLt5HrAv4XFiRHWbWfrWU/s1600/icons8-config-50B.png');
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  }
  @media (max-width: 1039px){
  .menu-livro2{
  display: none !important;
  }
  .menu-livro2-ico{
  display: inline-flex !important;
  }
  }
  .menu-livro2{
  width: 68px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWnX4NYxF0qQUuheKh2FNphdTd_Xx2x2MKTyesgrgHQ1Y2F5o_7Fp3mwOhkq7bv53oq0bDQR5On9v2_UKOE8DgkJaJbuJfZJUxnRb1wcgw0x8jwHKsp5pO6xJSNqKNpuS3tkOcO-VGQBY3GPHnKm-iZEYMEyBDvGyQRjlDJy7SP6Pjv90krhSS1CT1JJ8/s1600/icons8-config-50A.png');
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: left;
  color: #2196f3;
  font-family: arial;
  font-size: 14px;
  margin-left: 5px;
  text-align: right;
  }
  .tabelamenubtpostcelbottext2-ico{
  display: none;
  width: 38px;
  height: 38px;
  line-height: 38px;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2DIxgOcA83FO11wHSKVJvDTY0rtV8h5N-nhpbSHtEQf4TQ2N4IwnuYpKKKadxulgLZfhtM7RJCHhSZb83c9lf-oHq_WAdBLCVvLRn62i7b6aoWIZjqyYZNYtMq1_GK3l7aDT3bVEkXrP5BEzONrAnsba7JCmRBVcUwUuZWZ6_0oJ4Hrogk8UZNtMwfuw/s1600/icons8-seta-para-a-frente-50B.png');
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  }
  @media (max-width: 1039px){
  .tabelamenubtpostcelbottext2{
  display: none !important;
  }
  .tabelamenubtpostcelbottext2-ico{
  display: inline-flex !important;
  }
  }
  .tabelamenubtpostcelbottext2{
  width: 60px;
  height: 38px;
  line-height: 38px;
  display: inline-block;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglNrDd346sqEJ3hutJpwYXEhim_O7qYfyD1f81PnwHrKhGRmNsCYbdrkGSDmh2sDkY-PspbIFahuW_utDRN8DBasGLLBDICYImw0TCNcS_3_MIZ7Om9hyphenhyphenmsF5jDfATvhZYitxZZxe-E4Pt5eOUe6voW2SqksJwaCu15d6yoEMkRTsSh_sm8AQHCHyDknQ/s1600/icons8-seta-para-a-frente-50A.png');
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: left;
  color: #2196f3;
  font-family: arial;
  font-size: 14px;
  margin-left: 8px;
  text-align: right;
  }
  .tabelamenubtpostcelbottext-intro-mini{
  color: #2196f3;
  font-family: arial;
  font-size: 15px;
  vertical-align: middle;
  line-height: 35px;
  display: none;
  }
  .tabelamenubtpostcelbottext-intro-cel{
  color: #2196f3;
  font-family: arial;
  font-size: 15px;
  vertical-align: middle;
  line-height: 35px;
  display: none;
  }
  .tabelamenubtpostcelbottext-intro{
  color: #2196f3;
  font-family: arial;
  font-size: 15px;
  vertical-align: middle;
  line-height: 35px;
  }
  @media (max-width: 800px){
  .tabelamenubtpostcelbottext-intro-cel {
  display: block;
  }
  .tabelamenubtpostcelbottext-cel {
  display: block;
  font-size: 22px;
  }
  .tabelamenubtpostcelbottext-intro,
  .tabelamenubtpostcelbottext {
  display: none;
  }
  }
  @media (max-width: 350px){
  .tabelamenubtpostcelbottext-intro-mini {
  display: block;
  }
  .tabelamenubtpostcelbottext-cel-mini {
  display: block;
  font-size: 22px;
  }
  .tabelamenubtpostcelbottext-intro,
  .tabelamenubtpostcelbottext-cel,
  .tabelamenubtpostcelbottext {
  display: none;
  }
  }
  .tabelamenubtpostset{
  width: 18px;
  display: inline-block;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDk9c9rf5znovhiSHzWMRGV-qjpSatb24ip9G0UdZn1J103n6vM5hKdzllt_SSz0Sg-cWTOMag02wK7jh8jIxL5tg5VOLZbVMmTvhfahuP8l-P6o5uf0AxUjX_S7s7gAwwtWVBtbITptqquh10sJL5mlKhG-0cv_URVHloqR2G8vXcvDzgEOsg7VSbDLk/s1600/icons8-arrow-50-3.png');
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  }
  .menu-livro-cel-ico{
  width: 32px;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  display: none;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghNFXJsXLWr-AYiE3AulihW-f29rnrdaiV-HxarjthMT4K9upLxdI50_vGkjQuDgMgzIGPuAf-ZSLGUQI8SbUsOf0McprPYGxsRf41Pt8W3KDiLz_JaDy5yUAElqsNDXTmxmv3iYdlRjxydnucfg79gfIuUTp5m7_uLT6yp82f0Mg3G8xpPNaQlPwfjvo/s1600/icons8-vis%C3%A3o-da-p%C3%A1gina-4-501.png');
  background-size: 28px;
  background-repeat: no-repeat;
  background-position: center;
  }
  .menu-livro-cel-mini{
  color: #2196f3;
  font-family: arial;
  font-size: 15px;
  display: none;
  }
  .menu-livro-cel-mini-ind{
  color: #2196f3;
  font-family: arial;
  font-size: 15px;
  display: none;
  }
  .menu-livro-cel{
  color: #2196f3;
  font-family: arial;
  font-size: 15px;
  display: none;
  }
  .menu-livro-cel-ind{
  color: #2196f3;
  font-family: arial;
  font-size: 15px;
  display: none;
  }
  .menu-in-cel{
  color: #2196f3;
  font-family: arial;
  font-size: 15px;
  display: none;
  }
  .menu-livro-desk{
  /* icon opcional 
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJGvozgSo4BVUecAemcZHjm5cw4SXPxyRJ6-CIwDMftyI78pBHrMd7E2Qf0ACQKIU3_fnrMklZ8Zm8jr9a6UGTI0K3D5A25CAIlgVTZiBzQF3H7yTOe62YxcNuHZOfTaGE7h7UXeeh1VyFakgO0Wehfn0fJpj1blvYxPV7Ixd7eYXxD1XBwHuRyT4FUBY/s1600/icons8-menu-2-50A.png');
  */
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: left;
  color: #2196f3;
  font-family: arial;
  font-size: 15px;
  text-align: center;
  padding-left: 10px;
  display: block;
  }
  .menu-livro-desk-ind{
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: left;
  color: #2196f3;
  font-family: arial;
  font-size: 15px;
  text-align: center;
  padding-left: 10px;
  display: block;
  }
  .menu-in-desk{
  /* icon opcional 
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJGvozgSo4BVUecAemcZHjm5cw4SXPxyRJ6-CIwDMftyI78pBHrMd7E2Qf0ACQKIU3_fnrMklZ8Zm8jr9a6UGTI0K3D5A25CAIlgVTZiBzQF3H7yTOe62YxcNuHZOfTaGE7h7UXeeh1VyFakgO0Wehfn0fJpj1blvYxPV7Ixd7eYXxD1XBwHuRyT4FUBY/s1600/icons8-menu-2-50A.png');
  */
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: right;
  color: #2196f3;
  font-family: arial;
  font-size: 15px;
  text-align: center;
  padding-right: 10px;
  display: block;
  }
  @media (min-width: 800px){
  .menu-livro-cel-mini{
  display: none;
  }
  .menu-livro-cel-mini-ind{
  display: none;
  }
  .menu-livro-cel{
  display: none;
  }
  .menu-livro-cel-ind{
  display: none;
  }
  .menu-livro-desk{
  display: block;
  }
  .menu-livro-desk-ind{
  display: block;
  }
  }
  @media (min-width: 383px) and (max-width: 800px){
  .menu-livro-cel-mini{
  display: none;
  }
  .menu-livro-cel-mini-ind{
  display: none;
  }
  .menu-livro-cel{
  display: block;
  }
  .menu-livro-cel-ind{
  display: block;
  }
  .menu-livro-desk{
  display: none;
  }
  .menu-livro-desk-ind{
  display: none;
  }
  }
  @media (max-width: 500px){
  .menu-in-desk{
  display: none;
  }
  .menu-in-desk-ind{
  display: none;
  }
  }
  @media (max-width: 382px){
  .menu-livro-cel-mini{
  display: block;
  }
  .menu-livro-cel-mini-ind{
  display: block;
  }
  .menu-livro-cel{
  display: none;
  }
  .menu-livro-cel-ind{
  display: none;
  }
  .menu-livro-desk{
  display: none;
  }
  .menu-livro-desk-ind{
  display: none;
  }
  }
  @media (max-width: 280px){
  .submenusigl-ico{
  display: inline-block;
  }
  .submenusigl-text{
  display: none;
  }
  .menu-livro-cel-ico{
  display: inline-block;
  }
  .menu-livro-cel-mini{
  display: none;
  }
  .menu-livro-cel-mini-ind{
  display: none;
  }
  .menu-livro-cel{
  display: none;
  }
  .menu-livro-cel-ind{
  display: none;
  }
  .menu-livro-desk{
  display: none;
  }
  .menu-livro-desk-ind{
  display: none;
  }
  }
  
  
  /*_____________________________________________________  links de caminho post: capitulos, assuntos e versiculos */
  
  .tabelalinktrilhapost-div{
  margin-left: 0px;
  display: block;
  width: 100%;
  border: none;
  text-align: left;
  }
  .tabelalinktrilhapost{
  position: relative;
  margin-left: 0px;
  border: none;
  }
  .tabelalinktrilhapostcel{
  text-align: left;
  height: 35px;
  }
  .tabelalinktrilhapostcelimghome{
  width: 24px;
  height: 35px;
  vertical-align: middle;
  }
  .tabelalinktrilhapostcelimghometext{
  width: 22px;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  vertical-align: middle;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUdRBSCiPVFSeA8xunlc6a0wxETYzwRISIha8JvKsG_P5nJwlq17HWLgeLxqGwi9DlYt-QKVVOHzYD_nuOavckZfdLVPMFOjwujZNYti3cIQv0ABwcGZ5vmrNPgxkUDnsqAtCMYvsYaX7T2ZayoX07hlq_A36KX521WCNdhxTHKpqA2bYcMLYFveHQ_Gs/s1600/icons8-home-48A.png');
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  }
  .tabelalinktrilhapostbottext-cel-mini{
  height: 35px;
  line-height: 35px;
  display: none;
  vertical-align: middle;
  color: #2196f3;
  font-family: arial;
  font-size: 15px;
  }
  .tabelalinktrilhapostbottext-cel{
  height: 35px;
  line-height: 35px;
  display: none;
  vertical-align: middle;
  color: #2196f3;
  font-family: arial;
  font-size: 15px;
  }
  .tabelalinktrilhapostbottext{
  height: 35px;
  line-height: 35px;
  display: inline-block;
  vertical-align: middle;
  color: #2196f3;
  font-family: arial;
  font-size: 15px;
  }
  @media (max-width: 800px){
  .tabelalinktrilhapostbottext-cel{
  display: inline-block;
  }
  .tabelalinktrilhapostbottext{
  display: none;
  }
  }
  @media (max-width: 350px){
  .tabelalinktrilhapostbottext-cel-mini{
  display: inline-block;
  }
  .tabelalinktrilhapostbottext-cel{
  display: none;
  }
  .tabelalinktrilhapostbottext{
  display: none;
  }
  }
  .tabelalinktrilhapostimghome{
  width: 20px;
  height: 20px;
  border: none;
  }
  
  /*_____________________________________________________  linhas de divisa de conteudo */
  
  .linhadivisaassuntpost{
  width: 98%;
  border: none; /* Remove a borda padrão */
  height: 1px; /* Define a altura da linha */
  background-color: rgba(128, 128, 128, 0.6); /* Define a cor da linha */
  }
  .ln-cab-topo-div{
  display: block;
  padding-bottom: 45px;
  border: none;
  }
  .ln-cab-rodap-div{
  display: block;
  padding-bottom: 28px;
  border: none;
  }
  .titulo-lndivisa-div{
  width: 100%;
  display: block;
  padding-top: 0px;
  padding-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  border: none;
  }
  .titulo-lndivisa-pag-div{
  width: 100%;
  display: block;
  padding-top: 0px;
  padding-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  border: none;
  }
  .nota-copy-lndivisa-div{
  width: 80%;
  display: block;
  padding-bottom: 0px;
  padding-top: 25px;
  margin-left: auto;
  margin-right: auto;
  border: none;
  }
  .ln-coment-rodap-div{
  display: block;
  padding-bottom: 40px;
  border: none;
  }
  .ln-subtitulos{
  text-align: center;
  padding-bottom: 45px;
  border: none;
  display: block;
  width: 100%;
  transition: font-family 0.9s ease;
  }
  .pg-vers-coment{
  text-align: center;
  padding: 0px;
  border: none;
  display: block;
  width: 100%;
  transition: font-family 0.9s ease;
  }
  .pg-coment-uni{
  text-align: center;
  padding-bottom: 25px;
  border: none;
  display: block;
  width: 100%;
  transition: font-family 0.9s ease;
  }
  .pg-coment{
  text-align: center;
  padding-bottom: 8px;
  border: none;
  display: block;
  width: 100%;
  transition: font-family 0.9s ease;
  }
  .pg-coment-rd{
  text-align: center;
  padding: 0px;
  border: none;
  display: block;
  width: 100%;
  transition: font-family 0.9s ease;
  }
  .linhadivisacappost{
    width: calc(100% + 80px);
    max-width: 912px;
    border: none; /* Remove a borda padrão */
    height: 1px; /* Define a altura da linha */
    background-color: rgba(128, 128, 128, 0.4); /* Define a cor da linha */
    box-shadow: 0 1px 4px 0 rgb(128, 128, 128);
    position: absolute;
    left: 50%; /* centraliza horizontalmente */
    transform: translateX(-50%); /* corrige o deslocamento para centralizar */
    z-index: 1199;
    display: block;
  }
  
  @media (max-width: 800px){
    .linhadivisacappost{
      width: calc(100% + 32px);
      border: none;
      height: 1px;
      background-color: rgba(128, 128, 128, 0.40);
      box-shadow: 0 1px 4px 0 rgb(128, 128, 128);
      position: absolute;
      left: 50%; /* centraliza horizontalmente no mobile */
      transform: translateX(-50%); /* corrige o deslocamento para centralizar */
      z-index: 1199;
      display: block;
    }
  }
  @media (max-width: 800px){
    .coment-injet .linhadivisacappost {
      width: 100%;
      left: 50%;
      transform: translateX(-50%);
    }
  }
  
  .titulo-lndivisa{
  width: 200px;
  margin: auto;
  border: none; /* Remove a borda padrão */
  height: 1px; /* Define a altura da linha */
  background-color: rgba(128, 128, 128, 0.4); /* Define a cor da linha */
  display: block;
  text-align: center;
  }
  .titulo-lndivisa-pag{
  width: 60%;
  margin-left: 10px;
  border: none; /* Remove a borda padrão */
  height: 1px; /* Define a altura da linha */
  background-color: rgba(128, 128, 128, 0.4); /* Define a cor da linha */
  display: block;
  text-align: left;
  }
  .nota-copy-lndivisa{
  width: 70%;
  margin: auto;
  border: none; /* Remove a borda padrão */
  height: 1px; /* Define a altura da linha */
  background-color: rgba(128, 128, 128, 0.4); /* Define a cor da linha */
  display: block;
  text-align: center;
  }
  .link-comentinjet-lndivisa{
  width: 95%;
  border: none; /* Remove a borda padrão */
  height: 1px; /* Define a altura da linha */
  background-color: rgba(128, 128, 128, 0.4); /* Define a cor da linha */
  display: block;
  margin: auto;
  }
  .linhacomentlink{
  display: inline-block;
  }
  .linhadivisarodapepost{
  width: 98%;
  border: none; /* Remove a borda padrão */
  height: 1px; /* Define a altura da linha */
  background-color: rgba(128, 128, 128, 0.40); /* Define a cor da linha */
  }
  .linhadivisarodape{
  width: 94%;
  border-color: rgba(128, 128, 128, 0.50);
  }
  
  /*_____________________________________________________  titulo e tradução de rodapé post: capitulos, assuntos e versiculos */
  
  .capitulorodapepostdiv{
  text-align: center;
  }
  .tradrodapdiv{
  text-align: center;
  }
  .numpagecoment{
  text-align: center;
  }
  
  
  
  /*_____________________________________________________  indice */
  
  
  .ind-titulo-div{
  width: 100%;
  display: block;
  padding-top: 0px;
  padding-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  border: none;
  }
  .ind-titulo-text{
  color: #1f1f1f;
  font-size: 18px;
  font-family: times;
  font-weight: bold;
  line-height: 1.5;
  transition: font-size 0.3s ease-in-out;
  width: 100%;
  }
  
  
  
  
  
  
  
  
  .ind-bot-intro-div{
  width: 100%;
  height: 38px;
  display: flex;
  padding: 0px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid rgba(128, 128, 128, 0.5);
  }
  .ind-bot-intro-link{
  display: flex;
  border: none;
  height: 100%;
  line-height: 100%;
  margin: 0px;
  outline: none;
  padding: 0px;
  width: 100%;
  color: rgb(128, 128, 128) !important;
  background: linear-gradient(to left, rgba(128, 128, 128, 0.1) 70%, rgba(128, 128, 128, 0) 95%);
  border-top-right-radius: 9px;
  }
  .ind-bot-intro-link a{
  display: inline-block;
  border: none;
  color: rgb(128, 128, 128) !important;
  }
  .ind-bot-intro-link a:hover{
  color: rgb(128, 128, 128) !important;
  }
  .ind-bot-intro-link a:visited{
  color: rgb(128, 128, 128) !important;
  }
  @media (hover: hover) and (pointer: fine) {
  .ind-bot-intro-link:hover {
  background: #d2eafc;
  border-radius: 9px;
  }
  }
  .ind-bot-intro-link:active {
  background: #d2eafc;
  border-radius: 9px;
  }
  .ind-bot-intro-text{
  font-size: 18px;
  font-family: times;
  line-height: 1.5;
  transition: font-size 0.3s ease-in-out;
  margin-top: auto;
  margin-bottom: 2px;
  width: 100%;
  }
  .ind-bot-intro-ico{
  display: inline-block;
  text-align: right;
  padding: 0px;
  margin-top: auto;
  margin-bottom: 2px;
  margin-right: 0px;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge3VzYNUuzxGN11lgtPItEwvkuqdoNwnIoipGc9BbOrvPG1mRgFpxo36K-ExErmcGriaCws4xcton_HkMt7poysmRRCr0GbOdwwzTl1JEipU3TZl0MkZqUGwvZL37QMOH8c8yteCjrcQiAkBBn6nUSDbKej50z3g0jjoa68JiABSfOKWSsEt6B3yxDroM/s1600/icons8-arrow-50-3A.png');
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center right;
  width: 25px;
  height: 25px;
  }
  
  
  
  
  
  
  
  .ind-cap-div{
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 20px;
  margin-bottom: 30px;
  }
  
  
  
  
  
  
  
  .ind-bot-cap-div{
  width: 100%;
  height: 38px;
  display: flex;
  padding: 0px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid rgba(128, 128, 128, 0.5);
  }
  .ind-bot-cap-link{
  background: linear-gradient(to left, rgba(128, 128, 128, 0.1) 70%, rgba(128, 128, 128, 0) 95%);
  border-top-right-radius: 9px;
  display: flex;
  border: none;
  height: 100%;
  line-height: 100%;
  margin: 0px;
  outline: none;
  cursor: pointer;
  padding: 0px;
  width: 100%;
  }
  @media (hover: hover) and (pointer: fine) {
  .ind-bot-cap-link:hover {
  background: #d2eafc;
  border-radius: 9px;
  }
  }
  .ind-bot-cap-link:active {
  background: #d2eafc;
  border-radius: 9px;
  }
  .ind-bot-cap-text{
  font-size: 18px;
  font-family: times;
  color: rgb(128, 128, 128);
  line-height: 1.5;
  transition: font-size 0.3s ease-in-out;
  text-align: left;
  cursor: pointer;
  outline: none;
  padding: 0px;
  margin-top: auto;
  margin-bottom: 2px;
  }
  .ind-bot-cap-text2{
  font-size: 14px;
  font-family: arial;
  color: rgb(128, 128, 128);
  line-height: 1.5;
  transition: font-size 0.3s ease-in-out;
  text-align: left;
  cursor: pointer;
  outline: none;
  padding: 0px;
  margin-top: auto;
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: 0px;
  }
  .ind-bot-cap-text3{
  font-size: 14px;
  font-family: arial;
  color: rgb(128, 128, 128);
  line-height: 1.5;
  transition: font-size 0.3s ease-in-out;
  text-align: left;
  cursor: pointer;
  outline: none;
  padding: 0px;
  margin-top: auto;
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: 0px;
  display: none;
  }
  .ind-bot-cap-ico{
  display: inline-block;
  text-align: right;
  padding: 0px;
  margin-top: auto;
  margin-bottom: 2px;
  margin-right: 0px;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhieDZRnvttTKZKf8lFw_RKrgoikkYMKpDEiLXOLRFuOmvfM1YEb5dtR64NZTWI100Tf8phNyEg1cJYSOLm_KcPqXQKbKcV0nDErIxSUL_Mgih6nvFZG7CbDvrp0FDI769hfch9OE2kHQLg53PtLBDrVEdSzTlUWy2_XYMG9gmOy0sqxUUtIYuzLzi4Eag/s1600/icons8-arrow-50-2A.png');
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center right;
  width: 25px;
  height: 25px;
  }
  
  
  
  
  
  .ind-bot-topic-div{
  width: 100%;
  display: block;
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
  border: none;
  }
  .ind-bot-topic-link{
  display: flex;
  border: none;
  height: 100%;
  line-height: 100%;
  margin: 0px;
  outline: none;
  padding: 0px;
  width: 100%;
  color: rgb(128, 128, 128) !important;
  cursor: text;
  pointer-events: none;
  }
  .ind-bot-topic-link a{
  display: inline-block;
  border: none;
  color: rgb(128, 128, 128) !important;
  }
  .ind-bot-topic-link a:hover{
  color: rgb(128, 128, 128) !important;
  }
  .ind-bot-topic-link a:visited{
  color: rgb(128, 128, 128) !important;
  }
  @media (hover: hover) and (pointer: fine) {
  .ind-bot-topic-link:hover {
  background: #d2eafc;
  border-radius: 9px;
  }
  }
  .ind-bot-topic-link:active {
  background: #d2eafc;
  border-radius: 9px;
  }
  .text-content9{
  color: #1f1f1f;
  font-size: 16px;
  font-family: times;
  line-height: 1.5;
  transition: font-size 0.3s ease-in-out;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  }
  
  
  
  
  .ind-bot-cap-div.vers_ativo{
  .ind-bot-topic-div{
  display: none;
  }
  }
  
  
  
  
  
  .ind-bot-cap-div.topico_ativo{
  .ind-bot-vers-div{
  display: none;
  }
  .ind-bot-cap-text2{
  display: none;
  }
  .ind-bot-cap-text3{
  display: flex;
  }
  .ind-bot-topic-link{
  pointer-events: auto;
  cursor: pointer;
  }
  .text-content9{
  width: 100%;
  color: #2196f3;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDk9c9rf5znovhiSHzWMRGV-qjpSatb24ip9G0UdZn1J103n6vM5hKdzllt_SSz0Sg-cWTOMag02wK7jh8jIxL5tg5VOLZbVMmTvhfahuP8l-P6o5uf0AxUjX_S7s7gAwwtWVBtbITptqquh10sJL5mlKhG-0cv_URVHloqR2G8vXcvDzgEOsg7VSbDLk/s1600/icons8-arrow-50-3.png');
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 25px;
  border-bottom: 1px solid rgba(128, 128, 128, 0.2);
  color: #2196f3 !important;
  }
  tema-escuro .text-content9{
  color: #2196f3 !important;
  }
  tema-sepia .text-content9{
  color: #2196f3 !important;
  }
  tema-marinho .text-content9{
  color: #2196f3 !important;
  }
  tema-ceu .text-content9{
  color: #2196f3 !important;
  }
  tema-bauny .text-content9{
  color: #2196f3 !important;
  }
  tema-rose .text-content9{
  color: #2196f3 !important;
  }
  }
  
  
  
  
  
  
  
  .ind-bot-vers-div{
  height: 42px;
  text-align: center;
  flex: 0 0 48px;
  }
  .ind-bot-vers-link{
  background: transparent;
  border-radius: 9px;
  box-shadow: 0px 0px 7px 0px rgba(128, 128, 128, 0.2);
  border: none;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  outline: none;
  padding: 0px;
  width: 100%;
  color: #2196f3;
  font-family: arial;
  display: flex;
  line-height: 100%;
  }
  .ind-bot-vers-link.ativo{
  background: linear-gradient(to right, rgba(33, 150, 243, 0.2) 30%, rgba(33, 150, 243, 0) 95%); !important;
  }
  @media (hover: hover) and (pointer: fine) {
  .ind-bot-vers-link:hover {
  background: #d2eafc;
  }
  }
  .ind-bot-vers-link:active {
  background: #d2eafc;
  }
  .ind-bot-vers-text{
  font-size: 16px;
  margin: auto;
  }
  
  
  /*_____________________________________________________  titulos de assunto post: capitulos */
  
  .subtitulos-div{
  width: auto;
  text-align: center;
  font-weight: bold;
  padding-top: 20px;
  border: none;
  display: block;
  transition: margin 0.3s ease-in-out, font-family 0.9s ease;
  }
  .div-link-coment-tit{
  width: auto;
  text-align: left;
  font-weight: bold;
  padding-left: 20px;
  transition: margin 0.3s ease-in-out, font-family 0.9s ease;
  }
  .subtitulos-div-vers{
  text-align: center;
  padding-bottom: 14px;
  border: none;
  display: none;
  transition: margin 0.3s ease-in-out, font-family 0.9s ease;
  }
  .nota-copy{
  width: 80%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  border: none;
  display: block;
  transition: font-size 0.3s ease-in-out;
  }
  .icon8{
  color: #808080 !important;
  font-family: Arial;
  font-size: 12px;
  text-align: center;
  }
  .nota-copy-link{
  color: #1f1f1f !important;
  }
  .nota-copy-link a {
  color: #1f1f1f !important;
  }
  .nota-copy-link a:hover{
  color: #1f1f1f !important;
  }
  .nota-copy-link a:visited{
  color: #1f1f1f !important;
  }
  .icon8-link{
  color: #808080 !important;
  font-family: Arial;
  font-size: 12px;
  }
  .icon8-link a {
  color: #808080 !important;
  }
  .icon8-link a:hover{
  color: #808080 !important;
  }
  .icon8-link a:visited{
  color: #808080 !important;
  }
  .ler-coment{
  padding-bottom: 25px;
  width: auto;
  text-align: justify;
  transition: margin 0.3s ease-in-out;
  }
  
  .coment-aud-vid{
  padding-bottom: 5px;
  border: none;
  width: 100%;
  text-align: center;
  font-weight: bold;
  vertical-align: center;
  display: block;
  }
  .comentpostset{
  width: 30px;
  display: inline-block;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPqt14VReXVmfoEp_6jvnCSryjyzGOlOL7qPVExfEU3FuzFxwNwUNi5qcAyijZb97Sb5TPGgm_SUtD0Hk_XkbH4w_vEtuE3VmfBaVPu10BRq6EngVuqjrg0CyTyLUTrCMAQNHGqsPqcbLHWMQiL0AzZ6woBnSajRyTQuMpgH3JRTU3OD63rpwIwGmy1mE/s1600/icons8-documento-50A.png');
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  }
  @media (max-width: 350px) {
  .comentpostset {
  width: 28px;
  }
  }
  .ler-coment-text{
  color: #2196f3;
  font-family: times;
  font-size: 15px;
  padding-left: 4px;
  }
  
  /*_____________________________________________________  tabela de players leitura post: capitulos */
  
  
  /*Estilos para notas de tradução*/
  
  
  .pverso.versiculo-destacado {
  box-shadow: 0px 0px 4px 0px rgba(128, 128, 128, 0.3) !important;
  border-radius: 5px !important;
  padding-top: 0.4em !important;
  padding-bottom: 0.4em !important;
  line-height: 2.2em !important;
  }
  .not-ancor.not-ancor-destacado {
  border: 1px solid #2196f3;
  border-radius: 9px;
  padding-right: 0.7em;
  padding-left: 0.1em;
  margin-left: 0px;
  cursor: pointer;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB65wHH4Kq8WrsHHh836tptLRxiUMYIUTIM8fwSsRYaKIK4JvHcQogWCabOAgincl7z6wW_TZTa1L1fshVaN3N4_aA4EkBepymGG_wrUG6bRAtcQC2NIUKdZqi2s-oUh9JTuTWlyi1VXPDLB4EDCxl-WS4yuL0ICPub0jf8nqxOWPj2jQtiQPg4kUZ_OQ/s1600/icons8-ordenar-para-a-direita-50B1.png);
  background-size: 8px, 100%;
  background-repeat: no-repeat;
  background-position: right center;
  box-shadow: 0 1px 4px 1px rgba(33, 150, 243, 0.3);
  }
  .not-ancor.not-ancor-destacado .pverso-not-ico {
  padding-left: 0.2em;
  font-weight: bold;
  }
  .not-ancor {
  display: none;
  background: none;
  border: 1px solid transparent;
  border-radius: 9px;
  padding-right: 0.7em;
  padding-left: 0.1em;
  margin-left: 0px;
  cursor: pointer;
  }
  .not-ancor:hover {
    border: 1px solid #2196f3;
  border-radius: 9px;
  }
  .pverso-not-ico {
  color: #2196f3;
  border: none;
  border-radius: 7px;
  padding-right: 0.1em;
  position: relative;
  top: -0.2em;
  font-size: 1.1em;
  }
  .pverso-not-ico-rd {
  color: #2196f3;
  border: none;
  border-radius: 7px;
  padding-right: 0.1em;
  padding-left: 0.2em;
  position: relative;
  top: -0.2em;
  font-size: 1.1em;
  }
  .pverso-not-ico-rd-nt {
  color: #2196f3;
  border: none;
  border-radius: 7px;
  padding-right: 0.1em;
  padding-left: 0.2em;
  position: relative;
  top: -0.2em;
  font-size: 1.1em;
  }
  .rodape-post {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  border: none;
  }
  .nota-rodape-vs{
  border: none;
  text-align: left;
  vertical-align: middle;
  display: none;
  max-width: calc(50% - 10px);
  padding-bottom: 20px;
  flex: 0 1 auto;
  }
  .text-content6{
  color: #1f1f1f;
  font-size: 14px;
  font-family: times;
  line-height: 1.5;
  transition: font-size 0.3s ease-in-out;
  }
  .pverso-not {
  position: relative;
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: break-word;
  margin: 0px;
  margin-bottom: 0.5em;
  padding-left: 10px;
  padding-right: 10px;
  }
  .nota-rodape-vs-bt{
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  background: transparent;
  border: none;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
  border-bottom: 1px solid transparent;
  }
  @media (hover: hover) and (pointer: fine) {
  .nota-rodape-vs-bt:hover {
  border-bottom: 1px solid #2196f3;
  }
  }
  .nota-rodape-vs-bt:active {
  background: #d2eafc;
  border-radius: 19.5px;
  }
  .pverso-not-tit {
  color: #1f1f1f;
  border-top: 1px solid rgba(128, 128, 128, 0.3);
  padding-top: 5px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 1;
  }
  .pverso-not-tit-ico {
  flex-shrink: 0;
  display: inline-block;
  height: 1.2em;
  padding-left: 0.2em;
  position: relative;
  color: #2196f3;
  font-size: 1.4em;
  }
  .nota-rodape-vs-content {
  display: none;
  text-align: left;
  }
  .nota-rodape-vs a.not-ancor-rd {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  outline: none;
  padding-right: 0.3em;
  padding-left: 0.3em;
  text-decoration: none;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  }
  .nota-rodape-vs a.not-ancor-rd:hover {
  border-radius: 9px;
  border: 1px solid #2196f3;
  }
  .nverso-rd {
  position: relative;
  display: inline-block;
  margin-right: 0.2em;
  margin-left: 0.2em;
  min-width: 1em;
  text-align: center;
  padding: 0;
  color: #2196f3;
  box-sizing: border-box;
  white-space: nowrap;
  }
  .not-ancor-text {
  color: #1f1f1f;
  padding-left: 0.3em;
  word-break: break-word;
  }
  .pverso-not-sb {
  position: relative;
  display: inline-block;
  color: #2196f3;
  white-space: nowrap;
  text-align: center;
  vertical-align: baseline;
  top: -0.8em; 
  font-size: 0.9em;
  }
  .pverso-not-sbint {
  position: relative;
  display: none;
  color: #2196f3;
  box-sizing: border-box;
  line-height: 1;
  vertical-align: baseline;
  top: -0.8em; 
  line-height: 1;
  padding-left: 0.15em;
  font-size: 0.9em;
  }
  #popup-nota-close {
  position: absolute;
  bottom: -45px;
  right: 0px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  z-index: 10000;
  background: #ffffff;
  box-shadow: 0px 0px 15px 0px rgba(128, 128, 128);
  color: #2196f3;
  font-size: 18px;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  border-radius: 22px;
  }
  #popup-nota-close:hover {
  background: #d2eafc;
  border-radius: 22px;
  }
  @media (min-width:600px) {
  #popup-nota {
  max-width: 500px !important;
  min-width: 280px !important;
  }
  }
  @media (max-width:280px) {
  #popup-nota {
  max-width: 90vw !important;
  min-width: 90vw !important;
  }
  }
  #popup-nota {
  display: none;
  position: absolute;
  max-width: 300px;
  min-width: 280px;
  background: #ffffff;
  border-radius: 9px;
  padding: 5px;
  text-align: left;
  box-shadow: 0px 0px 15px 0px rgba(128, 128, 128);
  z-index: 9999;
  font-size: 14px;
  line-height: 1.4;
  color: #1f1f1f;
  transition: opacity 0.3s ease;
  opacity: 0;
  box-sizing: border-box;
  overflow: visible !important; /* Permite que o botão X apareça fora */
  }
  #popup-nota::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 120px;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: transparent transparent transparent transparent;
  }
  #popup-nota-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: transparent; 
  z-index: 9998;
  transition: opacity 0.3s ease;
  opacity: 0;
  pointer-events: none;
  }
  #popup-nota-overlay.active-overlay {
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  }
  #popup-nota .not-ancor-rd {
  border: 1px solid transparent;
  cursor: pointer;
  display: block;
  padding: 5px 4px;
  color: inherit;
  text-decoration: none;
  transition: background 0.2s;
  border-radius: 9px;
  }
  #popup-nota .not-ancor-rd:hover {
  border: 1px solid rgb(33, 150, 243);
  color: #2196f3;
  border-radius: 9px;
  }
  #popup-nota .not-ancor-rd.item-focado {
  box-shadow: none;
  background: transparent;
  pointer-events: none !important;
  cursor: default !important;
  border: none;
  }
  #popup-nota .not-ancor-rd.item-focado-lista {
  box-shadow: 0px 0px 4px 0px rgba(33, 150, 243, 0.5);
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB65wHH4Kq8WrsHHh836tptLRxiUMYIUTIM8fwSsRYaKIK4JvHcQogWCabOAgincl7z6wW_TZTa1L1fshVaN3N4_aA4EkBepymGG_wrUG6bRAtcQC2NIUKdZqi2s-oUh9JTuTWlyi1VXPDLB4EDCxl-WS4yuL0ICPub0jf8nqxOWPj2jQtiQPg4kUZ_OQ/s1600/icons8-ordenar-para-a-direita-50B1.png);
  background-size: 10px, 100%;
  background-repeat: no-repeat;
  background-position: right center;
  border: 1px solid #2196f3;
  pointer-events: none !important;
  cursor: default !important;
  }
  #popup-nota .pverso-not-scroll {
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 5px;
  }
  #popup-nota .pverso-not-tit {
  border-top: none !important;
  font-weight: bold;
  display: block;
  margin-left: 5px;
  }
  #popup-nota .pverso-not{
  border-top: 1px solid rgba(128, 128, 128, 0.1) !important;
  padding-top: 5px;
  }
  
  
  
  
  
  
  
  
  
  
  .ref_cruz{
  border: none;
  text-align: right;
  vertical-align: middle;
  display: block;
  max-width: calc(50% - 10px);
  padding-right: 10px;
  padding-bottom: 20px;
  margin-left: auto;
  }
  .ref_cruz-not-lndivisa {
  display: none;
  border-bottom: 1px solid rgba(128, 128, 128, 0.3);
  width: 100%;
  }
  
  .ref_cruz-not {
  position: relative;
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: break-word;
  margin: 0px;
  margin-bottom: 0.5em;
  padding-left: 10px;
  }
  
  .ref_cruz-bt{
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  background: transparent;
  border: none;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
  border-bottom: 1px solid transparent;
  }
  @media (hover: hover) and (pointer: fine) {
  .ref_cruz-bt:hover {
  border-bottom: 1px solid #2196f3;
  }
  }
  .ref_cruz-bt:active {
  background: #d2eafc;
  border-radius: 19.5px;
  }
  
  
  .pverso-ref-tit {
  color: #1f1f1f;
  border-top: 1px solid rgba(128, 128, 128, 0.3);
  padding-top: 5px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 1;
  }
  .ref_cruz-not-tit-ico {
  flex-shrink: 0;
  display: inline-block;
  height: 1.2em;
  padding-left: 0.2em;
  position: relative;
  color: #2196f3;
  font-size: 1.2em;
  }
  
  .ref_cruz-not-ico {
  color: #2196f3;
  border: none;
  border-radius: 7px;
  padding-right: 0.1em;
  position: relative;
  top: -0.3em;
  font-size: 0.9em;
  }
  
  .ref_cruz-content {
  display: none;
  text-align: left;
  }
  
  .ref_cruz-not a.ref_cruz-not-ancor-rd {
  cursor: pointer;
  text-decoration: none;
  color: #1f1f1f;
  border: 1px solid transparent;
  display: flex;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  flex-wrap: nowrap;
  align-items: flex-start;
  }
  .ref_cruz-not a.ref_cruz-not-ancor-rd:hover {
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px solid #2196f3;
  }
  
  
  .ref_cruz-not-sb {
  position: relative;
  display: inline-block;
  color: #2196f3;
  box-sizing: border-box;
  line-height: 1 !important;
  vertical-align: baseline;
  top: -0.4em; /* sobe o número em relação à linha base */
  white-space: nowrap;
  }
  .ref_cruz-not-sb, .nverso {
  flex-shrink: 0;
  white-space: nowrap;
  }
  
  .ref_cruz-not-sbint {
  position: relative;
  display: none;
  color: #2196f3;
  box-sizing: border-box;
  line-height: 1;
  vertical-align: baseline;
  top: -0.4em; /* sobe o número em relação à linha base */
  line-height: 1;
  }
  
  
  
  
  .players{
  padding-bottom: 10px;
  border: none;
  display: block;
  width: 100%;
  }
  .players-coment{
  padding-bottom: 10px;
  border: none;
  display: block;
  width: 100%;
  }
  .players-coment-vs{
  padding-bottom: 10px;
  border: none;
  display: block;
  width: 100%;
  }
  .players-intro{
  padding-bottom: 10px;
  border: none;
  display: block;
  width: 100%;
  }
  .tabelaframeleitaudiopost{
  background: transparent;
  margin-left: auto;
  margin-right: auto;
  }
  .cm-bt-tb{
  background: transparent;
  width: 100%;
  box-shadow: 0px 1px 5px rgba(128, 128, 128, 0.3);
  border-radius: 9px;
  padding-top: 10px;
  padding-bottom: 10px;
  }
  .cm-bt-tb-td{
  text-align: center;
  border: noned;
  }
  .cm-bt-tbint{
  margin-left: auto;
  margin-right: auto;
  border: none;
  }
  .tabelaframeleitaudiopostcel{ 
  text-align: center;
  }
  
  
  /****************************  leitura: tabela interna */
  
  .tabelaframeleitaudioposttab{  
  background: transparent;
  border: none;
  }
  .tabelaframeleitaudioposttabceltext{
  text-align: center;
  vertical-align: middle;
  height: 30px;
  padding: 0px;
  }
  .tabelaframeleitaudioposttabtext{
  color: #2196f3;
  font-family: arial;
  font-size: 15px;
  padding-right: 10px;
  }
  @media (max-width: 350px) {
  .tabelaframeleitaudioposttabtext {
  font-size: 12px;
  padding-right: 5px;
  }
  }
  .tabelaframeleitaudioposttabcelimg{
  
  }
  .tabelaframeleitaudioposttabimg{
  width: 30px;
  display: inline-block;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNZqpxeDmI3zB0o4IQeCUDdezD8-i_HWfKF8ElNeEjk-vh9VBMD_9FsUANgwsSoIT8lX3KndDBpSUOBLuIzGgpHQREClqvFf0GosMZKVvTERCM5ralf05S3turfJxEE04YY7P013wZp24w3yg5A0Z4Ch5qqJ_Kg54yKyWTOgUY-A7ofQS59c-ygr9umMI/s1600/icons8-audio-50A.png');
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  }
  @media (max-width: 350px) {
  .tabelaframeleitaudioposttabimg {
  width: 28px;
  }
  }
  .tabelaframeleitaudioposttabcelset{
  text-align: center;
  vertical-align: bottom;
  width: 22px;
  padding: 0px;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLzAeQpUPOoGrRecR_E8GcLBRVjU0fY5b85-pfNHUwp6DE2JMSWaF45iTJQZYUL-8YRuHNk6OJiN5BMEVcdAjwpVOYVfKFrwq8WDSXtc6MzBPHOxY5Gc3F8mj_7aKZ2l4PlpTVZ-9Z3iXeCuTmoDSFRLfzPVsfoKWYsGk8fL27sCY0-GwaxLnBjhVhiuU/s1600/icons8-arrow-50-2.png');
  background-size: 18px;
  background-repeat: no-repeat;
  }
  .tabelaframeleitaudioposttabset{
  width: 16px;
  height: 16px;
  border: none;
  }
  
  /*_____________________________________________________  tabela de players comentarios post: capitulos */
  
  .tabelaframecomentaudiopost{
  background: transparent;
  margin-left: auto;
  margin-right: auto;
  }
  
  /****************************  celula ouvir */
  
  .tabelaframecomentaudiopostcelouvir{
  text-align: center;
  }
  
  /****************************  celula ouvir: tabela interna */
  
  .tabelaframecomentaudiopostouvirtab{  
  background: transparent;
  border: none;
  }
  .tabelaframecomentaudiopostouvirtabceltext{
  text-align: center;
  vertical-align: middle;
  height: 30px;
  padding: 0px;
  }
  .tabelaframecomentaudiopostouvirtabtext{
  color: #2196f3;
  font-family: arial;
  font-size: 15px;
  padding-right: 10px;
  }
  @media (max-width: 350px) {
  .tabelaframecomentaudiopostouvirtabtext {
  font-size: 12px;
  padding-right: 5px;
  }
  }
  .tabelaframecomentaudiopostouvirtabcelimg{
  
  }
  .tabelaframecomentaudiopostouvirtabimg{
  width: 30px;
  display: inline-block;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh65k9Pb1zCbDF_T90l0X3HN63jt9ANblppma8kAPTjjAy9_iNVvPQUEwNDXsjiVdOy6b2eKMFEaApwRazqYDFGY123jvUu51J2hIHUs9Y4zR6uY4b6Nd9KU-66tExf3-XtUC2jyaFPVK7bISSK85Wb0PnaRLuYQv9vCQjaz80LwO5UTEv5BowxVnwOKWY/s1600/icons8-youtube-50B.png');
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: center;
  }
  @media (max-width: 350px) {
  .tabelaframecomentaudiopostouvirtabimg {
  width: 28px;
  }
  }
  .tabelaframecomentaudiopostouvirtabcelset{
  text-align: center;
  vertical-align: bottom;
  width: 22px;
  padding: 0px;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLzAeQpUPOoGrRecR_E8GcLBRVjU0fY5b85-pfNHUwp6DE2JMSWaF45iTJQZYUL-8YRuHNk6OJiN5BMEVcdAjwpVOYVfKFrwq8WDSXtc6MzBPHOxY5Gc3F8mj_7aKZ2l4PlpTVZ-9Z3iXeCuTmoDSFRLfzPVsfoKWYsGk8fL27sCY0-GwaxLnBjhVhiuU/s1600/icons8-arrow-50-2.png');
  background-size: 16px;
  background-repeat: no-repeat;
  }
  .tabelaframecomentaudiopostouvirtabset{
  width: 16px;
  height: 16px;
  border: none;
  }
  
  /****************************  celula ler */
  
  .tabelaframecomentaudiopostceller{
  text-align: center;
  }
  
  /****************************  celula ler: tabela interna */
  
  .tabelaframecomentaudiopostcellertab{  
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  background: transparent;
  }
  .tabelaframecomentaudiopostcellertabceltext{
  text-align: center;
  vertical-align: middle;
  height: 28px;
  width: 35px;
  padding: 0px;
  }
  .tabelaframecomentaudiopostcellertabtext{
  color: rgba(128, 128, 128);
  font-family: arial;
  font-size: 16px;
  }
  .tabelaframecomentaudiopostcellertabcelimg{
  width: 22px;
  display: inline-block;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHRM0fukmYEqhL4_o9hDIHhU_9vHpcbi0NgX4yJ2FsAomjRD7DAJP2dnAhG3AkwgKBzvypup_PbmmXJtTvDPGP60oR57x25BbuBLRzvVLVnaVkUO1bkBtrCRRp9DPZ1kkVnBWYLhmdQ7N5N0_MshHlJ3P1ho5VVAY2KDizgLIZNfixq4mXRFsx6Dfv7XA/s1600/icons8-glasses-50.png');
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  }
  .tabelaframecomentaudiopostcellertabimg{
  width: 16px;
  height: 16px;
  border: none;
  }
  .tabelaframecomentaudiopostcellertabcelset{
  text-align: center;
  vertical-align: bottom;
  width: 22px;
  padding: 0px;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDk9c9rf5znovhiSHzWMRGV-qjpSatb24ip9G0UdZn1J103n6vM5hKdzllt_SSz0Sg-cWTOMag02wK7jh8jIxL5tg5VOLZbVMmTvhfahuP8l-P6o5uf0AxUjX_S7s7gAwwtWVBtbITptqquh10sJL5mlKhG-0cv_URVHloqR2G8vXcvDzgEOsg7VSbDLk/s1600/icons8-arrow-50-3.png');
  background-size: 18px;
  background-repeat: no-repeat;
  }
  .tabelaframecomentaudiopostcellertabset{
  width: 16px;
  height: 16px;
  border: none;
  }
  
  /****************************   tabela frame */
  
  .tabelaframeplayerpost{  
  background: transparent;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  }
  .tabelaframeplayerpostceldiv{
  text-align:center;
  padding: 0px;
  background: transparent; /****************************  alterado de: background: #16171a; */
  }
  .frametabesp{
  display: none;
  height: 20px;
  }
  .frameplayerpostdiv{
  text-align:center;
  padding: 0px;
  }
  .tabelaframeplayerpostcelbtremov{
  text-align:center;
  padding: 0px;
  }
  .tabelaframeplayerpostfechtabint{
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 15.5px;
  padding: 0px;
  box-shadow: inset 0px 4px 10px rgba(128, 128, 128, 0.2);
  }
  .tabelaframeplayerpostfechtabintcel{
  text-align: center;
  vertical-align: middle;
  padding-left: 4px;
  padding-right: 4px;
  }
  .tabelaframeplayerpostfechtabceltext{
  font-family: arial;
  font-size: 14px;
  color: rgba(128, 128, 128);
  padding-left: 8px;
  padding-right: 4px;
  }
  .tabelaframeplayerpostfechtabintcelimg{
  padding-right: 4px;
  }
  .tabelaframeplayerpostfechtabintimg{
  width: 18px;
  display: inline-block;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM_-QwPadd4uXrQ1Otdtli0K1SVfDRoIJEVnhuN5fjOad0PAGKFGp7x0e6SDpBrLKLHuBZbRWc6FvnQH9ZOB0D27pfB4w2szeAMAHXAn1ltkdQQfspuwOg8sPmG9-jlvvWtq7Fmxbdw6uiDOFO6Yl1leHpPc9rTi4v2JDjarLHiEmrdNz1-PYlm6ZWo48/s1600/icons8-cancelar-50B.png');
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  }
  
  /*_____________________________________________________  tabela menu traduções todos posts */
  
  .tabelamenutraddiv{
  background: transparent;
  width: 100%;
  }
  .tabelamenutrad{
  height: 100%;
  width: 100%;
  table-layout: fixed; /* Permite que a largura da tabela seja fixa */
  }
  .tabelamenutradceltext{
  width: 95%; /* Faz com que a célula ocupe toda a largura */
  word-wrap: break-word; /* Permite que o texto quebre em linhas */
  white-space: nowrap; /* Impede que o texto quebre em novas linhas */
  overflow: hidden; /* Esconde o texto que ultrapassar a largura da célula */
  text-overflow: ellipsis; /* Adiciona reticências se o texto for muito longo */
  text-align: left;
  height: 28px;
  padding: 2px;
  }
  .tabelamenutradsigl{
  color: #2196f3;
  font-family: arial;
  font-size: 15px;
  }
  .tabelamenutradtext{
  color: rgba(128, 128, 128);
  font-family: arial;
  font-size: 15px;
  }
  .tabelamenutradcelimg{
  width: 26px;
  height: 28px;
  }
  .tabelamenutradimg{
  width: 26px;
  height: 28px;
  display: inline-block;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpHjy__X24AJpwPD2jGbIEtsk_JsMg49QgxtrbVS7fI7w6SFfdquMVI08ye6pl8iSNIKrc4WpGdlNv3VNl9vh9GN-_7RtjqVgeZQyakWhcWYsSToKSIWmjT3UT8zlPfgd6DQ-_KewKKHD_BdafqUVz-SgopG8udaa-bNdn9_4X_EILWgiiE8RqQDjn6gg/s1600/icons8-google-tradutor-64A.png');
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  }
  .tabelamenutradcelimgset{
  width: 24px;
  height: 28px;
  }
  .tabelamenutradimgset{
  width: 20px;
  height: 28px;
  display: inline-block;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLzAeQpUPOoGrRecR_E8GcLBRVjU0fY5b85-pfNHUwp6DE2JMSWaF45iTJQZYUL-8YRuHNk6OJiN5BMEVcdAjwpVOYVfKFrwq8WDSXtc6MzBPHOxY5Gc3F8mj_7aKZ2l4PlpTVZ-9Z3iXeCuTmoDSFRLfzPVsfoKWYsGk8fL27sCY0-GwaxLnBjhVhiuU/s1600/icons8-arrow-50-2.png');
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  }
  
  /*_____________________________________________________  tabela botão ver traduções post: versiculos */
  
  .tabelabttraddiv{
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  background: transparent;
  width: 100%;
  }
  .tabelabttradbot{
  background: transparent;
  border: 2px solid transparent;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  outline: none;
  padding: 0px;
  width: 100%;
  border-radius: 9px;
  display: block;
  text-align: center;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .tabelabttradbot:hover {
  border: 2px solid rgb(33, 150, 243);
  }
  }
  .tabelabttradbot:active {
  border: 2px solid rgb(33, 150, 243);
  }
  .tabelabttrad{
  height: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid rgba(128, 128, 128, 0.5);
  }
  .tabelabttradceltext{
  text-align: right;
  vertical-align: middle;
  height: 28px;
  padding: 2px;
  }
  .tabelabttradceltext-add{
  text-align: center;
  vertical-align: middle;
  height: 28px;
  width: 28px;
  }
  .tabelabttradtext{
  color: #2196f3;
  font-family: arial;
  font-size: 15px;
  }
  .tabelabttradtext-add{
  color: #2196f3;
  font-family: arial;
  font-size: 20px;
  }
  .tabelabttradcelimg{
  text-align: center;
  vertical-align: bottom;
  width: 36px;
  padding: 2px;
  }
  .tabelabttradimg{
  width: 20px;
  height: 20px;
  border: none;
  }
  .tabelabttradcelimgset{
  text-align: center;
  vertical-align: bottom;
  width: 24px;
  }
  .tabelabttradimgset{
  width: 20px;
  height: 20px;
  border: none;
  }
  
  /*_____________________________________________________  players de audio e video post: introducao */
  
  .frameaudiopostdiv{
  text-align:center;
  display: block;
  }
  .framevideopostdiv{
  text-align:center;
  display: block;
  }
  
  /*_____________________________________________________  players de audio e video post: asssuntos e versiculos */
  
  .tabelaframeaudiopostverso{
  background: transparent;
  width: 196px;
  margin-left: auto;
  margin-right: auto;
  }
  
  /****************************  celula link ouvir */
  
  .tabelaframeaudiopostcellinkouvirverso{ 
  text-align: center;
  }
  .tabelaframeaudiopostcellinkouvirbotverso{
  background: transparent;
  border: none;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  outline: none;
  padding: 0px;
  width: 100%;
  border-radius: 9px;
  box-shadow: inset 0px 2px 5px rgba(128, 128, 128, 0.3);
  display: block;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .tabelaframeaudiopostcellinkouvirbotverso:hover {
  background: #d2eafc;
  }
  }
  .tabelaframeaudiopostcellinkouvirbotverso:active {
  background: #d2eafc;
  }
  
  /****************************  tabela interna */
  
  .tabelaframeaudiopostcellinkouvirtabverso{  
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  background: transparent;
  width: 196px;
  }
  .tabelaframeaudiopostcellinkouvirtabceltextverso{
  text-align: center;
  vertical-align: middle;
  height: 28px;
  width: 136px;
  padding: 2px;
  }
  .tabelaframeaudiopostcellinkouvirbottextverso{
  color: #2196f3;
  font-family: arial;
  font-size: 15px;
  }
  .tabelaframeaudiopostcellinkouvirtabcelimgverso{
  text-align: center;
  vertical-align: bottom;
  width: 36px;
  padding: 4px;
  }
  .tabelaframeaudiopostcellinkouvirtabimgverso{
  width: 16px;
  height: 16px;
  border: none;
  }
  .tabelaframeaudiopostcellinkouvirtabcelsetverso{
  text-align: center;
  vertical-align: bottom;
  width: 24px;
  padding: 4px;
  }
  .tabelaframeaudiopostcellinkouvirtabsetverso{
  width: 16px;
  height: 16px;
  border: none;
  }
  
  /****************************  tabela frame */
  
  .tabelaframeaudiopostcontverso{  
  background: transparent;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  }
  .tabelaframeaudiopostcelverso{
  text-align:center;
  }
  .frameaudiopostcapdivverso{
  text-align:center;
  }
  
  /*_____________________________________________________  conteudo de versiculos todos os posts */
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .ref_cruz-not-ancor{
  background: transparent;
  border: 1px solid transparent;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  outline: none;
  padding-right: 0.5em;
  padding-left: 0.2em;
  }
  @media (hover: hover) and (pointer: fine) {
  .ref_cruz-not-ancor:hover {
  border-radius: 9px;
  border: 1px solid rgb(33, 150, 243);
  }
  }
  .ref_cruz-not-ancor:active {
  background: #d2eafc;
  border-radius: 9px;
  }
  
  
  
  
  
  
  
  .text-pag {
  text-align: justify;
  transition: margin 0.3s ease-in-out, line-height 0.9s ease, text-align 0.9s ease, font-family 0.9s ease;
  }
  
  .text-coment {
    padding-bottom: 10px;
    border: none;
    text-align: justify;
    display: block;
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
    font-family: times, 'Times New Roman', serif;
  transition: margin 0.3s ease-in-out, line-height 0.9s ease, text-align 0.9s ease, font-family 0.9s ease;
  }
  
  .versiculospostdiv {
    border: none;
    text-align: justify;
    display: block;
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
    font-family: times, 'Times New Roman', serif;
  transition: margin 0.3s ease-in-out, line-height 0.9s ease, text-align 0.9s ease, font-family 0.9s ease;
  }
  .versiculospostdiv-vs {
    border: none;
    text-align: justify;
    display: block;
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
    font-family: times, 'Times New Roman', serif;
  transition: margin 0.3s ease-in-out, line-height 0.9s ease, text-align 0.9s ease, font-family 0.9s ease;
  }
  
  .pverso {
    position: relative;
    max-width: 100%;
    box-sizing: border-box;
    overflow-wrap: break-word;
  }
  
  
  
  
  
  
  
  .pverso-ref-sbint {
    position: relative;
    color: #2196f3;
    box-sizing: border-box;
    line-height: 1;
    vertical-align: baseline;
    top: -0.4em; /* sobe o número em relação à linha base */
    line-height: 1;
  padding-left: 0.1em;
  }
  
  
  
  .pversoco {
    box-sizing: border-box;
    overflow-wrap: break-word;
  }
  
  .pversop {
    position: relative;
    text-indent: 20px;
    max-width: 100%;
    box-sizing: border-box;
  }
  
  .nverso {
    position: relative;
    display: inline-block;
    margin-right: 1.4em;
    margin-left: 0.2em;
    min-width: 1em;
    text-align: center;
    padding: 0;
    color: #2196f3;
    box-sizing: border-box;
    white-space: nowrap;
  }
  
  .nversoco {
    position: relative;
    display: inline-block;
    margin-right: 1px;
    padding-right: 10px;
    padding-left: 10px;
    color: #2196f3;
    box-sizing: border-box;
    white-space: nowrap;
    font-size: 0.9em; /* menor que o texto */
    vertical-align: baseline;
    top: -0.4em; /* sobe o número em relação à linha base */
    line-height: 1;
    background: rgba(128, 128, 128, 0.1);
    box-shadow: inset 0px 4px 10px rgba(128, 128, 128, 0.2);
    border-radius: 9px;
  }
  
  .versol {
    display: none;
    height: 100%;
    min-width: 1.2em;
    box-sizing: border-box;
  }
  
  .precuo {
    display: none;
    position: relative;
    width: 30px;
    min-width: 30px;
    flex-shrink: 0;
    box-sizing: border-box;
  }
  
  .precuoco {
    display: inline-block;
    position: relative;
    width: 30px;
    min-width: 30px;
    flex-shrink: 0;
    box-sizing: border-box;
  }
  
  .trad-sgl {
    position: relative;
    display: inline-block;
  min-width:65px;
    padding-right: 5px;
    color: #2196f3;
  }
  
  
  /* Modo leitura: parágrafos contínuos */
  .versiculospostdiv.modo-leitura {
    padding-top: 10px;
  padding-bottom: 10px;
  }
  
  
  
  .versiculospostdiv.modo-leitura .pverso {
    display: inline;
    margin: 0;
    padding: 0;
  word-wrap: break-word;
  }
  
  .versiculospostdiv.modo-leitura .pverso::after {
    content: ' ';
  }
  
  
  
  .versiculospostdiv.modo-leitura .precuo {
    display: inline-block;
    border: none;
  }
  
  .versiculospostdiv.modo-leitura .nverso {
    position: relative;
    font-size: 0.9em;
    vertical-align: baseline;
    top: -0.4em;
    line-height: 1;
    margin-right: 0.1em;
    margin-left: 0.2em;
    min-width: 1.2em;
    white-space: nowrap;
  }
  
  
  
  /* Controle de números: visibilidade baseada em classe */
  .versiculospostdiv.sem-numeros .nverso,
  .versiculospostdiv.sem-numeros .nversov,
  .versiculospostdiv.sem-numeros .versol,
  .versiculospostdiv.sem-numeros .botverso,
  .versiculospostdiv.modo-leitura .versol {
    display: none !important;
  }
  
  
  /* Estilo ativo nos botões */
  .tabelaopsbtmodos.ativo {
  pointer-events: none;
  cursor: default;
  box-shadow: inset 0px 0px 3px 0px #2196f3;
  border: 1px solid #2196f3;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png);
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: left center;
  }
  /* Estilo ativo nos botões */
  .tabelaopsaling.ativo {
  pointer-events: none;
  cursor: default;
  box-shadow: inset 0px 0px 3px 0px #2196f3;
  border: 1px solid #2196f3;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png);
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: left center;
  }
  .tabelaopsalinge.ativo {
  pointer-events: none;
  cursor: default;
  box-shadow: inset 0px 0px 3px 0px #2196f3;
  border: 1px solid #2196f3;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png);
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: left center;
  }
  
  /* Estilo do container do switch */
  
  .leit-ops-celtit{
  vertical-align: middle;
  text-align: center;
    height: 46px;
  }
  
  .switchs-tb{
  background: #ededed;
  padding: 2px;
  border-radius: 9px;
  box-shadow: 0px 1px 3px rgba(128, 128, 128, 0.9);
  min-height: 152px;
  }
  .switchs-tb-cel{
  height: 45px;
  width: 140px;
  vertical-align: middle;
  text-align: center;
  }
  .switch-container{
  background: rgba(128, 128, 128, 0.09);
  display: block;
  border-radius: 9px;
  box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
  height: 32px;
  width: 150px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 9px;
  padding-bottom: 3px;
  }
  
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .switch-container:hover {
  background: #d2eafc;
  color: #2196f3;
  }
  }
  .switch-label {
    display: flex;
    align-items: center;
    font-size: 16px;
  font-weight: bold;
  font-family: arial;
    color: #2196f3;
    gap: 8px;
    cursor: pointer;
  margin-top: auto;
  margin-bottom: auto;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .switch-label:hover {
  background: #d2eafc;
  color: #2196f3;
  }
  }
  
  .switch-label input[type="checkbox"] {
    display: none;
  }
  .switch-slider {
    width: 42px;
    height: 26px;
    background-color: rgb(128, 128, 128);
    border-radius: 16px;
    position: relative;
    transition: background-color 0.3s ease;
  }
  
  .switch-slider::before {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    left: 2px;
    top: 2px;
    background-color: #ffffff;
    border-radius: 50%;
    transition: transform 0.3s ease;
  box-shadow: inset 0 4px 8px 0 rgba(128, 128, 128, 0.5);
  }
  
  .switch-label input[type="checkbox"]:checked + .switch-slider {
    background-color: #2196f3;
  }
  
  .switch-label input[type="checkbox"]:checked + .switch-slider::before {
    transform: translateX(16px);
  }
  
  
  
  /*_____________________________________________________  seção conteudo texto post: introducao */
  
  .text-intro{
  text-align: justify;
  transition: margin 0.3s ease-in-out, line-height 0.9s ease, text-align 0.9s ease, font-family 0.9s ease;
  }
  
  
  
  /*_____________________________________________________  seção versiculo post: asssunto e versiculo */
  
  .versotitulodiv{
  text-align: center;
  font-weight: bold;
  }
  .versodiv{
  text-align: justify;
  }
  
  /*_____________________________________________________  seção comentario post: asssunto e versiculo */
  
  .comenttitulodiv{
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-style: italic;
  padding-bottom: 15px;
  border: none;
  display: block;
  transition: font-family 0.9s ease;
  }
  .comenttitulodiv-injet{
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-style: italic;
  padding-top: 20px;
  padding-bottom: 15px;
  border: none;
  display: none;
  transition: font-family 0.9s ease;
  }
  .coment-injet .comenttitulodiv-injet{
  display: block;
  }
  .comenttitulodiv-cap{
  width: 100%;
  text-align: center;
  font-style: italic;
  padding-bottom: 20px;
  display: block;
  transition: font-family 0.9s ease;
  }
  .div-link-coment-itens{
  text-align: left;
  font-style: italic;
  padding-left: 15px;
  transition: font-family 0.9s ease;
  }
  .comentdiv{
  text-align: justify;
  }
  
  /*_____________________________________________________  seção traduçoes post: versiculos */
  
  .outrastradtitulodiv{
  text-align: center;
  font-weight: bold;
  }
  .outrastrad{
  text-align: center;
  display: none;
  }
  .outrastradtext{
  text-align: justify;
  }
  
  /*_____________________________________________________  pagina: paginas do site */
  
  .menupagetab{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 360px;
  }
  
  /*_____________________________________________________  pagina: livros */
  
  .tablelivrostb{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 300px;
  }
  .tablelivros {
  width: 100%;
  border-collapse: collapse;
  }
  .tablelivrostd {
  border: 0px;
  padding: 0px;
  text-align: center;
  color: #333333;
  }
  .tablelivrostr {
  display: flex;
  flex-wrap: wrap;
  }
  .tablelivrostd {
  box-sizing: border-box;
  flex: 1 1 50%; /* Duas colunas lado a lado */
  }
  @media (max-width: 800px) {
  .tablelivrosth, .tablelivrostd {
  flex-basis: 100%; /* Uma coluna abaixo da outra */
  }
  }
  .paglivrostit{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  }
  
  /*_____________________________________________________  menu fixo: barra */
  
  .menubarradiv{
  background: #ededed;
  border-top: 1px solid rgb(224, 224, 224);
  left:0;
  position:fixed;
  right:0;
  bottom:0;
  width:100%;
  z-index:1201;
  }
  .oculto {
  display: block;
  }
  @media (min-width: 240px) and (max-height: 500px){
  .oculto {
  display: none;
  }
  }
  @media (max-width: 1039px){
  .oculto {
  display: none;
  }
  .visivel{
  display: block;
  }
  }
   
  @media (min-width: 1040px) {
  .ocultocoment {
  display: block !important;
  }
  }
  .ocultocoment {
  display: none;
  }
  .visivelcoment{
  display: block;
  }
  
  
  .audiooculto {
  display: none;
  }
  .audiovisivel{
  display: block;
  } 
  
  .menubarratab{
  background: transparent;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2px;
  padding-bottom: 1px;
  border: none;
  border-spacing: 0px;
  width: 100%;
  max-width: 912px;
  }
  @media (max-width: 912px){
  .menubarratab{
  width: 100%;
  max-width: 912px;
  }
  }
  .menubarratabcel1{
  background: transparent;
  text-align: center;
  padding: 0px;
  min-width: 70px;
  border: none;
  }
  @media (max-width: 490px){
  .menubarratabcel1{
  width: 16%;
  min-width: 16%;
  }
  }
  .menubarratabcel2{
  background: transparent;
  text-align: center;
  padding: 0px;
  min-width: 70px;
  border: none;
  }
  @media (max-width: 490px){
  .menubarratabcel2{
  width: 17%;
  min-width: 17%;
  }
  }
  .menubarratabcel3{
  background: transparent;
  text-align: center;
  padding: 0px;
  border: none;
  min-width: 70px;
  }
  @media (max-width: 490px){
  .menubarratabcel3{
  width: 17%;
  min-width: 17%;
  }
  }
  .menubarratabcel4{
  background: transparent;
  text-align: center;
  padding: 0px;
  min-width: 70px;
  border: none;
  display: flex;
  align-items: center;
  }
  .ln-div-bth4{
  margin: auto;
  height: 30px;
  width: 1px;
  background: rgba(128, 128, 128, 0.3);
  }
  @media (max-width: 571px){
  .menubarratabcel4{
  min-width: 0px;
  }
  .menubarratabcel4 #bth4{
  display: none;
  }
  .ln-div-bth4{
  display: none;
  }
  }
  .menubarratabcel5{
  background: transparent;
  text-align: center;
  padding: 0px;
  min-width: 70px;
  border: none;
  }
  @media (max-width: 571px){
  .menubarratabcel5{
  min-width: 0px;
  }
  .menubarratabcel5 #bth5{
  display: none;
  }
  }
  .menubarratabcel6{
  background: transparent;
  text-align: center;
  padding: 0px;
  min-width: 70px;
  border: none;
  }
  @media (max-width: 571px){
  .menubarratabcel6{
  min-width: 0px;
  }
  .menubarratabcel6 #bth6{
  display: none;
  }
  }
  .menubarratabcel7{
  background: transparent;
  text-align: center;
  padding: 0px;
  min-width: 70px;
  border: none;
  }
  @media (max-width: 571px){
  .menubarratabcel7{
  min-width: 0px;
  }
  .menubarratabcel7 #bth7{
  display: none;
  }
  }
  .menubarratabcel8{
  background: transparent;
  text-align: center;
  padding: 0px;
  min-width: 70px;
  border: none;
  display: none;
  align-items: center;
  }
  .ln-div-bth8{
  margin: auto;
  height: 30px;
  width: 1px;
  background: rgba(128, 128, 128, 0.3);
  display: none;
  }
  @media (max-width: 640px){
  .menubarratabcel8{
  min-width: 0px;
  }
  .menubarratabcel8 #bth8{
  display: none;
  }
  .ln-div-bth8{
  display: none;
  }
  }
  .menubarratabcel9{
  background: transparent;
  text-align: center;
  padding: 0px;
  min-width: 70px;
  border: none;
  display: none;
  }
  @media (max-width: 710px){
  .menubarratabcel9{
  min-width: 0px;
  }
  .menubarratabcel9 #bth9{
  display: none;
  }
  }
  .menubarratabcel10{
  background: transparent;
  text-align: center;
  padding: 0px;
  min-width: 70px;
  border: none;
  display: none;
  }
  @media (max-width: 780px){
  .menubarratabcel10{
  min-width: 0px;
  }
  .menubarratabcel10 #bth10{
  display: none;
  }
  }
  .menubarratabcel11{
  background: transparent;
  text-align: center;
  padding: 0px;
  min-width: 70px;
  border: none;
  display: none;
  }
  @media (max-width: 850px){
  .menubarratabcel11{
  min-width: 0px;
  }
  .menubarratabcel11 #bth11{
  display: none;
  }
  }
  .menubarratabcel12{
  background: transparent;
  text-align: center;
  padding: 0px;
  min-width: 70px;
  border: none;
  display: flex;
  align-items: center;
  }
  .ln-div-bth12{
  margin: auto;
  height: 30px;
  width: 1px;
  background: rgba(128, 128, 128, 0.3);
  }
  @media (max-width: 490px){
  .menubarratabcel12{
  min-width: 0px;
  }
  .menubarratabcel12 #bth12{
  display: none;
  }
  .ln-div-bth12{
  display: none;
  }
  }
  .menubarratabcel13{
  background: transparent;
  text-align: center;
  padding: 0px;
  min-width: 55px;
  border: none;
  display: none;
  }
  @media (max-width: 880px){
  .menubarratabcel13{
  min-width: 0px;
  }
  .menubarratabcel13 #bth13{
  display: none;
  }
  }
  .menubarratabcel14{
  background: transparent;
  text-align: center;
  padding: 0px;
  min-width: 70px;
  border: none;
  }
  @media (min-width: 572px){
  .menubarratabcel14{
  width: 0px;
  min-width: 0px !important;
  }
  .menubarratabcel14 #bth14{
  display: none;
  }
  }
  @media (max-width: 490px){
  .menubarratabcel14{
  width: 17%;
  min-width: 17% !important;
  }
  }
  .menubarratabcel15{
  background: transparent;
  text-align: center;
  padding: 0px;
  min-width: 70px;
  border: none;
  }
  @media (min-width: 572px){
  .menubarratabcel15{
  width: 0px;
  min-width: 0px !important;
  }
  .menubarratabcel15 #bth15{
  display: none;
  }
  }
  @media (max-width: 490px){
  .menubarratabcel15{
  width: 17%;
  min-width: 17%;
  }
  }
  .menubarratabcel16{
  background: transparent;
  text-align: center;
  padding: 0px;
  min-width: 70px;
  border: none;
  }
  @media (min-width: 572px){
  .menubarratabcel16{
  width: 0px;
  min-width: 0px !important;
  }
  .menubarratabcel16 #bth16{
  display: none;
  }
  }
  @media (max-width: 490px){
  .menubarratabcel16{
  width: 16%;
  min-width: 16%;
  }
  }
  .menubarrabt{
  background: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0px;
  width: 100%;
  text-align: center;
  font-size: 12px;
  min-height: 42px;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .menubarrabt:hover {
  background: #d2eafc;
  border-radius: 9px;
  }
  }
  .menubarrabt:active {
  background: #d2eafc;
  border-radius: 9px;
  }
  .menubarratabimg1{
  height: 24px;
  border: none;
  }
  .menubarratabimg2{
  height: 24px;
  border: none;
  }
  .menubarratabimg3{
  height: 24px;
  border: none;
  }
  .menubarratabimg4{
  height: 24px;
  border: none;
  }
  .menubarratabimg5{
  height: 24px;
  border: none;
  }
  .menubarratabimg6{
  height: 24px;
  border: none;
  }
  .menubarratabimg7{
  height: 24px;
  border: none;
  }
  .menubarratabimg8{
  height: 24px;
  border: none;
  }
  .menubarratabimg9{
  height: 24px;
  border: none;
  }
  .menubarratabimg10{
  height: 24px;
  border: none;
  }
  .menubarratabimg11{
  height: 24px;
  border: none;
  }
  .menubarratabimg12{
  height: 24px;
  border: none;
  }
  .menubarratabimg13{
  height: 24px;
  border: none;
  }
  .menubarratabimg14{
  height: 24px;
  border: none;
  }
  .menubarratabimg15{
  height: 24px;
  border: none;
  }
  .menubarratabimg16{
  height: 22px;
  border: none;
  }
  .menubarratabceltext{
  text-align: center;
  color: #2196f3;
  font-size: 12px;
  }
  
  
  /*_____________________________________________________  menu fixo: paginas */
  
  .menufixodiv{
  background: rgba(0, 0, 0, 0.7);
  height: 100vh;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 5200;
  }
  .menufixodiv-page{
  background: rgba(0, 0, 0, 0.7);
  height: 100vh;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 5200;
  }
  .menufixodiv-page_fix{
  background: transparent;
  height: 100vh;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 5100;
  }
  
  
  /*_____________________________________________________  Sticky em menus Tela 1260 abaixo */
  
  @media (max-width:1260px){
  .centered-top-container.menu-aberto,
  .centered-top-container.sticky.menu-aberto {
  z-index:0 !important;
  }
  }
  @media (max-width:1039px){
  .centered-top-container.menu_pg-aberto,
  .centered-top-container.sticky.menu_pg-aberto {
  z-index:0 !important;
  }
  }
  .centered-top-container.menu_cp-aberto,
  .centered-top-container.sticky.menu_cp-aberto {
  z-index:0 !important;
  }
  
  /*_____________________________________________________  Tela 1260 acima */
  
  @media (min-width: 1260px){
  .page_body .centered { /****************Largura e centralização do container do blog */
  position: relative;
  left: calc((318px) / 2); 
  }
  .centered-top-container.sticky{
  max-width: 912px !important;
  left: calc(50% - 297px) !important;
  }
  .sticky {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.99) 90%, rgba(225, 225, 225, 0.3) 100%) !important;
  }
  .tema-escuro .sticky {
  background: linear-gradient(to bottom, rgba(32, 33, 36, 0.99) 90%, rgba(32, 33, 36, 0.3) 100%) !important;
  }
  .tema-sepia .sticky {
  background: linear-gradient(to bottom, rgba(250, 239, 215, 0.99) 90%, rgba(250, 239, 215, 0.3) 100%) !important;
  }
  .tema-marinho .sticky {
  background: linear-gradient(to bottom, rgba(29, 50, 77, 0.99) 90%, rgba(29, 50, 77, 0.3) 100%) !important;
  }
  .tema-ceu .sticky {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.99) 90%, rgba(255, 255, 255, 0.3) 100%) !important;
  }
  .tema-bauny .sticky {
  background: linear-gradient(to bottom, rgba(254, 246, 235, 0.99) 90%, rgba(254, 246, 235, 0.3) 100%) !important;
  }
  .tema-rose .sticky {
  background: linear-gradient(to bottom, rgba(247, 239, 237, 0.99) 90%, rgba(247, 239, 237, 0.3) 100%) !important;
  }
  .div_logo {
  margin-left: 5px;
position: relative;
left: calc(50% + 60px / 2);
        transform: translateX(-50%);
  }
  .menufixodiv{
  z-index: 1;
  }
  .menufixodiv_bg{
  display: none;
  }
  .menu-liv-config {
  top: 0px !important;
  padding-top: 5px !important;
  padding-right: 15px !important;
  padding-bottom: 0px !important;
  border-top: none !important;
  max-width: 240px !important;
  left: calc(50% - 546px) !important;
  background: rgb(247, 247, 248) !important;
  border-left: 1px solid rgba(128, 128, 128, 0.3);
  }
  #menupage_fix {
  display: block !important;
  }
  .menubarradiv{
  display: none !important;
  }
  .tabelamenubtpost2{
  display: flex !important;
  }
  .menufixodiv-page_fix{
  width: 70px !important;
  }
  .menupagedivsub_fix {
  background: transparent !important;
  height: calc(100vh - 42px) !important;
  top: 42px !important;
  width: 70px !important;
  border: none;
  }
  .menufixodivfechpage_fix {
  display: none;
  }
  .menupagedivsubtab_fix {
  width: 100% !important;
  }
  .menupagecelbt_fix{
  width: 56px !important;
  }
  .menupagecelbttext_fix {
  display: none;
  }
  .menupagecelbttextmini_fix {
  display: inline-block !important;
  padding-top: 5px;
  }
  .menupagecel_fix{
  height: 50px !important;
  margin-bottom: 15px !important;
  }
  .menupagelinhainfcel_fix{
  height: 40px !important;
  }
  .tabelamenubtpostdiv{

  }
  .tabelamenubtpostdivsub{
  background: transparent !important;
  }
  .tabelamenubtpost{
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0px !important;
  margin-right: auto !important;
  }
  .menupagetabsubcel_fix{
  width:55px !important;
  }
  .btv0_img{
  height: 27px !important;
  }
  #btv0_fix{
  display: block !important;
  position: absolute !important;
  top: 5px !important;
  left: 5px !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 21px !important;
  }
  #menupagecel2_fix{
  height: 0px !important;
  margin-bottom: 0px !important;
  }
  #menupagecel3_fix{
  height: 0px !important;
  margin-bottom: 0px !important;
  }
  #menupagecel4_fix{
  height: 0px !important;
  margin-bottom: 0px !important;
  }
  #menupagecel5_fix{
  height: 0px !important;
  margin-bottom: 0px !important;
  }
  #menupagecel6_fix{
  height: 0px !important;
  margin-bottom: 0px !important;
  }
  #menupagecel13_fix{
  height: 0px !important;
  }
  #menupagecel14_fix{
  height: 0px !important;
  }
  #menupagecel15_fix{
  height: 0px !important;
  }
  #menupagecel16_fix{
  height: 0px !important;
  }
  #menupagecel17_fix{
  height: 0px !important;
  }
  #menupagecel18_fix{
  height: 0px !important;
  }
  #menupagecel19_fix{
  height: 0px !important;
  }
  #menupagecel20_fix{
  height: 0px !important;
  }
  #menupagecel21_fix{
  height: 0px !important;
  }
  #menupagecel22_fix{
  height: 0px !important;
  }
  .menupagelinhasuphr_fix{
  width:54px !important;
  margin-left: 0px !important;
  margin-bottom: 10px !important;
  margin-top: 10px !important;
  padding: 0px !important;
  }
  #menupagelinhasuphr1_fix{
  display: none !important;
  }
  #btv2_fix{
  display: none !important;
  }
  #btv3_fix{
  display: none !important;
  }
  #btv4_fix{
  display: none !important;
  }
  #btv5_fix{
  display: none !important;
  }
  #btv6_fix{
  display: none !important;
  }
  #menupagelinhasuphr2_fix{
  display: none !important;
  }
  #btv13_fix{
  display: none !important;
  }
  #menupagelinhasuphr5_fix{
  display: none !important;
  }
  #btv14_fix{
  display: none !important;
  }
  #btv15_fix{
  display: none !important;
  }
  #btv16_fix{
  display: none !important;
  }
  #btv17_fix{
  display: none !important;
  }
  #menupagelinhasuphr6_fix{
  display: none !important;
  }
  #btv18_fix{
  display: none !important;
  }
  #btv19_fix{
  display: none !important;
  }
  #btv20_fix{
  display: none !important;
  }
  #btv21_fix{
  display: none !important;
  }
  #menupagelinhasuphr7_fix{
  display: none !important;
  }
  #btv22_fix{
  display: none !important;
  }
  .menupagecel-grup_fix{
  height: 0px !important;
  }
  .menupagecelbttext-grup_fix{
  display: none !important;
  }
  .div-audio{
  left: calc(50% + 70px / 2) !important;
  transform: translateX(-50%) !important;
  }
  .menufixodiv{
  display: block !important;
  background: transparent !important;
  left: calc(50% - 546px) !important;
  width: 240px !important;
  top: 46px !important;
  /*box-shadow: 0 1px 4px 0 rgba(60, 64, 67, 0.30);   sombra opcional*/
  border-left: 1px solid rgba(128, 128, 128, 0.3);
  }
  .tema-escuro .menufixodiv{
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.7) !important;
  }
  .tema-marinho .menufixodiv{
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.7) !important;
  }
  .menunovodivsub {
  background: rgb(247, 247, 248) !important;
  height: calc(100vh - 46px) !important;
  width: 240px !important;
  border: none;
  padding-left: 4px;
  }
  .tema-escuro .menunovodivsub {
  background: #28292b !important;
  }
  .tema-sepia .menunovodivsub {
  background: #faefd7 !important;
  }
  .tema-marinho .menunovodivsub {
  background: #253a54 !important;
  }
  .tema-ceu .menunovodivsub {
  background: #ffffff !important;
  }
  .tema-bauny .menunovodivsub {
  background: #fdfcf7 !important;
  }
  .tema-rose .menunovodivsub {
  background: #fcf8f8 !important;
  }
  .botprim{
  background: transparent !important;
  }
  .menunovocelbttextcelnum{
  height: 32px !important;
  }
  .menunovocelbttextnum{
  line-height: 32px !important;
  }
  .menunovocelbttext{
  line-height: 32px !important;
  }
  .menunovodivsubtab{
  width: 228px !important;
  margin-left: 0px !important;
  }
  .menunovolinhasupcel{
  height: 0px !important;
  }
  .menufixotituloscel {
  height: 25px !important;
  }
  .menunovocelbttextsigl {
  line-height: 32px !important;
  height: 32px !important;
  font-size: 14px !important;
  }
  .menunovocelbttext{
  font-size: 15px !important;
  }
  .menufixodivfechlivros{ 
  display: none !important;
  }
  .menufixodivfechtabintlivros{
  margin-right: 70px !important;
  }
  .tema-escuro .menu-liv-config {
    background: #28292b !important;
  }
  .tema-sepia .menu-liv-config {
    background: #faefd7 !important;
  }
  .tema-marinho .menu-liv-config {
    background: #253a54 !important;
  }
  .tema-ceu .menu-liv-config {
    background: #ffffff !important;
  }
  .tema-bauny .menu-liv-config {
    background: #fdfcf7 !important;
  }
  .tema-rose .menu-liv-config {
    background: #fcf8f8 !important;
  }
  .modo-grade .menunovocel {
  padding-top: 5px !important;
  }
  .modo-grade .menunovocelbttextsigl {
  height: 42px !important;
  line-height: 42px !important;
  }
  .modo-colunas .menunovocelbttext {
  line-height: 40px !important;
  }
  .menufixobtcapcel{
  height: 42px !important;
  }
  }
  
  
  /*_____________________________________________________  Tela 1159 -- 1040 */
  
  @media (min-width: 1040px) and (max-width: 1259px){
  .page_body .centered { /****************Largura e centralização do container do blog */
  position: relative;
  left: calc((55px) / 2); 
  }
  .centered-top-container.sticky{
  max-width: 912px !important;
  left: calc(50% - 428px) !important;
  }
  .sticky {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.99) 90%, rgba(225, 225, 225, 0.3) 100%) !important;
  }
  .tema-escuro .sticky {
  background: linear-gradient(to bottom, rgba(32, 33, 36, 0.99) 90%, rgba(32, 33, 36, 0.3) 100%) !important;
  }
  .tema-sepia .sticky {
  background: linear-gradient(to bottom, rgba(250, 239, 215, 0.99) 90%, rgba(250, 239, 215, 0.3) 100%) !important;
  }
  .tema-marinho .sticky {
  background: linear-gradient(to bottom, rgba(29, 50, 77, 0.99) 90%, rgba(29, 50, 77, 0.3) 100%) !important;
  }
  .tema-ceu .sticky {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.99) 90%, rgba(255, 255, 255, 0.3) 100%) !important;
  }
  .tema-bauny .sticky {
  background: linear-gradient(to bottom, rgba(254, 246, 235, 0.99) 90%, rgba(254, 246, 235, 0.3) 100%) !important;
  }
  .tema-rose .sticky {
  background: linear-gradient(to bottom, rgba(247, 239, 237, 0.99) 90%, rgba(247, 239, 237, 0.3) 100%) !important;
  }
  #menupage_fix {
  display: block !important;
  }
  .menubarradiv{
  display: none !important;
  }
  .tabelamenubtpost2{
  display: flex !important;
  }
  .menupagetabsubcel_fix{
  width:55px !important;
  }
  .btv0_img{
  height: 27px !important;
  }
  #btv0_fix{
  display: block !important;
  position: absolute !important;
  top: 5px !important;
  left: 5px !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 21px !important;
  }
  #menupagecel2_fix{
  height: 0px !important;
  }
  #menupagecel3_fix{
  height: 0px !important;
  }
  #menupagecel4_fix{
  height: 0px !important;
  }
  #menupagecel5_fix{
  height: 0px !important;
  }
  #menupagecel6_fix{
  height: 0px !important;
  }
  #menupagecel13_fix{
  height: 0px !important;
  }
  #menupagecel14_fix{
  height: 0px !important;
  }
  #menupagecel15_fix{
  height: 0px !important;
  }
  #menupagecel16_fix{
  height: 0px !important;
  }
  #menupagecel17_fix{
  height: 0px !important;
  }
  #menupagecel18_fix{
  height: 0px !important;
  }
  #menupagecel19_fix{
  height: 0px !important;
  }
  #menupagecel20_fix{
  height: 0px !important;
  }
  #menupagecel21_fix{
  height: 0px !important;
  }
  #menupagecel22_fix{
  height: 0px !important;
  }
  .menupagelinhasuphr_fix{
  width:54px !important;
  margin-left: 0px !important;
  margin-bottom: 10px !important;
  margin-top: 10px !important;
  padding: 0px !important;
  }
  #menupagelinhasuphr1_fix{
  display: none !important;
  }
  #btv2_fix{
  display: none !important;
  }
  #btv3_fix{
  display: none !important;
  }
  #btv4_fix{
  display: none !important;
  }
  #btv5_fix{
  display: none !important;
  }
  #btv6_fix{
  display: none !important;
  }
  #menupagelinhasuphr2_fix{
  display: none !important;
  }
  #btv13_fix{
  display: none !important;
  }
  #menupagelinhasuphr5_fix{
  display: none !important;
  }
  #btv14_fix{
  display: none !important;
  }
  #btv15_fix{
  display: none !important;
  }
  #btv16_fix{
  display: none !important;
  }
  #btv17_fix{
  display: none !important;
  }
  #menupagelinhasuphr6_fix{
  display: none !important;
  }
  #btv18_fix{
  display: none !important;
  }
  #btv19_fix{
  display: none !important;
  }
  #btv20_fix{
  display: none !important;
  }
  #btv21_fix{
  display: none !important;
  }
  #menupagelinhasuphr7_fix{
  display: none !important;
  }
  #btv22_fix{
  display: none !important;
  }
  .menupagecel-grup_fix{
  height: 0px !important;
  }
  .menupagecelbttext-grup_fix{
  display: none !important;
  }
  .menufixodiv-page_fix{
  width: 70px !important;
  }
  .menupagedivsub_fix {
  background: transparent !important;
  height: calc(100vh - 42px) !important;
  top: 42px !important;
  width: 70px !important;
  border: none;
  }
  .menucompartdivsubtab{
  margin-left: auto !important;
  margin-right: 5px !important;
  }
  .menufixodivfechpage_fix {
  display: none;
  }
  .menupagedivsubtab_fix {
  width: 100% !important;
  }
  .menupagecelbt_fix{
  width: 56px !important;
  }
  .menupagecelbttext_fix {
  display: none;
  }
  .menupagecelbttextmini_fix {
  display: inline-block !important;
  padding-top: 5px;
  }
  .menupagecel_fix{
  height: 50px !important;
  margin-bottom: 15px !important;
  }
  .menupagelinhainfcel_fix{
  height: 40px !important;
  }
  .tabelamenubtpostdiv{
  }
  .tabelamenubtpostdivsub{
  background: transparent !important;
  }
  .tabelamenubtpost{
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0px !important;
  margin-right: auto !important;
  }
  .div-audio{
  left: calc(50% + 54px / 2) !important;
  transform: translateX(-50%) !important;
  }
  .menubarratabcel8{
  box-shadow: 0 8px 16px 0 rgba(60, 64, 67, 0.5);
  border: 1px solid rgba(128, 128, 128, 0.3);
  border-radius: 22px;
  background: #ededed;
  height: 38px !important;
  }
  .menubarratabcel9{
  box-shadow: 0 8px 16px 0 rgba(60, 64, 67, 0.5);
  border: 1px solid rgba(128, 128, 128, 0.3);
  border-radius: 22px;
  background: #ededed;
  height: 38px !important;
  }
  .menubarratabcel10{
  box-shadow: 0 8px 16px 0 rgba(60, 64, 67, 0.5);
  border: 1px solid rgba(128, 128, 128, 0.3);
  border-radius: 22px;
  background: #ededed;
  height: 38px !important;
  }
  #bth1{
  display: none !important;
  }
  #bth2{
  display: none !important;
  }
  #bth3{
  display: none !important;
  }
  #bth4{
  display: none !important;
  }
  #bth5{
  display: none !important;
  }
  #bth6{
  display: none !important;
  }
  #bth7{
  display: none !important;
  }
  #bth8{
  box-shadow: inset 0px 4px 10px rgba(128, 128, 128, 0.2);
  border-radius: 22px;
  }
  #bth9{
  box-shadow: inset 0px 4px 10px rgba(128, 128, 128, 0.2);
  border-radius: 22px;
  }
  #bth10{
  box-shadow: inset 0px 4px 10px rgba(128, 128, 128, 0.2);
  border-radius: 22px;
  }
  .menubarratabimg8{
  height: 18px !important;
  }
  .menubarratabimg9{
  height: 18px !important;
  }
  .menubarratabimg10{
  height: 18px !important;
  }
  }
  
  /*_____________________________________________________  Tela 380 -- 310 */
  
  
  
  /*_____________________________________________________  Tela 310 abaixo */
  
  @media (max-width: 310px){
  .menu-liv-config{
  max-width: 240px !important;
  bottom: 38px !important;
  width: 100% !important;
  padding-bottom: 0px;
  }
  .menufixodivfechlivros{
  background: #ededed !important;
  max-width: 240px !important;
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
  width: 100% !important;
  }
  .menupagedivfechtab{
  border-spacing: 0px;
  }
  .menufixodivfechtabintcel{
  width: auto !important;
  }
  .menufixodivfechtabintcelimg{
  width: 38px !important;
  }
  .menufixodivfechtabintimg{
  background-size: 25px !important;
  width: 25px !important;
  height: 25px !important;
  }
  .menufixodivfechtabceltext{
  display: block !important;
  }
  .menufixodivfechtabintlivros{
  width: 100% !important;
  height: auto !important;
  }
  .menunovodivsub{
  max-width: 240px !important;
  width: 100% !important;
  }
  .menubarratabceltext{
  display: none !important;
  }
  .menunovocelbttext{
  font-size: 14px !important;
  }
  .tabelaframecomentaudiopostouvirtabtext{
  display: none !important;
  }
  .tabelaframeleitaudioposttabtext{
  display: none !important;
  }
  .tabelaframeleitaudioposttabtext{
  display: none !important;
  }
  .tabelamenubtpostcelright{
  width: 40px !important;
  }
  .tabelamenubtpostcelleft{
  width: 40px !important;
  }
  .div_logo_tit{
  font-size: 22px !important;
  }
  .tabelamenubtpostceltopo{
  min-width: 45px !important;
  }
  .submenusigl{
  min-width: 45px !important;
  }
  .tabelamenubtpostcel-audio{
  min-width: 40px !important;
  }
  }
  
  
  
  .menufixodiv-compart{
  background: rgba(0, 0, 0, 0.7);
  height: 100vh;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 5200;
  }
  .menufixodiv-textcoment{
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 6200;
  overflow-y: auto;
  height: 100vh;
  background: rgba(0, 0, 0, 0.9);
  }
  .menupagedivsub{
  background: #ffffff;
  left: 0px;
  position: absolute;
  height: 100vh;
  top: 0px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(128,128,128,0) transparent;
  width: 100%;
  max-width: 270px;
  z-index: 5300;
  }
  .menupagedivsub:hover {
  overflow-y: auto !important;
  scrollbar-color: rgba(128,128,128,0.9) transparent;
  }
  .menupagedivsub::-webkit-scrollbar {
  width: 6px;
  }
  .menupagedivsub::-webkit-scrollbar-track {
  background: transparent;
  }
  .menupagedivsub::-webkit-scrollbar-thumb {
  background-color: rgba(128,128,128,0.7);
  border-radius: 3px;
  }
  .menupagedivsub::-webkit-scrollbar-thumb:hover {
  background-color: rgba(128,128,128,0.9);
  }
  
  
  .menupagedivsub_fix{
  background: #ffffff;
  left: 0px;
  position: absolute;
  height: 100vh;
  top: 0px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(128,128,128,0) transparent;
  width: 100%;
  max-width: 270px;
  z-index: 5300;
  }
  .menupagedivsub_fix:hover {
  overflow-y: auto !important;
  scrollbar-color: rgba(128,128,128,0.9) transparent;
  }
  .menupagedivsub_fix::-webkit-scrollbar {
  width: 6px;
  }
  .menupagedivsub_fix::-webkit-scrollbar-track {
  background: transparent;
  }
  .menupagedivsub_fix::-webkit-scrollbar-thumb {
  background-color: rgba(128,128,128,0.7);
  border-radius: 3px;
  }
  .menupagedivsub_fix::-webkit-scrollbar-thumb:hover {
  background-color: rgba(128,128,128,0.9);
  }
  
  
  @media (min-width: 1040px) {
  .menu-textcoment-divsub{
  z-index: 5300;
  }
  }
  .menu-textcoment-divsub{
  top: 0px;
  width: 94%;
  position: relative;
  max-width: 912px;
  left: 50%;
  transform: translateX(-50%);
  }
  .menu-textcoment-divsubtab{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.8);
  background: #ffffff;
  }
  .coment-injet{
  padding-left: 40px;
  padding-right: 40px;
  text-align: justify;
  }
  @media (max-width: 800px) {
  .coment-injet{
  padding-left: 16px;
  padding-right: 16px;
  text-align: justify;
  }
  }
  .div-link-coment {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.8);
  background: #ffffff;
  }
  .div-link-comentinjet {
  text-align: center; /* mantém o botão centralizado horizontalmente */
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  }
  .coment-injetlinhasup{
  height: 14px;
  }
  .coment-injetlinhainf{
  margin-bottom: 220px;
  }
  .menupagedivsubtab{
  max-width: 270px;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  margin-bottom: 0px;
  border-spacing: 0px;
  border: none;
  }
  .menupagelinhasupcel{
  height: 10px;
  text-align: left;
  vertical-align: bottom;
  }
  .menupagelinhainfcel{
  height: 100px;
  text-align: center;
  vertical-align: top;
  }
  .menupagelinhasuphr{
  width: 90%;
  border: none; /* Remove a borda padrão */
  height: 1px; /* Define a altura da linha */
  background-color: rgba(128, 128, 128, 0.40); /* Define a cor da linha */
  }
  .menupagelinhainfhr{
  width: 90%;
  border: none; /* Remove a borda padrão */
  height: 1px; /* Define a altura da linha */
  background-color: rgba(128, 128, 128, 0.40); /* Define a cor da linha */
  }
  #btv0{
  display: none;
  }
  .menupagecel{
  vertical-align: middle;
  padding: 0px;
  border: none;
  height: 50px;
  text-align: left;
  }
  .menupagecel-grup{
  vertical-align: middle;
  padding: 0px;
  border: none;
  height: 35px;
  text-align: left;
  }
  .menupagetabsub{
  border-spacing: 0px;
  padding: 0px;
  width: 100%;
  border: none;
  }
  .menupagetabsubcel{
  vertical-align: middle;
  text-align: center;
  width:40px;
  border: none;
  }
  .menupagetabsubceltext{
  vertical-align: middle;
  text-align: left;
  }
  .menupageimg{
  height: 24px;
  border: 0px;
  }
  .menupageimg_login{
  height: 24px;
  border: 0px;
  display: none;
  }
  .menupagecelespace{
  height: 0px;
  }
  .menupagecelbt{
  background: transparent;
  border: none;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  outline: none;
  padding: 0px;
  width: 100%;
  max-width: 255px;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .menupagecelbt:hover {
  background: #d2eafc;
  border-radius: 9px;
  }
  }
  .menupagecelbt:active {
  background: #d2eafc;
  border-radius: 9px;
  }
  .menupagecelbttext{
  color: #2196f3;
  font-family: arial;
  font-size: 16px;
  margin-left: 15px;
  }
  .menupagecelbttext-grup{
  color: rgb(128, 128, 128);
  font-family: arial;
  font-size: 16px;
  font-weight: bold;
  margin-left: 5px;
  }
  .menupagecelbttextmini{
  color: #2196f3;
  font-family: arial;
  font-size: 11px;
  text-align: center;
  display: none;
  }
  .menupagecelbttextlogin{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTOS8_LJPnexMWxf_44hAN_DZbVy8C0IbpcfZLT8eOvkXHyw8MyG_99askBh1HmXGdSa9NB97hEEM0CiVJHiGqnqlGfgJ6YWrB_q216U6FbKB9JGawpH5yQrJqVdHWVwfCi_l36gHLOxKxabHwkrYyx5p91eHJhNkpMFvpl1CU1jkz4j436Fe6VCkDwDg/s1600/icons8-login-arredondado-%C3%A0-direita-50A.png');
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: right;
  display: inline-block;
  width: 70px;
  height: 35px;
  line-height: 35px;
  color: rgba(128, 128, 128);
  font-family: arial;
  font-size: 14px;
  text-align: left;
  margin-right: 10px;
  }
  
  
  
  .menupagedivsubtab_fix{
  max-width: 270px;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  margin-bottom: 0px;
  border-spacing: 0px;
  border: none;
  }
  .menupagelinhasupcel_fix{
  height: 10px;
  text-align: left;
  vertical-align: bottom;
  }
  .menupagelinhainfcel_fix{
  height: 100px;
  text-align: center;
  vertical-align: top;
  }
  .menupagelinhasuphr_fix{
  width: 90%;
  border: none; /* Remove a borda padrão */
  height: 1px; /* Define a altura da linha */
  background-color: rgba(128, 128, 128, 0.40); /* Define a cor da linha */
  }
  .menupagelinhainfhr_fix{
  width: 90%;
  border: none; /* Remove a borda padrão */
  height: 1px; /* Define a altura da linha */
  background-color: rgba(128, 128, 128, 0.40); /* Define a cor da linha */
  }
  #btv0{
  display: none;
  }
  .menupagecel_fix{
  vertical-align: middle;
  padding: 0px;
  border: none;
  height: 50px;
  text-align: left;
  }
  .menupagecel-grup_fix{
  vertical-align: middle;
  padding: 0px;
  border: none;
  height: 35px;
  text-align: left;
  }
  .menupagetabsub_fix{
  border-spacing: 0px;
  padding: 0px;
  width: 100%;
  border: none;
  }
  .menupagetabsubcel_fix{
  vertical-align: middle;
  text-align: center;
  width:40px;
  border: none;
  }
  .menupagetabsubceltext_fix{
  vertical-align: middle;
  text-align: left;
  }
  .menupageimg_fix{
  height: 24px;
  border: 0px;
  }
  .menupagecelespace_fix{
  
  }
  .menupagecelbt_fix{
  background: transparent;
  border: none;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  outline: none;
  padding: 0px;
  width: 100%;
  max-width: 255px;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .menupagecelbt_fix:hover {
  background: #d2eafc;
  border-radius: 9px;
  }
  }
  .menupagecelbt_fix:active {
  background: #d2eafc;
  border-radius: 9px;
  }
  .menupagecelbttext_fix{
  color: #2196f3;
  font-family: arial;
  font-size: 16px;
  margin-left: 15px;
  }
  .menupagecelbttext-grup_fix{
  color: rgb(128, 128, 128);
  font-family: arial;
  font-size: 16px;
  font-weight: bold;
  margin-left: 5px;
  }
  .menupagecelbttextmini_fix{
  color: #2196f3;
  font-family: arial;
  font-size: 11px;
  text-align: center;
  display: none;
  }
  
  
  
  .menufixodivfech-ops{
  background: rgba(128, 128, 128, 0.1);
  box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.7);
  border-top-left-radius: 21px;
  border-top-right-radius: 21px;
  width: 42px;
  margin-right: 4px;
  margin-left: auto;
  z-index: 1180;
  position: relative;
  }
  .menufixodivfech{
  background: transparent;
  bottom: 0px;
  width: 100%;
  right: 0px;
  position: fixed;
  z-index: 5300;
  left: 50%;
  transform: translateX(-50%);
  }
  .menufixodivfech_coment{
  bottom: 10px;
  width: 100%;
  right: 0px;
  position: fixed;
  z-index: 5300;
  }
  @media (min-width: 1040px) {
  .menufixodivfech_coment{
  max-width: 1030px;
  left: 50%;
  transform: translateX(-50%);
  margin: auto;
  z-index: 0;
  }
  }
  .menufixodivfechlivros{
  background: transparent;
  bottom: 0px;
  left: 0px;
  position: fixed;
  width: calc(100% - 6px);
  max-width: 442px;
  z-index: 5200;
  border-bottom-right-radius: 21px;
  border-top-right-radius: 21px;
  }
  .menufixodivfechpage{
  bottom: 0px;
  left: 0px;
  position: fixed;
  width: 100%;
  max-width: 315px;
  z-index: 5200;
  }
  .menufixodivfech-compart{
  background: transparent;
  bottom: 0px;
  right: 0px;
  position: fixed;
  width: 100%;
  max-width: 315px;
  z-index: 5200;
  }
  .menufixodivfech-player{
  background: #ededed;
  border: none;
  width: 100%;
  height: 45px;
  border-top: 1px solid rgb(224, 224, 224);
  }
  .menupagedivfechtab{
  width: 100%;
  }
  .menupagedivfechtab_coment{
  width: 100%;
  }
  .menucompartdivfechtab{
  width: 100%;
  }
  .menupagedivfechtabcel{
  background: transparent;
  text-align: center;
  }
  .menupagedivfechtabcel_coment{
  background: transparent;
  text-align: center;
  }
  .menupagefechbt{
  background: transparent;
  border: none;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  outline: none;
  padding: 0px;
  width: 100%;
  border-bottom-right-radius: 21px;
  border-top-right-radius: 21px;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .menupagefechbt:hover {
  background: #d2eafc;
  border-bottom-right-radius: 21px;
  border-top-right-radius: 21px;
  }
  }
  .menupagefechbt:active {
  background: #d2eafc;
  border-bottom-right-radius: 21px;
  border-top-right-radius: 21px;
  }
  
  .menupagefechbt_coment{
  background: transparent;
  border: none;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  outline: none;
  padding: 0px;
  width: 100%;
  border-radius: 22px;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .menupagefechbt_coment:hover {
  border-radius: 22px;
  }
  }
  .menupagefechbt_coment:active {
  background: #d2eafc;
  border-radius: 22px;
  }
  
  
  
  .menupagedivfechtab_fix{
  width: 100%;
  }
  .menupagedivfechtabcel_fix{
  background: transparent;
  text-align: center;
  }
  .menupagefechbt_fix{
  background: transparent;
  border: none;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  outline: none;
  padding: 0px;
  width: 100%;
  border-bottom-right-radius: 21px;
  border-top-right-radius: 21px;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .menupagefechbt_fix:hover {
  background: #d2eafc;
  border-bottom-right-radius: 21px;
  border-top-right-radius: 21px;
  }
  }
  .menupagefechbt_fix:active {
  background: #d2eafc;
  border-bottom-right-radius: 21px;
  border-top-right-radius: 21px;
  }
  
  
  
  .menucompartfechbt{
  background: transparent;
  border: none;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  outline: none;
  padding: 0px;
  width: 100%;
  border-bottom-left-radius: 21px;
  border-top-left-radius: 21px;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .menucompartfechbt:hover {
  background: #d2eafc;
  border-bottom-left-radius: 21px;
  border-top-left-radius: 21px;
  }
  }
  .menucompartfechbt:active {
  background: #d2eafc;
  border-bottom-left-radius: 21px;
  border-top-left-radius: 21px;
  }
  .menu-opsfechbt{
  background: transparent;
  border: none;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  outline: none;
  padding: 0px;
  width: 100%;
  border-top-left-radius: 21px;
  border-top-right-radius: 21px;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .menu-opsfechbt:hover {
  background: #d2eafc;
  border-radius: 4px;
  border-top-left-radius: 21px;
  border-top-right-radius: 21px;
  }
  }
  .menu-opsfechbt:active {
  background: #d2eafc;
  border-radius: 4px;
  border-top-left-radius: 21px;
  border-top-right-radius: 21px;
  }
  
  
  /*_____________________________________________________  menu fixo: livros */
  
  .menunovodivsub{
  background: #ffffff;
  left: 0px;
  position: absolute;
  height: calc(100vh - 48px);
  top: 0px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(128,128,128,0) transparent;
  width: calc(100% - 48px);
  max-width: 400px;
  z-index: 2;
  }
  .menunovodivsub:hover {
  overflow-y: auto !important;
  scrollbar-color: rgba(128,128,128,0.9) transparent;
  }
  .menunovodivsub::-webkit-scrollbar {
  width: 6px;
  }
  .menunovodivsub::-webkit-scrollbar-track {
  background: transparent;
  }
  .menunovodivsub::-webkit-scrollbar-thumb {
  background-color: rgba(128,128,128,0.7);
  border-radius: 3px;
  }
  .menunovodivsub::-webkit-scrollbar-thumb:hover {
  background-color: rgba(128,128,128,0.9);
  }
  .menunovodivsubtab{
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  margin-bottom: 0px;
  border-spacing: 0px;
  border: none;
  }
  .menunovolinhasupcel{
  height: 10px;
  text-align: left;
  vertical-align: bottom;
  }
  .menunovolinhainfcel{
  height: 100px;
  text-align: center;
  vertical-align: top;
  }
  .menunovolinhasuphr{
  width: 90%;
  border: none; /* Remove a borda padrão */
  height: 1px; /* Define a altura da linha */
  background-color: rgba(128, 128, 128, 0.40); /* Define a cor da linha */
  }
  .menunovolinhainfhr{
  width: 90%;
  border: none; /* Remove a borda padrão */
  height: 1px; /* Define a altura da linha */
  background-color: rgba(128, 128, 128, 0.40); /* Define a cor da linha */
  }
  .menunovocelnt{
  width: 50%;
  border: none;
  padding: 0px;
  text-align: Left;
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 10px;
  }
  .menunovocelat{
  width: 94%;
  border: none;
  padding: 0px;
  text-align: Left;
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 10px;
  }
  .menunovocelatdiv{
  border: none;
  padding: 0px;
  text-align: Left;
  }
  .menunovocelntdiv{
  border: none;
  padding: 0px;
  text-align: Left;
  }
  .menunovocelntdivtext{
  text-align: left;
  color: #333333;
  font-family: arial;
  font-size: 16px;
  }
  .menunovocel{
  border-radius: 9px;
  text-align: left;
  padding: 2px;
  }
  
  
  
  
  
  
  .modo-lista .menunovocel {
  display:block;
  }
  .modo-lista .menunovocelbttext,
  .modo-lista .menunovocelbttextnum,
  .modo-lista .menunovocelbttextsigl {
  display:block;
  }
  
  
  
  
  
  
  
  
  .modo-colunas {
  display: none;
  }
  .md-colunt {
  width: 100%;
  vertical-align: top;
  display: flex;
  }
  .md-colunb {
  width: 100%;
  vertical-align: top;
  display: flex;
  }
  .md-colunc {
  width: 98%;
  vertical-align: top;
  margin-left: 5px;
  }
  .modo-colunas .menunovocelat{
  width: 48%;
  }
  .modo-colunas .menunovocel {
  width:48%;
  display:inline-block;
  vertical-align:top;
  }
  .modo-colunas .menufixotabela {
  margin-left: 0px;
  width: 97%;
  }
  .modo-colunas .menunovocelatdiv{
  max-width: 100px;
  margin-right: 10px;
  margin-left: auto;
  text-align: right !important;
  }
  .modo-colunas .menunovocelntdiv{
  max-width: 100px;
  }
  .modo-colunas .menunovocelbttextceltext {
  text-align: right;
  padding-left: 0px !important;
  margin-right: 10px;
  }
  .modo-colunas .botprim_verm .menunovocelbttextceltext {
  text-align: left !important;
  padding-left: 0px !important;
  margin-left: 10px !important;
  }
  .modo-colunas .botprim_verde .menunovocelbttextceltext {
  text-align: left !important;
  padding-left: 0px !important;
  margin-left: 10px !important;
  }
  .modo-colunas .botprim_roxo .menunovocelbttextceltext {
  text-align: left !important;
  padding-left: 0px !important;
  margin-left: 10px !important;
  }
  .modo-colunas .botprim_amar_at .menunovocelbttextceltext {
  text-align: left !important;
  padding-left: 0px !important;
  margin-left: 10px !important;
  }
  .modo-colunas .menunovocelbttextceltext {
  white-space:nowrap;    
  text-overflow: ellipsis !important;
  overflow: hidden;
  width: 100%;
  }
  .modo-colunas .menunovocelbttext {
  display:block !important;
  font-size: 15px;
  line-height: 40px;
  }
  .modo-colunas .menunovocelbttextcelnum,
  .modo-colunas .menunovocelbttextcelsigl{
  width: auto !important;
  margin-right: 0px !important;
  }
  .modo-colunas .menunovocelbttextnum,
  .modo-colunas .menunovocelbttextsigl {
  display:none !important;
  }
  .modo-colunas .menunovoceltab.ativo {
  display: block !important;
  }
  .modo-colunas .menunovoceltab {
  padding: 0px !important;
  }
  .modo-colunas .menufixolinha {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: nowrap;
  }
  .modo-colunas .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png'), linear-gradient(to right, rgba(33, 150, 243, 0.2) 30%, rgba(33, 150, 243, 0) 95%);
  background-size: 10px, 100%;
  background-repeat: no-repeat;
  background-position: left center;
  }
  .modo-colunas .botprim_branco.color .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png');
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  border: 1px solid #2196f3;
  }
  .modo-colunas .botprim_azul.color .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png');
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  border: 1px solid #2196f3;
  }
  .modo-colunas .botprim_amar.color .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png');
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  border: 1px solid #2196f3;
  }
  .modo-colunas .botprim_laranja.color .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png');
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  border: 1px solid #2196f3;
  }
  .modo-colunas .botprim_rosa.color .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png');
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  border: 1px solid #2196f3;
  }
  .modo-colunas .botprim_verm .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB65wHH4Kq8WrsHHh836tptLRxiUMYIUTIM8fwSsRYaKIK4JvHcQogWCabOAgincl7z6wW_TZTa1L1fshVaN3N4_aA4EkBepymGG_wrUG6bRAtcQC2NIUKdZqi2s-oUh9JTuTWlyi1VXPDLB4EDCxl-WS4yuL0ICPub0jf8nqxOWPj2jQtiQPg4kUZ_OQ/s1600/icons8-ordenar-para-a-direita-50B1.png'), linear-gradient(to left, rgba(33, 150, 243, 0.2) 30%, rgba(33, 150, 243, 0) 95%);
  background-size: 10px, 100%;
  background-repeat: no-repeat;
  background-position: right center;
  }
  .modo-colunas .botprim_verm.color .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB65wHH4Kq8WrsHHh836tptLRxiUMYIUTIM8fwSsRYaKIK4JvHcQogWCabOAgincl7z6wW_TZTa1L1fshVaN3N4_aA4EkBepymGG_wrUG6bRAtcQC2NIUKdZqi2s-oUh9JTuTWlyi1VXPDLB4EDCxl-WS4yuL0ICPub0jf8nqxOWPj2jQtiQPg4kUZ_OQ/s1600/icons8-ordenar-para-a-direita-50B1.png');
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: right center;
  border: 1px solid #2196f3;
  }
  .modo-colunas .botprim_verde .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB65wHH4Kq8WrsHHh836tptLRxiUMYIUTIM8fwSsRYaKIK4JvHcQogWCabOAgincl7z6wW_TZTa1L1fshVaN3N4_aA4EkBepymGG_wrUG6bRAtcQC2NIUKdZqi2s-oUh9JTuTWlyi1VXPDLB4EDCxl-WS4yuL0ICPub0jf8nqxOWPj2jQtiQPg4kUZ_OQ/s1600/icons8-ordenar-para-a-direita-50B1.png'), linear-gradient(to left, rgba(33, 150, 243, 0.2) 30%, rgba(33, 150, 243, 0) 95%);
  background-size: 10px, 100%;
  background-repeat: no-repeat;
  background-position: right center;
  }
  .modo-colunas .botprim_verde.color .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB65wHH4Kq8WrsHHh836tptLRxiUMYIUTIM8fwSsRYaKIK4JvHcQogWCabOAgincl7z6wW_TZTa1L1fshVaN3N4_aA4EkBepymGG_wrUG6bRAtcQC2NIUKdZqi2s-oUh9JTuTWlyi1VXPDLB4EDCxl-WS4yuL0ICPub0jf8nqxOWPj2jQtiQPg4kUZ_OQ/s1600/icons8-ordenar-para-a-direita-50B1.png');
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: right center;
  border: 1px solid #2196f3;
  }
  .modo-colunas .botprim_roxo .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB65wHH4Kq8WrsHHh836tptLRxiUMYIUTIM8fwSsRYaKIK4JvHcQogWCabOAgincl7z6wW_TZTa1L1fshVaN3N4_aA4EkBepymGG_wrUG6bRAtcQC2NIUKdZqi2s-oUh9JTuTWlyi1VXPDLB4EDCxl-WS4yuL0ICPub0jf8nqxOWPj2jQtiQPg4kUZ_OQ/s1600/icons8-ordenar-para-a-direita-50B1.png'), linear-gradient(to left, rgba(33, 150, 243, 0.2) 30%, rgba(33, 150, 243, 0) 95%);
  background-size: 10px, 100%;
  background-repeat: no-repeat;
  background-position: right center;
  }
  .modo-colunas .botprim_roxo.color .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB65wHH4Kq8WrsHHh836tptLRxiUMYIUTIM8fwSsRYaKIK4JvHcQogWCabOAgincl7z6wW_TZTa1L1fshVaN3N4_aA4EkBepymGG_wrUG6bRAtcQC2NIUKdZqi2s-oUh9JTuTWlyi1VXPDLB4EDCxl-WS4yuL0ICPub0jf8nqxOWPj2jQtiQPg4kUZ_OQ/s1600/icons8-ordenar-para-a-direita-50B1.png');
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: right center;
  border: 1px solid #2196f3;
  }
  .modo-colunas .botprim_amar_at .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB65wHH4Kq8WrsHHh836tptLRxiUMYIUTIM8fwSsRYaKIK4JvHcQogWCabOAgincl7z6wW_TZTa1L1fshVaN3N4_aA4EkBepymGG_wrUG6bRAtcQC2NIUKdZqi2s-oUh9JTuTWlyi1VXPDLB4EDCxl-WS4yuL0ICPub0jf8nqxOWPj2jQtiQPg4kUZ_OQ/s1600/icons8-ordenar-para-a-direita-50B1.png'), linear-gradient(to left, rgba(33, 150, 243, 0.2) 30%, rgba(33, 150, 243, 0) 95%);
  background-size: 10px, 100%;
  background-repeat: no-repeat;
  background-position: right center;
  }
  .modo-colunas .botprim_amar_at.color .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB65wHH4Kq8WrsHHh836tptLRxiUMYIUTIM8fwSsRYaKIK4JvHcQogWCabOAgincl7z6wW_TZTa1L1fshVaN3N4_aA4EkBepymGG_wrUG6bRAtcQC2NIUKdZqi2s-oUh9JTuTWlyi1VXPDLB4EDCxl-WS4yuL0ICPub0jf8nqxOWPj2jQtiQPg4kUZ_OQ/s1600/icons8-ordenar-para-a-direita-50B1.png');
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: right center;
  border: 1px solid #2196f3;
  }
  .modo-colunas .botprim_verm .menunovoceltab.pgativo::before{
  left: auto !important;
  right: 4px !important;
  }
  .modo-colunas .botprim_verde .menunovoceltab.pgativo::before{
  left: auto !important;
  right: 4px !important;
  }
  .modo-colunas .botprim_roxo .menunovoceltab.pgativo::before{
  left: auto !important;
  right: 4px !important;
  }
  .modo-colunas .botprim_amar_at .menunovoceltab.pgativo::before{
  left: auto !important;
  right: 4px !important;
  }
  .modo-colunas .botprim_verm{
  /*background: linear-gradient(to right, rgba(33, 150, 243, 0.2) 30%, rgba(33, 150, 243, 0) 95%);
  box-shadow: inset 5px 0px 5px -3px rgba(33, 150, 243);*/
  background: linear-gradient(to right, rgba(128, 128, 128, 0.03) 30%, rgba(128, 128, 128, 0) 95%);
  border-left: 1px solid rgba(33, 150, 243, 0.7);
  border-right: none;
  }
  .modo-colunas .botprim_verm.color{
  background: linear-gradient(to right, rgba(255, 0, 0, 0.2) 30%, rgba(255, 0, 0, 0) 95%);
  }
  .modo-colunas .botprim_verde{
  /*background: linear-gradient(to right, rgba(33, 150, 243, 0.2) 30%, rgba(33, 150, 243, 0) 95%);
  box-shadow: inset 5px 0px 5px -3px rgba(33, 150, 243);*/
  background: linear-gradient(to right, rgba(128, 128, 128, 0.03) 30%, rgba(128, 128, 128, 0) 95%);
  border-left: 1px solid rgba(33, 150, 243, 0.7);
  border-right: none;
  }
  .modo-colunas .botprim_verde.color {
  background: linear-gradient(to right, rgba(50, 205, 50, 0.2) 30%, rgba(50, 205, 50, 0) 95%);
  }
  .modo-colunas .botprim_roxo{
  /*background: linear-gradient(to right, rgba(33, 150, 243, 0.2) 30%, rgba(33, 150, 243, 0) 95%);
  box-shadow: inset 5px 0px 5px -3px rgba(33, 150, 243);*/
  background: linear-gradient(to right, rgba(128, 128, 128, 0.03) 30%, rgba(128, 128, 128, 0) 95%);
  border-left: 1px solid rgba(33, 150, 243, 0.7);
  border-right: none;
  }
  .modo-colunas .botprim_roxo.color {
  background: linear-gradient(to right, rgba(138, 43, 226, 0.2) 30%, rgba(138, 43, 226, 0) 95%);
  }
  .modo-colunas .botprim_amar_at{
  /*background: linear-gradient(to right, rgba(33, 150, 243, 0.2) 30%, rgba(33, 150, 243, 0) 95%);
  box-shadow: inset 5px 0px 5px -3px rgba(33, 150, 243);*/
  background: linear-gradient(to right, rgba(128, 128, 128, 0.03) 30%, rgba(128, 128, 128, 0) 95%);
  border-left: 1px solid rgba(33, 150, 243, 0.7);
  border-right: none;
  }
  .modo-colunas .botprim_amar_at.color {
  background: linear-gradient(to right, rgba(255, 215, 0, 0.2) 30%, rgba(255, 215, 0, 0) 95%);
  }
  
  
  
  
  
  
  
  
  
  /* grade */
  
  
  .modo-grade {
  text-align: left !important;
  display: none;
  width: 98%;
  }
  .md-gradt {
  width: 100%;
  vertical-align: top;
  display: flex;
  }
  .md-gradb {
  width: 100%;
  vertical-align: top;
  display: flex;
  }
  .md-gradc {
  width: 100%;
  vertical-align: top;
  padding-left: 5px;
  }
  .modo-grade .menunovocel {
  width: 18%;
  display: inline-block !important; /* garante 5 por linha */
  padding-top: 8px;
  padding-left: 5px;
  padding-right: 0px;
  padding-bottom: 0px;
  }
  .modo-grade .menufixotabela {
  margin-left: 0px;
  width: 97%;
  }
  .modo-grade .menunovocelbttext,
  .modo-grade .menunovocelbttextnum {
  display: none !important;
  }
  .modo-grade .menunovocelbttextsigl {
  display: block !important;
  height: 45px;
  line-height: 45px;
  width: 100%  !important;
  box-shadow: none;
  }
  .modo-grade .menufixolinha {
  flex-wrap: nowrap !important;
  }
  .modo-grade .menunovocelbttextcelnum,
  .modo-grade .menunovocelbttextceltext {
  width: auto !important;
  padding-left: 0px;
  }
  .modo-grade .menunovocelespace {
  display: none !important;
  }
  .modo-grade .menunovoceltab {
  padding: 0px !important;
  }
  .modo-grade .menunovocelbttextcelsigl{
  margin-right: 0px !important;
  width: 100% !important;
  }
  .modo-grade .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png'), linear-gradient(to right, rgba(33, 150, 243, 0.2) 30%, rgba(33, 150, 243, 0) 95%);
  background-size: 10px, 100%;
  background-repeat: no-repeat;
  background-position: left center;
  .menunovocelbttextsigl{
  box-shadow: none;
  font-weight: bold;
  }
  }
  .modo-grade .botprim_branco.color .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png');
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  border: 1px solid #2196f3;
  }
  .modo-grade .botprim_azul.color .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png');
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  border: 1px solid #2196f3;
  }
  .modo-grade .botprim_amar.color .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png');
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  border: 1px solid #2196f3;
  }
  .modo-grade .botprim_laranja.color .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png');
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  border: 1px solid #2196f3;
  }
  .modo-grade .botprim_rosa.color .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png');
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  border: 1px solid #2196f3;
  }
  .modo-grade .botprim_verm.color .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png');
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  border: 1px solid #2196f3;
  }
  .modo-grade .botprim_verde.color .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png');
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  border: 1px solid #2196f3;
  }
  .modo-grade .botprim_roxo.color .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png');
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  border: 1px solid #2196f3;
  }
  .modo-grade .botprim_amar_at.color .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png');
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  border: 1px solid #2196f3;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .menufixolinha-intro {
  display: none;
  flex-direction: row;
  width: calc(100% - 2px);
  margin-top: 6px;
  box-shadow: 0px 0px 7px 0px rgba(128, 128, 128, 0.15);
  border-radius: 9px;
  margin-left: 2px;
  margin-bottom: 5px;
  }
  .menufixolinha-intro-ok {
  display: flex;
  flex-direction: row;
  width: calc(100% - 2px);
  margin-top: 6px;
  box-shadow: 0px 0px 2px 0px rgba(128, 128, 128, 0.15);
  border-radius: 9px;
  margin-left: 2px;
  margin-bottom: 5px;
  }
  .menufixolinha {
  display: flex;
  flex-direction: row;
  width: 100%;
  }
  .menufixotitcapcel {
  display: flex;
  margin-top: 5px;
  width: 60%;
  height: 40px;
  border-top-right-radius: 9px;
  }
  .menufixobtindcel {
  display: flex;
  margin-top: 5px;
  width: 40%;
  height: 40px;
  border-top-left-radius: 9px;
  }
  .menufixolinha-cap {
  background: linear-gradient(to bottom, rgba(128, 128, 128, 0.05) 1%, rgba(128, 128, 128, 0) 7%);
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
  padding-top: 5px;
  }
  .menunovoceltab{
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 2px;
  position: relative;
  border-radius: 9px;
  }
  .menunovocelespace{
  height: 0px;
  }
  .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png'), linear-gradient(to right, rgba(33, 150, 243, 0.2) 30%, rgba(33, 150, 243, 0) 95%);
  background-size: 10px, 100%;
  background-repeat: no-repeat;
  background-position: left center;
  border-radius: 9px;
  box-shadow: 0 1px 4px 1px rgba(128, 128, 128, 0.3);
  .menunovocelbttextceltext{
  font-weight: bold;
  }
  .menunovocelbttext{
  font-weight: bold;
  color: #2196f3 !important;
  }
  .menunovocelbttextsigl{
  color: #2196f3;
  }
  }
  .botprim_branco.color .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png');
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  border: 1px solid #2196f3;
  }
  .botprim_azul.color .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png');
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  border: 1px solid #2196f3;
  }
  .botprim_amar.color .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png');
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  border: 1px solid #2196f3;
  }
  .botprim_laranja.color .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png');
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  border: 1px solid #2196f3;
  }
  .botprim_rosa.color .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png');
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  border: 1px solid #2196f3;
  }
  .botprim_verm.color .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png');
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  border: 1px solid #2196f3;
  }
  .botprim_verde.color .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png');
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  border: 1px solid #2196f3;
  }
  .botprim_roxo.color .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png');
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  border: 1px solid #2196f3;
  }
  .botprim_amar_at.color .menunovoceltab.ativo{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png');
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  border: 1px solid #2196f3;
  }
  .menunovoceltab.pgativo::before{
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitsBY4HuKYM0I_kHsasEasyLFrlB4EaVUmZqqba_Ha0IPAJEZ-nQtl0gOni5b7npKtKqMId_DP77D-_AUp-S3nurT555GpbbxUZ6iyRgpnxc3DDOIGrV6Wod-mdAFaKZ8o-_9jloXYJO8id56zkujfd-OlKJI0Kdic1NFjeUmGE9BWULDZ91dRvqaeL6k/s1600/icons8-anexo-50A.png');
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center top;
  width: 25px;
  height: 30px;
  content: "";
  position: absolute;
  top: -5px; 
  left: -4px;
  }
  .menunovocelbttextcelnum{
  width: 25px;
  height: 35px;
  text-align: right;
  vertical-align: middle;
  display: inline-block;
  }
  .menunovocelbttextceltag{
  width: 30px;
  text-align: center;
  vertical-align: middle;
  padding-top: 4px;
  }
  .menunovocelbttextnum{
  color: rgba(128, 128, 128);
  font-family: arial;
  font-size: 12px;
  display: inline-block;
  line-height: 35px;
  }
  .menunovocelbttextcelsigl{
  width: 47px;
  text-align: center;
  background: transparent;
  padding: 0px;
  }
  .menunovocelbttextsigl{
  color: rgba(128, 128, 128);
  font-family: arial;
  font-size: 16px;
  display: inline-block;
  line-height: 35px;
  width: 45px;
  height: 35px;
  border-radius: 9px;
  box-shadow: inset 0 1px 2px 0 rgba(128, 128, 128, 0.2);
  }
  .menunovocelbttexttagev{
  background: rgba(200, 58, 58, 0.3);
  box-shadow:0 1px 2px 0 rgba(128, 128, 128, 0.3);
  display: inline-block;
  line-height: 30px;
  width: 7px;
  height: 17px;
  }
  .menunovocelbttexttagat{
  background: rgba(255, 191, 0, 0.3);
  box-shadow:0 1px 2px 0 rgba(128, 128, 128, 0.3);
  display: inline-block;
  line-height: 30px;
  width: 7px;
  height: 17px;
  }
  .menunovocelbttexttagpl{
  background: rgba(0, 155, 125, 0.3);
  box-shadow:0 1px 2px 0 rgba(128, 128, 128, 0.3);
  display: inline-block;
  line-height: 30px;
  width: 7px;
  height: 17px;
  }
  .menunovocelbttexttagct{
  background: rgba(204, 169, 221, 0.3);
  box-shadow:0 1px 2px 0 rgba(128, 128, 128, 0.3);
  display: inline-block;
  line-height: 30px;
  width: 7px;
  height: 17px;
  }
  .submenutab{
  padding: 0px;
  background: transparent;
  width: 100%;
  height: 100%;
  }
  .submenutext{
  text-align: center;
  vertical-align: middle;
  background: transparent;
  padding-right: 5px;
  }
  .submenudiv{
  width: 100%;
  height: 100%;
  display: inline-block;
  }
  .menunovocelbttextceltext{
  text-align: left;
  padding-left: 20px;
  flex-grow: 1;
  white-space: nowrap;
  text-overflow: ellipsis !important;
  overflow: hidden;
  }
  .menunovocelbttext{
  color: rgba(128, 128, 128);
  font-family: arial;
  font-size: 16px;
  display: inline-block;
  line-height: 35px;
  }
  .menunovodivfechtab{
  background: transparent;
  width: 100%;
  }
  .menunovodivfechtabcel{
  background: transparent;
  text-align: center;
  }
  .menunovofechbt{
  background: transparent;
  border: none;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  outline: none;
  padding: 0px;
  width: 100%;
  border-bottom-right-radius: 21px;
  border-top-right-radius: 21px;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .menunovofechbt:hover {
  background: #d2eafc;
  border-radius: 4px;
  border-bottom-right-radius: 21px;
  border-top-right-radius: 21px;
  }
  }
  .menunovofechbt:active {
  background: #d2eafc;
  border-radius: 4px;
  }
  
  /*_____________________________________________________  menu fixo: capitulos de livros */
  
  .menufixotabeladiv{
  
  }
  .menufixotabela{
  display: flex;
  flex-direction: column;
  width: 95%;
  /*box-shadow: 0px 0px 5px 1px rgba(128, 128, 128, 0.9);*/
  padding-top: 2px;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 6px;
  }
  .menu-liv-config{
  background: #ededed;
  border-radius: 0px;
  border-spacing: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 5px;
  position: fixed;
  width: calc(100% - 48px);
  max-width: 400px;
  left: 0px;
  z-index: 5201;
  border-top: 1px solid rgb(224, 224, 224);
  bottom: 0px;
  }
  .menufixotituloscel{
  height: 35px;
  text-align: left;
  padding-left: 4px;
  padding-right: 4px;
  }
  .menufixotitulos{
  text-align: left;
  color: #333333;
  font-family: arial;
  font-size: 16px;
  }
  .menufixobtintrocel{
  height: 35px;
  text-align: center;
  width:100%;
  }
  .menufixobtcapcel{
  height: 48px;
  text-align: center;
  flex: 0 0 20%;
  }
  /*
  .menufixobtcapcel.indice{
  height: 48px;
  text-align: center;
  flex: 0 0 20%;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEeRDpGuxwdRueAWZLUVpO5YHWDJX3FWZkgc4HyfGR1zWIpbzsnxwEzkf4buwvikycWKMGwIdxDgMpQRooIs8-HQ9yUUSq60CZT9t9Y-ecYuF5BtFy0-NsaVqYAoysCmdZcIXA4LIaPpUdTgcxwY338BImPUhi0WoYrvg-Ou396J4Ye119oBhyDjvHQcM/s1600/icons8-ordenar-para-a-direita-50E1.png');
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: top right;
  }
  */
  .menufixobtcapcelconfig{
  height: 40px;
  text-align: center;
  width:20%;
  }
  .menufixobtcapbot-int{
  background: transparent;
  border-radius: 9px;
  border: none;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  outline: none;
  padding: 0px;
  width: 100%;
  color: #2196f3;
  font-family: arial;
  font-size: 16px;
  display: inline-block;
  }
  .menufixobtcapbot-int.ativo{
  box-shadow: 0 1px 4px 1px rgba(60, 64, 67, 0.30);
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png');
  background-size: 8px, 100%;
  background-repeat: no-repeat;
  background-position: left center;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .menufixobtcapbot-int:hover {
  background: #d2eafc;
  }
  }
  .menufixobtcapbot-int:active {
  background: #d2eafc;
  }
  .menufixobtcapbot{
  background: transparent;
  border-radius: 9px;
  /*box-shadow: 0px 0px 7px 0px rgba(128, 128, 128, 0.1);*/
  border: none;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  outline: none;
  padding: 0px;
  width: 100%;
  color: #2196f3;
  font-family: arial;
  font-size: 16px;
  display: inline-block;
  line-height: 100%;
  }
  .menufixobtcapbot.ativo{
  box-shadow: 0 1px 4px 1px rgba(60, 64, 67, 0.30);
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png');
  background-size: 8px, 100%;
  background-repeat: no-repeat;
  background-position: left center;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .menufixobtcapbot:hover {
  background: #d2eafc;
  }
  }
  .menufixobtcapbot:active {
  background: #d2eafc;
  }
  .menufixobtcapbot-cap{
  background: rgba(128, 128, 128, 0.05);
  border-bottom: none;
  border-right: 1px solid rgba(128, 128, 128, 0.2);
  border-left: none;
  border-top: 1px solid rgba(128, 128, 128, 0.2);
  border-top-right-radius: 9px;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  outline: none;
  padding: 0px;
  width: 100%;
  color: #2196f3;
  font-family: arial;
  font-size: 16px;
  display: inline-block;
  text-shadow: 1px 0px 5px rgba(128, 128, 128, 0.3);
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .menufixobtcapbot-cap:hover {
  background: #d2eafc;
  }
  }
  .menufixobtcapbot-cap:active {
  background: #d2eafc;
  }
  .menufixobtcapbot-ind{
  background: transparent;
  border-bottom: 1px solid rgba(128, 128, 128, 0.2);
  border-right: none;
  border-left: none;
  border-top: none;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  outline: none;
  padding: 0px;
  width: 100%;
  color: #2196f3;
  font-family: arial;
  font-size: 16px;
  display: inline-block;
  }
  .menufixobtcapbot-ind.ativo{
  .menufixobtcapbot-cap{
  background: transparent;
  border-bottom: 1px solid rgba(128, 128, 128, 0.2);
  border-top: none;
  border-right: none;
  border-top-right-radius: 0px;
  }
  .menufixobtcapbot-ind{
  background: rgba(128, 128, 128, 0.05);
  border-bottom: none;
  border-top: 1px solid rgba(128, 128, 128, 0.2);
  border-left: 1px solid rgba(128, 128, 128, 0.2);
  border-top-left-radius: 9px;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo8BelYpByEKSs2uxy4qPqrH4ziP5QcW2tb8wznRP3xLygYd6m12dCzUtRpZWN_zhKn_vdXFIL8aSNYWGKPbUOv6dmMwT1Kcg07tGs4X8IA2AngRyYVYhp6NHp__T40XZjolYSCtiEzQgBBccYgSguI-2mzbB7bGhBxlga6e_-OKxfrMTUSxZNG6yyjvs/s1600/icons8-arrow-50-8.png);
  background-size: 28px;
  background-repeat: no-repeat;
  background-position: bottom right;
  text-shadow: 1px 0px 5px rgba(128, 128, 128, 0.3);
  }
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .menufixobtcapbot-ind:hover {
  background: #d2eafc;
  border-top-left-radius: 9px;
  }
  }
  .menufixobtcapbot-ind:active {
  background: #d2eafc;
  }
  .menufixobtcapbotmn{
  background: transparent;
  border-radius: 0px;
  border: none;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  outline: none;
  padding: 0px;
  width: 100%;
  color: #2196f3;
  font-family: arial;
  font-size: 16px;
  }
  .menufixobtcapbotmn.ativo{
  background: linear-gradient(to bottom, rgba(33, 150, 243, 0.2) 30%, rgba(33, 150, 243, 0) 95%); !important;
  border-radius: 9px;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .menufixobtcapbotmn:hover {
  background: #d2eafc;
  border-radius: 9px;
  }
  }
  .menufixobtcapbotmn:active {
  background: #d2eafc;
  border-radius: 9px;
  }
  .menufixobtcapbotico{
  width: 50px;
  height: 35px;
  line-height: 35px;
  padding-left: 22px;
  margin: auto;
  display: inline-block;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghNFXJsXLWr-AYiE3AulihW-f29rnrdaiV-HxarjthMT4K9upLxdI50_vGkjQuDgMgzIGPuAf-ZSLGUQI8SbUsOf0McprPYGxsRf41Pt8W3KDiLz_JaDy5yUAElqsNDXTmxmv3iYdlRjxydnucfg79gfIuUTp5m7_uLT6yp82f0Mg3G8xpPNaQlPwfjvo/s1600/icons8-vis%C3%A3o-da-p%C3%A1gina-4-501.png');
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: left;
  }
  .menufixobtcapboticoint{
  width: 100%;
  height: 35px;
  line-height: 35px;
  margin: auto;
  display: inline-block;
  /*
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy62M0W4i565LVmVL-uCzQmjHXUMsfN9FH1NScOHTxfN0A_gawx2m6I0XqjzKj-idLLTH575bdMBSFXZYYKKS7-MRPVxoYcdyMnmOxIhyphenhyphen7X4JN3IReI8mxoCztuF9YRXMxlQV4-MdPd2ttntCVUxZKXp8c3YvqWyFaotP2WAAmvyZLD1GTvHB-u2p1cGU/s1600/icons8-placa-de-sinaliza%C3%A7%C3%A3o-50A.png');
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: left;
  */
  }
  .menufixobtcapboticolist{
  width: 45px;
  height: 25px;
  line-height: 35px;
  padding-top: 9px;
  display: inline-block;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZbFyr3SUR6CUplebvqHkCz60-qBWxVFcGYIhHk88zl7s932zxMLhb6eKj04Ma2u08f4OoT9pQHpHPBUbFYmAiJOEnC00c4FWyT9vdcCO4afMqirEXXezmWchJMk90fOd91rWCdK4Vk0P2DQOaBvE55Ze1vxTVAARtNx9qmhZ2z2ZD6zyLexp592YF32c/s1600/icons8-%C3%ADndice-50L1.png');
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: top;
  font-size: 12px;
  }
  .menufixobtcapboticocol{
  width: 45px;
  height: 25px;
  line-height: 35px;
  padding-top: 9px;
  display: inline-block;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGOr5ft6uK-mlW4wvf3WqbSA7moyjOZJrC5_27zP9uRigbmi3_3Y8ewrA3bXyrLV46JPNNXg2-TcsuWrGbyNK4_RUc0CMWMr8UWKZoY9NeEDzsqYerjdOgjt30WUdYjwTl7Peb1ChNehn3_oJkAH-0yUoc7wtA0ZYpPyU0yRRfcPLYn94noaYn50AboCs/s1600/icons8-%C3%ADndice-50C1.png');
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: top;
  font-size: 12px;
  }
  .menufixobtcapboticograd{
  width: 45px;
  height: 25px;
  line-height: 35px;
  padding-top: 9px;
  display: inline-block;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2uNhxcaJqQyFINgE0FgmMmSaSMdnX9jF3PqQXg73Ki2Bzevp1GiuRcCFOBHHVMSpA-sQlDNESDxiw_BMTj0TB1VWA1H5UNctyaLF9oCHk-IkXfPCFllnaWGBda4ZDqXPan8AWAhTevq9qgtCgwnMW_LTagJGfx-rUq2rKvmGte7ifSDV1KXrIQu6fHWs/s1600/icons8-grid-50G1.png');
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: top;
  font-size: 12px;
  }
  .menufixobtcapboticotem{
  width: 45px;
  height: 25px;
  line-height: 35px;
  padding-top: 9px;
  display: inline-block;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWnX4NYxF0qQUuheKh2FNphdTd_Xx2x2MKTyesgrgHQ1Y2F5o_7Fp3mwOhkq7bv53oq0bDQR5On9v2_UKOE8DgkJaJbuJfZJUxnRb1wcgw0x8jwHKsp5pO6xJSNqKNpuS3tkOcO-VGQBY3GPHnKm-iZEYMEyBDvGyQRjlDJy7SP6Pjv90krhSS1CT1JJ8/s1600/icons8-config-50A.png');
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: top;
  font-size: 12px;
  }
  .menufixobtcapboticoclass{
  width: 45px;
  height: 25px;
  line-height: 35px;
  padding-top: 9px;
  display: inline-block;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvX3qyZPmJu561osE9qmohziVM7_8m6WFTSP9akpUwroHSGxtVm-IoMaXpl5-_tZ31ReAUAlXAKD7sxcA6J6H7euwcqosXYK-d-RQGEo1CimGMiOKEzyYXp9nkC-AWfAs8LqIO3jso9Ai5XGCfH0qRAlWRUh5KfwxN_hPvJLBxJWb2a6Zgpwuk_vhfG4I/s1600/icons8-ampulheta-50A.png');
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: top;
  font-size: 12px;
  }
  
  /* Botão Color com mini switch */
  #bot-menu_livr-color {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #2196f3;
    font-family: arial;
    font-size: 12px;
    height: 100%;
    width: 100%;
    border: none;
    background: transparent;
    border-radius: 0px;
    cursor: pointer;
    transition: background 0.2s ease;
  }
  
  #bot-menu_livr-color .switch-slider-mini {
    width: 28px;
    height: 16px;
    background-color: rgb(128, 128, 128);
    border-radius: 16px;
    position: relative;
    transition: background-color 0.3s ease;
    margin-bottom: 3px;
  }
  
  #bot-menu_livr-color .switch-slider-mini::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    left: 2px;
    top: 2px;
    background-color: #ffffff;
    border-radius: 50%;
    transition: transform 0.3s ease;
  box-shadow: inset 0 4px 8px 0 rgba(128, 128, 128, 0.5);
  }
  
  /* Estado ativo */
  #bot-menu_livr-color.ativo .switch-slider-mini {
    background-color: #2196f3;
  }
  
  #bot-menu_livr-color.ativo .switch-slider-mini::before {
    transform: translateX(12px);
  }
  
  /* Hover apenas em desktop */
  @media (hover: hover) and (pointer: fine) {
    #bot-menu_livr-color:hover {
      background: #d2eafc;
  border-radius: 9px;
    }
  }
  
  
  /*_____________________________________________________  div audio */
  
  /* Container do vídeo - cobre a tela inteira */
  #container-div-exibe-video {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 5200;
  
    justify-content: center;
    align-items: center;
  }
  
  .container-div-exibe-video-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.9);
    justify-content: center;
    align-items: center;
  }
  
  #div-exibe-video {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    max-height: 100%;
  }
  
  #bot-fch-video-div.bot-fch-video {
    position: fixed;
    right: 5px;
    bottom: 10px;
    z-index: 5300;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 9px;
  }
  
  .bot-fch-video-img {
  width: 20px;
  height: 20px;
  display: block;
  color: #2196f3;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  line-height: 20px;
  border-radius: 22px;
  border: 1px solid #2196f3;
  }
  
  
  
  
  
  .div-audio{
  background: #ffffff;
  border-top: none;
  min-height: 55px;
  width: 100%;
  max-width: 912px;
  bottom: 0px; 
  left: 50%; /* centraliza horizontalmente */
  transform: translateX(-50%); /* corrige o deslocamento para centralizar */
  position: fixed;
  z-index: 3202;
  }
  .div-audioalto{
  bottom: 0px;
  }
  .div-audiobaixo{
  bottom: -1px;
  }
  .div-audio-limite {
  width: 97%;
  margin: auto;
  padding: 4px;
  background: transparent;
  }
  .div-audio-bord{
  width: 100%;
  margin: auto;
  background: transparent;
  } 
  .div-audio-bordcel{
  vertical-align: top;
  }
  
  
  
  /* Estilo base do player */
  /* Máscara personalizada */
  
  .custom-audio-player {
    width: 100%;
    height: 45px;
    margin: auto;
    background: #ededed;
    border-radius: 25px;
    box-shadow: 0px 1px 3px rgba(128, 128, 128, 0.9);
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 2px 7px;
    box-sizing: border-box;
  }
  
  .custom-audio-player button {
    border-radius: 50%;
    background-color: transparent;
    color: #2196f3; /* Ícone som azul quando ativo */
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 33px;
    height: 33px;
  }
  
  .custom-audio-player svg {
    width: 24px;
    height: 24px;
  }
  
  /* Estilo para o botão mute quando ativo (mudo) */
  .custom-audio-player button.mute-btn.muted {
    color: rgb(128, 128, 128); /* Ícone cinza quando mudo */
    position: relative;
  }
  
  .custom-audio-player button.mute-btn img {
    width: 20px;
    height: 20px;
    display: block;
  }
  
  /* Barra diagonal cruzada no botão mudo, estilo YouTube */
  .custom-audio-player button.mute-btn.muted::after {
    content: "";
    position: absolute;
    top: 18px;
    left: 0px;
    width: 28px;
    height: 1.5px;
    background-color: red;
    transform: rotate(45deg);
    pointer-events: none;
    border-radius: 1px;
  }
  
  
  /* Mantém o botão play/pause com cor azul e sombra conforme original */
  .custom-audio-player button.play-pause-btn {
    color: #2196f3;
    background-color: rgba(128, 128, 128, 0.1);
    box-shadow: 0px 1px 3px #2196f3;
  }
  
  .time-display {
    font-size: 12px;
    color: #1f1f1f;
    user-select: none;
    font-family: arial;
    white-space: nowrap;
    min-width: 70px;
    text-align: center;
    position: relative;
    top: 1px; /* Ajuste vertical */
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  
  
  /* Barra de progresso */
  .progress-container {
    flex: 1;
    height: 4px;
    background: #ccc;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    margin-left: 8px;
  }
  
  
  /* Barra azul que indica progresso */
  .progress-bar {
    height: 100%;
    background: #2196f3;
    width: 0%;
    border-radius: 3px;
    position: relative;
  }
  
  /* Bolinha azul na barra de progresso */
  .progress-bar::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
    width: 12px;
    height: 12px;
    background: #2196f3;
    border-radius: 50%;
    pointer-events: none;
    z-index: 2;
  }
  
  
  
  /*_____________________________________________________  menu fixo: opções */
  
  .tabelaopsbt_menus{
  background: rgba(128, 128, 128, 0.09); 
  border-radius: 9px;
  box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
  height: 44px;
  width: 150px;
  text-align: center;
  border: none;
  cursor: pointer;
  margin: 0px;
  outline: none;
  padding: 0px;
  color: #2196f3;
  font-family: arial;
  font-size: 16px;
  font-weight: bold;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .tabelaopsbt_menus:hover {
  background: #d2eafc;
  color: #2196f3;
  }
  }
  .tabelaopsbt_menus:active {
  background: #d2eafc;
  border-radius: 9px;
  }
  .tabelaopsbt_menus.ativo {
  pointer-events: none;
  cursor: default;
  box-shadow: inset 0px 0px 3px 0px #2196f3;
  border: 1px solid #2196f3;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png);
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: left center;
  }
  #tab-menus_mob {
  display: block;
  }
  #tab-menus_rl_mob {
  display: block;
  }
  #tab-menus_desk {
  display: none;
  }
  #tab-menus_rl_desk {
  display: none;
  }
  @media (pointer: fine) and (hover: hover) {
  #tab-menus_mob {
  display: none;
  }
  #tab-menus_rl_mob {
  display: none;
  }
  #tab-menus_desk {
  display: block;
  }
  #tab-menus_rl_desk {
  display: block;
  }
  }
  
  
  
  /* Container do Dropdown */
  .custom-dropdown {
    position: relative;
    width: 140px; /* Ajuste conforme seu layout */
    background: rgba(128, 128, 128, 0.1);
    border: 1px solid rgba(128, 128, 128, 0.3);
    border-radius: 9px;
    cursor: pointer;
    margin: 0px;
    text-align: left;
    user-select: none;
  }
  
  /* Cabeçalho da caixa */
  .dd-header {
    padding: 5px 10px;
    display: flex;
    flex-direction: column;
  }
  
  .dd-label {
    font-size: 12px;
    color: #808080;
    text-transform: uppercase;
    margin-bottom: 2px;
  font-weight: bold;
  }
  
  .dd-selected {
    font-size: 18px;
    color: #2196f3;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .dd-arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #2196f3;
  }
  
  /* Lista de Opções (Escondida por padrão) */
  .dd-list {
    position: absolute;
  top: 0px;
  transform: translateY(-50%);
    left: -5px;
    width: 150px;
    background: #ededed;
    border-radius: 9px;
  box-shadow: 0px 1px 3px rgba(128, 128, 128, 0.9);
    margin-bottom: 0px;
    padding: 0;
    list-style: none;
    display: none;
    z-index: 10000;
  }
  
  .dd-list.open {
    display: block;
  }
  
  .dd-list li {
    padding-top: 15px;
    padding-bottom: 15px;
  text-align: center;
    font-size: 20px;
    color: #2196f3;
  box-shadow: 0px 1px 3px rgba(128, 128, 128, 0.9);
    border-radius: 9px;
  font-weight: bold;
  }
  
  .dd-list li:hover {
    background: #d2eafc;
    color: #2196f3;
    border-radius: 9px;
  }
  
  .dd-list li:last-child {
    border-bottom: none;
  }
  
  .dd-list.show { 
  display: block; 
  }
  
  
  
  
  
  .tabelaopsdiv{
  background: transparent;
  bottom: 0px; 
  right: 0px;
  position: fixed;
  width: 100%;
  height: 240px;
  z-index: 5202;
  }
  .menufixodiv_bg{
  background: transparent;
  bottom: 0px; 
  right: 0px;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0px;
  }
  .textcoment_bg{
  bottom: 0px;
  right: 0px;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0px;
  }
  .tabelaops_bg{
  background: transparent;
  bottom: 0px; 
  right: 0px;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0px;
  }
  .tabelaopslimite {
  width: 100%;
  bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  background: #ffffff;
  box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
  vertical-align: top;
  padding: 0px;
  text-align: center;
  position: absolute;
z-index: 1200;
  }
  
  
  
  /* Estilo base para a div de rolagem */
  .rola-x-ops {
    overflow-x: auto;
    white-space: nowrap;
    display: block;
    max-width: 100%;
    padding: 0px;
    box-sizing: border-box;
  }
  /* Alinha à esquerda e permite rolagem no mobile */
  @media (max-width: 800px) {
  .rola-x-ops {
  display: block;
  text-align: left;
  }
  }
  
  
  /* Estilização da barra de rolagem SOMENTE em telas grandes (desktop) */
  @media (hover: hover) and (pointer: fine) {
    .rola-x-ops::-webkit-scrollbar {
      height: 25px;
      background: transparent;
  
    }
  
    .rola-x-ops::-webkit-scrollbar-thumb {
      background: transparent; /* você pode ajustar a cor aqui se quiser mais contraste */
      border-radius: 9px;
      box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
    }
  
    /* Botão da esquerda (scroll para trás / seta para a esquerda) */
  .rola-x-ops::-webkit-scrollbar-button:single-button:horizontal:decrement {
    width: 35px;
    height: 25px;
    background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqLmHVsoFgDUa7_CEza9FUVUDmDnZBeEK95AZgU_LRSoVJbg_HUdftfx2hQB7BHdNIqWLGRPnBvzff_JyVNrDK5ZeasdO5naNWko7VjDnLfwicQ9LqmjfxYqjPO2SYNTUGHhHjCcNAOQLw_HrXO87j7qv174Q3tcJiLbF1zWGwt5LDL0t_r0wipz2lKCE/s1600/icons8-arrow-50-4.png');
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
    cursor: pointer;
  }
  
  /* Botão da direita (scroll para frente / seta para a direita) */
  .rola-x-ops::-webkit-scrollbar-button:single-button:horizontal:increment {
    width: 35px;
    height: 25px;
    background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDk9c9rf5znovhiSHzWMRGV-qjpSatb24ip9G0UdZn1J103n6vM5hKdzllt_SSz0Sg-cWTOMag02wK7jh8jIxL5tg5VOLZbVMmTvhfahuP8l-P6o5uf0AxUjX_S7s7gAwwtWVBtbITptqquh10sJL5mlKhG-0cv_URVHloqR2G8vXcvDzgEOsg7VSbDLk/s1600/icons8-arrow-50-3.png');
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
    cursor: pointer;
  }
  
    .rola-x-ops::-webkit-scrollbar-track {
      background: transparent;
    }
  }
  
  /* Setas laterais de rolagem */
  .seta-scroll {
    position: absolute;
    bottom: 0;
    width: 35px;
    height: 25px;
    background: transparent;
    font-size: 20px;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
    user-select: none;
    box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
    z-index: 10;
  }
  
  /* Esquerda */
  .seta-esquerda {
    left: 0;
  }
  
  /* Direita */
  .seta-direita {
    right: 0;
  }
  
  /* Esconder no mobile */
  @media (max-width: 800px) {
    .seta-scroll {
      display: none;
    }
  }
  
  
  
  
  
  
  
  .indicador-scroll-mobile {
  display: none;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  color: rgb(128, 128, 128);
  padding: 0px;
  width: 100%;
  }
  .indicador-scroll-mobile .table-scroll {
  width: 100%;
  height: 30px;
  vertical-align: middle;
  }
  .indicador-scroll-mobile .tablecelleft-scroll {
  text-align: right;
  }
  .indicador-scroll-mobile .tablecelcenter-scroll {
  width: 200px;
  text-align: center;
  }
  .indicador-scroll-mobile .tablecelright-scroll {
  text-align: left;
  }
  .indicador-scroll-mobile .setacel-scroll {
  font-size: 15px;
  }
  @media (max-width: 800px) {
  .indicador-scroll-mobile {
  display: block;
  }
  }
  
  
  
  
  
  .rola-x-ops.arrastando {
    user-select: none;      /* evita seleção de texto */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: grabbing !important;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  .tabelaopsbord{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background: transparent;
  
  }                 
  .tabelaopsbordcel{
  vertical-align: top;
  }
  .tabelaops{
  margin-left: auto;
  margin-right: auto;
  background: transparent;
  }
  
  
  
  /* Estilo do seletor de fontes igual aos botões */
  
  
  
  #fontesdiv {
  
    vertical-align: middle;
    /* Removido display:inline-block pois a tabela controla a exibição */
  }
  
  #seletorFonte.tabelaopsbtmodos {
  height: 70px;
    padding: 0;
    font-size: 18px;
    border: none;
    border-radius: 9px;
    background: transparent;
    color: #2196f3;
    cursor: pointer;
    transition: border-color 0.2s, background-color 0.2s;
  box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
  }
  
  #seletorFonte.tabelaopsbtmodos:hover {
    color: #2196f3;
    background: #d2eafc;
  }
  
  
  
  
  .tabelaopscelmenus{
  padding: 0px;
  }
  .tabelaopscelmenus-left{
  width: 14px;
  }
  .tabelaopscelmenus-div-center{
  padding-right: 14px;
  }
  .tabelaopscelmenus-right{
  width: 14px;
  }
  
  .tabelaopsfontcelbtpadr{
  width: 70px;
  height: 70px;
  vertical-align: middle;
  text-align: center;
  }
  .tabelaopsfontcelbt{
  width: 70px;
  height: 70px;
  vertical-align: middle;
  text-align: center;
  padding:0px;
  }
  .tabelaopsfontbtrtext{
  width: 70px;
  height: 70px;
  display: flex;
  }
  .contador-font-span{
  width: 70px;
  height: 70px;
  display: inline-flex;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0dHQrjT1-kYfaiSTvS0fLq84CniESB1kdCZ3tRCPxS2yysvbclKpZWMD2rxNbF6-033RmMueGK9LeMhjLW0BUMl4lM15LeE_kV2m1r5JRIeqfqCgCSB2a2mQNROsd1zllnVjm6l-T68iz3M8ko_LnQohFPAWOJ_DrAQGbnjRKylPTtTXy30Isq1vG7Vg/s1600/icons8-reiniciar-50B.png');
  background-size: 58px;
  background-repeat: no-repeat;
  background-position: center;
  align-items: center;
  justify-content: center;
  }
  .tabelaopsfont{
  background: #ededed;
  padding: 2px;
  border-radius: 9px;
  box-shadow: 0px 1px 3px rgba(128, 128, 128, 0.9);
  }
  .tabelaopsfontbt-none {
  background-size: 0px !important;
  color: rgba(128, 128, 128) !important;
  pointer-events: none;
  cursor: default;
  }
  .tabelaopsfontbta{
  background: rgba(128, 128, 128, 0.09);
  border-radius: 9px;
  box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
  height: 70px;
  text-align: center;
  border: none;
  cursor: pointer;
  margin: 0px;
  outline: none;
  padding: 0px;
  color: #2196f3;
  font-family: times;
  font-size: 20px;
  font-weight: bold;
  width: 70px;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .tabelaopsfontbta:hover {
  background: #d2eafc;
  }
  }
  .tabelaopsfontbta:active {
  background: #d2eafc;
  }
  .tabelaopstela_teatro{
  background: rgba(128, 128, 128, 0.09);
  border-radius: 9px;
  box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
  height: 70px;
  text-align: center;
  border: none;
  cursor: pointer;
  margin: 0px;
  outline: none;
  padding: 0px;
  color: #2196f3;
  font-family: times;
  font-size: 20px;
  width: 70px;
  display: none;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .tabelaopstela_teatro:hover {
  background: #d2eafc;
  }
  }
  .tabelaopstela_teatro:active {
  background: #d2eafc;
  }
  .tabelaopstela{
  background: rgba(128, 128, 128, 0.09);
  border-radius: 9px;
  box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
  height: 70px;
  text-align: center;
  border: none;
  cursor: pointer;
  margin: 0px;
  outline: none;
  padding: 0px;
  color: #2196f3;
  font-family: times;
  font-size: 20px;
  width: 70px;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .tabelaopstela:hover {
  background: #d2eafc;
  }
  }
  .tabelaopstela:active {
  background: #d2eafc;
  }
  .tabelaopstela.ativo {
  cursor: pointer;
  .tabelaopstelatext_cheia{
  display: none !important;
  }
  .tabelaopstelatext_cheia_sai{
  display: inline-block !important;
  }
  }
  .tabelaopsfontbtasgl{
  font-size: 38px;
  }
  .tabelaopstelatext_padrao{
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 105px;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDrDWlxM_ZfAeXdSt3AHuFEhoddIKk7KiaClSm_WAASe6GLlJHP1p0tCLYi0lhzX5elujlZ4fN2lo2fST7tXIjjvpNHMVpF9TpsnekjyKf7MjdZjl1eemffKfdoOLOmOe92vjx9WdK8EPrFiFIaeP6uQx-3ENV96SK-5A-iS7djXauKvzVUBtqOT-9iB8/s1600/icons8-tela-cheia-50B.png);
  background-size: 38px !important;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 14px;
  }
  .tabelaopstelatext_cheia{
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 105px;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAEI_JfwSNtqfRvS_npeYd0ckNjl3uuoWMsamAh-TLvq43cO0Pjw87wKy9yVDpNuP9GhUA2xKZ1lpCszQHrATGH5zDUW1qlf8_qf5kfTesZDQgu-Zqh1Ri1j2nJBm0QxvxbrmJfXFKEjTK3flJvD1vmiTwmKdfhX_XV_OkwV4mpa1jEqqPsvckMMlfsqg/s1600/icons8-tela-cheia-50A.png);
  background-size: 38px !important;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 14px;
  }
  .tabelaopstelatext_cheia_sai{
  display: none;
  width: 45px;
  height: 45px;
  line-height: 105px;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDrDWlxM_ZfAeXdSt3AHuFEhoddIKk7KiaClSm_WAASe6GLlJHP1p0tCLYi0lhzX5elujlZ4fN2lo2fST7tXIjjvpNHMVpF9TpsnekjyKf7MjdZjl1eemffKfdoOLOmOe92vjx9WdK8EPrFiFIaeP6uQx-3ENV96SK-5A-iS7djXauKvzVUBtqOT-9iB8/s1600/icons8-tela-cheia-50B.png);
  background-size: 38px !important;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 14px;
  }
  .tabelaopstelatext_teatro{
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 105px;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGC1cU2RaNpZvnu0lixf1R5VJY7sb0hzhmheGMZzuFmsSH8u0ZGp1L6YVma6hcJlRy6Lch7jUGwHgkHaQVbVAXfvgVS5VriWfllNyfkwXPB9Vom9Ij3Mo-uvHyisOdF7sPjD_m5AKwxQBJfmV3Asp4xfuXk8Vw7DfhWZSAe4HR9yD9NRKUSGCMej4XD1s/s1600/icons8-tela-cheia-50C.png);
  background-size: 38px !important;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 14px;
  }
  .tabelaopslinhabtasgl{
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-top: 2px solid #2196f3;
  border-bottom: 2px solid #2196f3;
  font-size: 32px;
  color: #2196f3;
  }
  .tabelaopslinhabtasgl-none{
  border-top: 2px solid rgb(128, 128, 128) !important;
  border-bottom: 2px solid rgb(128, 128, 128) !important;
  color: rgb(128, 128, 128) !important;
  }
  .tabelaopslinhabtdsgl{
  display: inline-block;
  width: 45px;
  height: 20px;
  border-top: 2px solid #2196f3;
  border-bottom: 2px solid #2196f3;
  padding-bottom: 5px;
  padding-top: 0px;
  line-height: 20px;
  font-size: 32px;
  color: #2196f3;
  }
  .tabelaopslinhabtdsgl-none{
  border-top: 2px solid rgb(128, 128, 128) !important;
  border-bottom: 2px solid rgb(128, 128, 128) !important;
  color: rgb(128, 128, 128) !important;
  }
  .tabelaopsmargembtasgl{
  display: inline-block;
  width: 25px;
  height: 45px;
  line-height: 45px;
  border-left: 2px solid #2196f3;
  border-right: 2px solid #2196f3;
  font-size: 32px;
  color: #2196f3;
  }
  .tabelaopsmargembtasgl-none{
  border-left: 2px solid rgba(128, 128, 128) !important;
  border-right: 2px solid rgba(128, 128, 128) !important;
  color: rgba(128, 128, 128) !important;
  }
  
  .tabelaopsmargembtdsgl{
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  padding-bottom: 5px;
  border-left: 2px solid #2196f3;
  border-right: 2px solid #2196f3;
  font-size: 32px;
  color: #2196f3;
  }
  .tabelaopsmargembtdsgl-none{
  border-left: 2px solid rgb(128, 128, 128) !important;
  border-right: 2px solid rgb(128, 128, 128) !important;
  color: rgb(128, 128, 128) !important;
  }
  
  .tabelaopslinhabtvazio{
  font-size: 2px;
  color: #000
  }
  
  .tabelaopsalingtext{
  display: inline-block;
  width: 55px;
  line-height: 1em;
  text-align: center;
  
  }
  .tabelaopsalingtextln{
  display: inline-block;
  width: 55px;
  text-align: center;
  line-height: 1em;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  }
  .tabelaopsalingtexte{
  display: inline-block;
  width: 55px;
  line-height: 1em;
  text-align: left;
  
  }
  .tabelaopsalingtextlne{
  display: inline-block;
  width: 55px;
  text-align: left;
  line-height: 1em;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  }
  
  
  
  .tabelaopsfontbtd{
  background: rgba(128, 128, 128, 0.09);
  border-radius: 9px;
  box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
  height: 70px;
  text-align: center;
  border: none;
  cursor: pointer;
  margin: 0px;
  outline: none;
  padding: 0px;
  color: #2196f3;
  font-family: times;
  font-size: 16px;
  font-weight: bold;
  width: 70px;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .tabelaopsfontbtd:hover {
  background: #d2eafc;
  }
  }
  .tabelaopsfontbtd:active {
  background: #d2eafc;
  }
  .tabelaopslinhabta-none{
  pointer-events: none;
  cursor: default;
  }
  .tabelaopslinhabta{
  background: rgba(128, 128, 128, 0.09);
  border-radius: 9px;
  box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
  height: 70px;
  text-align: center;
  vertical-align: middle;
  border: none;
  cursor: pointer;
  margin: 0px;
  outline: none;
  padding: 0px;
  font-family: times;
  font-size: 16px;
  font-weight: bold;
  width: 70px;
  }
  @media (hover: hover) and (pointer: fine) {
  .tabelaopslinhabta:hover {
  background: #d2eafc;
  }
  }
  .tabelaopslinhabta:active {
  background: #d2eafc;
  }
  .tabelaopslinhabtatab{
  width: 55px;
  height: 55px;
  margin: auto;
  border: 1px solid #000;
  }
  .tabelaopslinhabtatabsup{
  height: 20px;
  border-bottom: 1px solid #2196f3;
  }
  .tabelaopslinhabtatabinf{
  height: 20px;
  border-top: 1px solid #2196f3;
  }
  .tabelaopslinhabtdtab{
  width: 55px;
  height: 55px;
  margin: auto;
  border: 1px solid #000;
  }
  .tabelaopslinhabtdtabsup{
  height: 20px;
  border-top: 1px solid red;
  }
  .tabelaopslinhabtdtabinf{
  height: 20px;
  border-bottom: 1px solid red;
  }
  .tabelaopsmargembtatab{
  width: 55px;
  height: 55px;
  margin: auto;
  border: 1px solid #000;
  }
  .tabelaopsmargembtatabsup{
  height: 20px;
  border-left: 2px solid #2196f3;
  }
  .tabelaopsmargembtatabinf{
  height: 20px;
  border-right: 2px solid #2196f3;
  }
  .tabelaopsmargembtdtab{
  width: 55px;
  height: 55px;
  margin: auto;
  border: 1px solid #000;
  }
  .tabelaopsmargembtdtabsup{
  height: 20px;
  border-right: 2px solid rgb(128, 128, 128);
  }
  .tabelaopsmargembtdtabinf{
  height: 20px;
  border-left: 2px solid rgb(128, 128, 128);
  }
  .tabelaopslinhabtd{
  background: rgba(128, 128, 128, 0.09);
  border-radius: 9px;
  box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
  height: 70px;
  text-align: center;
  vertical-align: middle;
  border: none;
  cursor: pointer;
  margin: 0px;
  outline: none;
  padding: 0px;
  color: #2196f3;
  font-family: times;
  font-size: 16px;
  font-weight: bold;
  width: 70px;
  }
  .tabelaopslinhabtd-none{
  pointer-events: none;
  cursor: default;
  }
  @media (hover: hover) and (pointer: fine) {
  .tabelaopslinhabtd:hover {
  background: #d2eafc;
  }
  }
  .tabelaopslinhabtd:active {
  background: #d2eafc;
  }
  .tabelaopsfontbtdsgl{
  font-size: 28px;
  }
  .tabelaopsfontbtr{
  background: rgba(128, 128, 128, 0.09);
  border-radius: 9px;
  box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
  height: 70px;
  text-align: center;
  border: none;
  cursor: pointer;
  margin: 0px;
  outline: none;
  padding: 0px;
  color: #2196f3;
  font-family: arial;
  font-size: 16px;
  font-weight: bold;
  width: 70px;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .tabelaopsfontbtr:hover {
  background: #d2eafc;
  }
  }
  .tabelaopsfontbtr:active {
  background: #d2eafc;
  }
  .tabelaopsfontceltit{
  height: 70px;
  text-align: center;
  }
  .tabelaopsfonttit{
  color: #5b5b5b;
  font-family: arial;
  font-size: 18px;
  font-weight: bold;
  }
  .tabelaopscelilum{
  
  }                
  .tabelaopsilum{
  background: transparent;
  padding: 2px;
  border-radius: 9px;
  box-shadow: 0px 1px 3px rgba(128, 128, 128, 0.9);
  }
  .tabelaopsilumbtesc{
  background: #202124;
  border-radius: 9px;
  box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
  height: 70px;
  text-align: left;
  border: none;
  cursor: pointer;
  margin: 0px;
  outline: none;
  padding-left: 10px;
  color: #f2f2f2;
  font-family: arial;
  font-size: 10px;
  font-weight: bold;
  width: 70px;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .tabelaopsilumbtesc:hover {
  background: #d2eafc;
  color: #2196f3;
  }
  }
  .tabelaopsilumbtesc:active {
  background: #d2eafc;
  }
  /* Estilo ativo nos botões */
  .tabelaopsilumbtesc.ativo {
  background: #2196f3;
  box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
  color: #ffffff;
  }
  .tabelaopsilumbtesc-rd {
  display: inline-block;
  height: 15px;
  line-height: 15px;
  background: #202124;
  border: 1px solid rgba(128, 128, 128, 0.7);
  color: #fff;
  width: 58px;
  position: relative;
  left: -5px;
  bottom: -5px;
  border-radius: 9px;
  text-align: center;
  }
  .tabelaopsilumbtmar{
  background: #1d324d;
  border-radius: 9px;
  box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
  height: 70px;
  text-align: left;
  border: none;
  cursor: pointer;
  margin: 0px;
  outline: none;
  padding-left: 10px;
  color: #f2f2f2;
  font-family: arial;
  font-size: 10px;
  font-weight: bold;
  width: 70px;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .tabelaopsilumbtmar:hover {
  background: #d2eafc;
  color: #2196f3;
  }
  }
  .tabelaopsilumbtmar:active {
  background: #d2eafc;
  }
  /* Estilo ativo nos botões */
  .tabelaopsilumbtmar.ativo {
  background: #2196f3;
  box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
  color: #ffffff;
  }
  .tabelaopsilumbtmar-rd {
  display: inline-block;
  height: 15px;
  line-height: 15px;
  background: #1d324d;
  border: 1px solid rgba(128, 128, 128, 0.7);
  color: #fff;
  width: 58px;
  position: relative;
  left: -5px;
  bottom: -5px;
  border-radius: 9px;
  text-align: center;
  }
  .tabelaopsilumbtceu{
  background: #ffffff;
  border-radius: 9px;
  box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
  height: 70px;
  text-align: left;
  border: none;
  cursor: pointer;
  margin: 0px;
  outline: none;
  padding-left: 10px;
  color: #000000;
  font-family: arial;
  font-size: 10px;
  font-weight: bold;
  width: 70px;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .tabelaopsilumbtceu:hover {
  background: #d2eafc;
  color: #2196f3;
  }
  }
  .tabelaopsilumbtceu:active {
  background: #d2eafc;
  }
  /* Estilo ativo nos botões */
  .tabelaopsilumbtceu.ativo {
  background: #2196f3;
  box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
  color: #ffffff;
  }
  .tabelaopsilumbtceu-rd {
  display: inline-block;
  height: 15px;
  line-height: 15px;
  background: #d3e3fd;
  border: 1px solid rgba(128, 128, 128, 0.7);
  color: #fff;
  width: 58px;
  position: relative;
  left: -5px;
  bottom: -5px;
  border-radius: 9px;
  text-align: center;
  }
  .tabelaopsilumbtbauny{
  background: #fef6eb;
  border-radius: 9px;
  box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
  height: 70px;
  text-align: left;
  border: none;
  cursor: pointer;
  margin: 0px;
  outline: none;
  padding-left: 10px;
  color: #000000;
  font-family: arial;
  font-size: 10px;
  font-weight: bold;
  width: 70px;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .tabelaopsilumbtbauny:hover {
  background: #d2eafc;
  color: #2196f3;
  }
  }
  .tabelaopsilumbtbauny:active {
  background: #d2eafc;
  }
  /* Estilo ativo nos botões */
  .tabelaopsilumbtbauny.ativo {
  background: #2196f3;
  box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
  color: #ffffff;
  }
  .tabelaopsilumbtbauny-rd {
  display: inline-block;
  height: 15px;
  line-height: 15px;
  background: #eee2bc;
  border: 1px solid rgba(128, 128, 128, 0.7);
  color: #fff;
  width: 58px;
  position: relative;
  left: -5px;
  bottom: -5px;
  border-radius: 9px;
  text-align: center;
  }
  .tabelaopsilumbtrose{
  background: #f7efed;
  border-radius: 9px;
  box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
  height: 70px;
  text-align: left;
  border: none;
  cursor: pointer;
  margin: 0px;
  outline: none;
  padding-left: 10px;
  color: #000000;
  font-family: arial;
  font-size: 10px;
  font-weight: bold;
  width: 70px;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .tabelaopsilumbtrose:hover {
  background: #d2eafc;
  color: #2196f3;
  }
  }
  .tabelaopsilumbtrose:active {
  background: #d2eafc;
  }
  /* Estilo ativo nos botões */
  .tabelaopsilumbtrose.ativo {
  background: #2196f3;
  box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
  color: #ffffff;
  }
  .tabelaopsilumbtrose-rd {
  display: inline-block;
  height: 15px;
  line-height: 15px;
  background: #f7e3e3;
  border: 1px solid rgba(128, 128, 128, 0.7);
  color: #fff;
  width: 58px;
  position: relative;
  left: -5px;
  bottom: -5px;
  border-radius: 9px;
  text-align: center;
  }
  .tabelaopsilumbtcl{
  background: #ffffff;
  border-radius: 9px;
  box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
  height: 70px;
  text-align: left;
  border: none;
  cursor: pointer;
  margin: 0px;
  outline: none;
  padding-left: 10px;
  color: #1f1f1f;
  font-family: arial;
  font-size: 10px;
  font-weight: bold;
  width: 70px;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .tabelaopsilumbtcl:hover {
  background: #d2eafc;
  color: #2196f3;
  }
  }
  .tabelaopsilumbtcl:active {
  background: #d2eafc;
  }
  .tabelaopsilumbtcl-rd {
  display: inline-block;
  height: 15px;
  line-height: 15px;
  background: #ededed;
  border: 1px solid rgba(128, 128, 128, 0.7);
  color: #fff;
  width: 58px;
  position: relative;
  left: -5px;
  bottom: -5px;
  border-radius: 9px;
  text-align: center;
  }
  /* Estilo ativo nos botões */
  .botao-tema-ativo {
  pointer-events: none !important;
  cursor: default !important;
  box-shadow: inset 0px 0px 3px 0px #2196f3 !important;
  border: 1px solid #2196f3 !important;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png) !important;
  background-size: 12px !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  }
  .tabelaopsaling{
  background: rgba(128, 128, 128, 0.09);
  border-radius: 9px;
  box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
  height: 70px;
  text-align: center;
  border: none;
  cursor: pointer;
  margin: 0px;
  outline: none;
  padding-left: 4px;
  color: #2196f3;
  font-family: arial;
  font-size: 10px;
  font-weight: bold;
  width: 70px;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .tabelaopsaling:hover {
  background: #d2eafc;
  color: #2196f3;
  }
  }
  .tabelaopsaling:active {
  background: #d2eafc;
  }
  .tabelaopsalinge{
  background: rgba(128, 128, 128, 0.09);
  border-radius: 9px;
  box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
  height: 70px;
  text-align: left;
  border: none;
  cursor: pointer;
  margin: 0px;
  outline: none;
  padding-left: 8px;
  color: #2196f3;
  font-family: arial;
  font-size: 10px;
  font-weight: bold;
  width: 70px;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .tabelaopsalinge:hover {
  background: #d2eafc;
  color: #2196f3;
  }
  }
  .tabelaopsalinge:active {
  background: #d2eafc;
  }
  
  .tabelaopsalingesq{
  text-align: left;
  }
  
  .tabelaops-tipfont{
  background: rgba(128, 128, 128, 0.09); 
  border-radius: 9px;
  box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
  height: 70px;
  text-align: center;
  border: none;
  cursor: pointer;
  margin: 0px;
  outline: none;
  padding: 0;
  color: #2196f3;
  width: 90px;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .tabelaops-tipfont:hover {
  background: #d2eafc;
  color: #2196f3;
  }
  }
  .tabelaops-tipfont:active {
  background: #d2eafc;
  }
  
  
  
  .times{
  display: inline-block;
  height: 47px;
  margin: auto;
  background: transparent; 
  border-radius: 24px;
  font-family: times;
  font-size: 43px;
  font-weight: bold;
  }
  .times-text{
  font-family: times;
  font-size: 12px;
  font-weight: bold;
  }
  .garamond{
  display: inline-block;
  height: 47px;
  margin: auto;
  background: transparent; 
  border-radius: 24px;
  font-family: EB Garamond;
  font-size: 44px;
  font-weight: bold;
  }
  .garamond-text{
  font-family: EB Garamond;
  font-size: 12px;
  font-weight: bold;
  }
  .literata{
  display: inline-block;
  height: 47px;
  margin: auto;
  background: transparent; 
  border-radius: 24px;
  font-family: Literata;
  font-size: 42px;
  font-weight: bold;
  }
  .literata-text{
  font-family: Literata;
  font-size: 12px;
  font-weight: bold;
  }
  .arial{
  display: inline-block;
  height: 47px;
  margin: auto;
  background: transparent; 
  border-radius: 24px;
  font-family: arial;
  font-size: 44px;
  font-weight: bold;
  }
  .arial-text{
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  }
  .inter{
  display: inline-block;
  height: 47px;
  margin: auto;
  background: transparent; 
  border-radius: 24px;
  font-family: Inter;
  font-size: 43px;
  font-weight: bold;
  }
  .inter-text{
  font-family: Inter;
  font-size: 12px;
  font-weight: bold;
  }
  .tabelaops-tipfont.ativo {
  pointer-events: none;
  cursor: default;
  box-shadow: inset 0px 0px 3px 0px #2196f3;
  border: 1px solid #2196f3;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqCdgA-boZsSyM4EFDjFW6ISOCzdmmhgDIiAxmZG44Dgv7zenoY0IDO0UpteSDF_ELgih6T4qzUQBN2_2t0M7KVBab6IA-h3Hei776DwDk3STgAjSc7QwXanFUQkE3dJN4BWBktOFYHZDnjI-lLTWGFquKbGAQOyFHAkQEhALeQQmYVe19zxobdutZks/s1600/icons8-ordenar-para-a-direita-50A1.png);
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: left center;
  }
  
  
  
  .tabelaopsbtmodos_span_est{
  width: 105px;
  Height: 35px;
  line-height: 35px;
  display: inline-block;
  padding-left: 32px;
  margin-left: 5px;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDMwHTOO5hCfI-D5c9nvbO7MGOuTfk6hyzLUNGJn1kjAMLW1SZ_A_lrjOVjPsRAqOUoXS6JyI7NiMFqTy7GBNxwts7ioqfCa1DI6LTGyxRO3D8E6JYNbTnFYLS2UkHQPQCXV6pOMPUyJtJ-EDUv9jqaxJ6dJ9end8DHwPEmnDH0tmQTEr6x419SzlfnGU/s1600/icons8-%C3%ADndice-96A1.png);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: left center;
  }
  .tabelaopsbtmodos_span_leit{
  width: 105px;
  Height: 35px;
  line-height: 35px;
  display: inline-block;
  padding-left: 32px;
  margin-left: 5px;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfoP3ZpHfKpWx1Ox42RuyjwKEcUkqz5qdCdovZlG0MseYwSCaUtv1kSNfnAgh97dxJDrz3t4uIGgrHRkX3qAlzEY776Snyg0yNCEQhjE82C9LKpD4Rbus2uLHiX501i_46LJwxPkTT1aCAqNjXTY8mCQs_qklwS7RvFHR2c2A28TL_OcYgsj90vyxVl-U/s1600/icons8-%C3%ADndice-96B1.png);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: left center;
  }
  .tabelaopsbtmodos{
  background: rgba(128, 128, 128, 0.09); 
  border-radius: 9px;
  box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
  height: 44px;
  width: 150px;
  text-align: center;
  border: none;
  cursor: pointer;
  margin: 0px;
  outline: none;
  padding: 0px;
  color: #2196f3;
  font-family: arial;
  font-size: 16px;
  font-weight: bold;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .tabelaopsbtmodos:hover {
  background: #d2eafc;
  color: #2196f3;
  }
  }
  .tabelaopsbtmodos:active {
  background: #d2eafc;
  }
  .tabelaopsmodos{
  vertical-align: middle;
  text-align: center;
  }
  .tabelaopsilumcelbtcl{
  width: 70px;
  height: 70px;
  vertical-align: middle;
  text-align: center;
  }
  .tabelaopsilumbtcltext{
  width: 70px;
  height: 70px;
  display: flex;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0dHQrjT1-kYfaiSTvS0fLq84CniESB1kdCZ3tRCPxS2yysvbclKpZWMD2rxNbF6-033RmMueGK9LeMhjLW0BUMl4lM15LeE_kV2m1r5JRIeqfqCgCSB2a2mQNROsd1zllnVjm6l-T68iz3M8ko_LnQohFPAWOJ_DrAQGbnjRKylPTtTXy30Isq1vG7Vg/s1600/icons8-reiniciar-50B.png');
  background-size: 58px;
  background-repeat: no-repeat;
  background-position: center;
  align-items: center;
  justify-content: center;
  color: #1f1f1f;
  }
  .tabelaopsilumbtbn{
  background: #faefd7;
  border-radius: 9px;
  box-shadow: inset 0px 1px 3px rgba(128, 128, 128, 0.9);
  height: 70px;
  text-align: left;
  border: none;
  cursor: pointer;
  margin: 0px;
  outline: none;
  padding-left: 10px;
  color: #1f1f1f;
  font-family: arial;
  font-size: 10px;
  font-weight: bold;
  width: 70px;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .tabelaopsilumbtbn:hover {
  background: #d2eafc;
  color: #2196f3;
  }
  }
  .tabelaopsilumbtbn:active {
  background: #d2eafc;
  }
  .tabelaopsilumbtbn-rd {
  display: inline-block;
  height: 15px;
  line-height: 15px;
  background: #28292b;
  border: 1px solid rgba(0, 0, 0, 0.3);
  color: #fff;
  width: 58px;
  position: relative;
  left: -5px;
  bottom: -5px;
  border-radius: 9px;
  text-align: center;
  }
  
  /* Estilo ativo nos botões */
  
  .tabelaopsilumceltit{
  height: 70px;
  text-align: center;
  }
  .tabelaopsmodosceltit{
  height: 46px;
  text-align: center;
  }
  .tabelaopsmodosceltit_menus{
  height: 40px;
  text-align: center;
  }
  .tabelaopsilumtit{
  color: #5b5b5b;
  font-family: arial;
  font-size: 18px;
  font-weight: bold;
  }
  
  
  /*_____________________________________________________  fecha menu fixo: opções */
  
  .menuopsdivfechtab{
  background: transparent;
  width: 100%;
  padding: 0px;
  }
  .audiodivfechtab{
  background: transparent;
  width: 100%;
  max-width: 912px;
  margin: auto;
  padding: 0px;
  }
  .menuopsdivfechtabcel{
  background: transparent;
  text-align: center;
  padding: 0px;
  }
  .menuopsfechbt{
  background: transparent;
  border: none;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  outline: none;
  padding: 0px;
  width: 100%;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .menuopsfechbt:hover {
  background: #d2eafc;
  }
  }
  .menuopsfechbt:active {
  background: #d2eafc;
  }
  
  /*_____________________________________________________  fecha menu fixo: paginas e livros */
  
  .menufixodivfechtabint{
  border-spacing: 0px;
  width: 38px;
  height: 40px;
  margin-left: auto;
  margin-right: 0px;
  border-radius: 18px;
  }
  @media (min-width: 1024px) {
  .menufixodivfechtabint_coment{
  margin-right: 10px !important;
  }
  }
  .menufixodivfechtabint_coment{
  border-spacing: 0px;
  width: 35px;
  height: 35px;
  border-radius: 18px;
  margin: auto;
  margin-right: 30px;
  }
  .menufixodivfechtabintlivros{
  border-spacing: 0px;
  height: 40px;
  width: 38px;
  margin-left: auto;
  margin-right: 0px;
  border-radius: 18px;
  }
  .menufixodivfechtabintcompart{
  border-spacing: 0px;
  width: 38px;
  height: 40px;
  margin-left: 0px;
  margin-right: auto;
  border-radius: 18px;
  }
  .menufixodivfechtabint-audio{
  width: 97%;
  max-width: 912px;
  height: 34px;
  margin-left: auto;
  margin-right: auto;
  }
  .menufixodivfechtabint-video{
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 15.5px;
  background: rgba(0,0,0,0.5);
  box-shadow: inset 0px 4px 10px rgba(128, 128, 128, 0.3);
  }
  .menufixodivfechtabint-video:hover{
  border-radius: 15.5px;
  background: #d2eafc;
  box-shadow: inset 0px 4px 10px rgba(128, 128, 128, 0.3);
  }
  .menufixodivfechtabint-video:active{
  background: #d2eafc;
  border-radius: 15.5px;
  }
  .menufixodivfechtabintcel{
  width: 0px;
  padding: 0px;
  text-align: center;
  }
  .menufixodivfechtabintcel_coment{
  width: 0px;
  padding: 0px;
  text-align: center;
  display: none;
  }
  .menufixodivfechtabintcel-audio{
  text-align: center;
  }
  .menufixodivfechtabintcel-video{
  text-align: center;
  }
  .menufixodivfechtabintcelimg{
  width: 28px;
  border-radius: 21px;
  }
  .menufixodivfechtabintcelimg_coment{
  height: 35px;
  width: 35px;
  border-radius: 21px;
  }
  .menufixodivfechtabintcelimg-audio{
  text-align: center;
  height: 34px;
  width: 34px;
  border-radius: 18px;
  }
  .menufixodivfechtabintcelimg-video{
  text-align: center;
  height: 30px;
  width: 30px;
  }
  .menufixodivfechtabintimg{
  width: 35px;
  height: 35px;
  display: inline-block;
  box-shadow: 0px 0px 10px 0px rgba(128, 128, 128);
  color: #2196f3;
  font-size: 18px;
  text-align: center;
  vertical-align: middle;
  line-height: 35px;
  border-radius: 22px;
  }
  .menufixodivfechtabintimg_coment{
  width: 35px;
  height: 35px;
  display: inline-block;
  box-shadow: 0px 0px 15px 0px rgba(128, 128, 128);
  color: #2196f3;
  font-size: 18px;
  text-align: center;
  vertical-align: middle;
  line-height: 35px;
  border-radius: 22px;
  }
  .menufixodivfechtabintimg-audio{
  width: 35px;
  height: 35px;
  display: inline-block;
  box-shadow: 0px 0px 1px 0px rgba(128, 128, 128);
  color: #2196f3;
  font-size: 18px;
  text-align: center;
  vertical-align: middle;
  line-height: 35px;
  border-radius: 22px;
  }
  .menufixodivfechtabceltext{
  font-family: arial;
  font-size: 14px;
  color: rgb(128, 128, 128);
  display: none;
  }
  .menufixodivfechtabceltext_coment{
  font-family: arial;
  font-size: 14px;
  color: rgb(128, 128, 128);
  width: 70px;
  display: none;
  }
  .menufixodivfechtabceltext-audio{
  font-family: arial;
  font-size: 16px;
  color: #5b5b5b;
  font-weight: bold;
  }
  .menufixodivfechtabceltext-video{
  font-family: arial;
  font-size: 14px;
  color: rgb(128, 128, 128);
  padding-left: 10px;
  padding-right: 10px;
  }
  
  /*_____________________________________________________  widget sociais */
  
  .tabelasociaistb{
  margin-left: auto;
  margin-right: auto;
  max-width: 350px;
  width: 95%;
  }
  .sociaisbt{
  background: transparent;
  border: none;
  cursor: pointer;
  height: 100%;
  outline: none;
  padding: 0px;
  width: 100%;
  display: inline-block;
text-decoration: none;
  }
  /* Aplica hover SOMENTE em dispositivos que suportam hover (desktop) */
  @media (hover: hover) and (pointer: fine) {
  .sociaisbt:hover {
  background: #d2eafc;
  border-radius: 9px;
  }
  }
  .sociaisbt:active {
  background: #d2eafc;
  border-radius: 9px;
  }
  .sociaiscelimg{
  text-align: center;
  vertical-align: middle;
  height: 60px;
  width: 16.6%;
  }
  .sociaisimg{
  border: none;
  height: 36px;
  width: 36px;
  }
  .sociaisceltit{
  text-align: center;
  vertical-align: middle;
  padding: 10px;
  font-family: arial;
  font-size: 18px;
  font-weight: bold;
  color: rgba(128, 128, 128);
  }
  
  /*_____________________________________________________  widget links rodape */
  
  .tabelalinksrodap {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  }
  .tabelalinksrodaptd {
  border: 0px;
  padding: 0px;
  text-align: center;
  }
  .tabelalinksrodaptr {
  display: flex;
  flex-wrap: wrap;
  }
  .tabelalinksrodaptd {
  box-sizing: border-box;
  flex: 1 1 50%; /* Duas colunas lado a lado */
  }
  @media (max-width: 380px) {
  .tabelalinksrodaptd {
  flex-basis: 100%; /* Uma coluna abaixo da outra */
  }
  }
  .tabelalinksrodaptb{
  border-spacing: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 182px;
  }
  .tabelalinksrodaptbcelimg{
  text-align: center;
  vertical-align: middle;
  width: 24px;
  height: 35px;
  }
  .tabelalinksrodaptbceltext{
  text-align: left;
  vertical-align: middle;
  }
  .text-link-rodape{
  color: #2196f3;
  font-family: arial;
  font-size: 15px;
  }
  .rodapimg{
  border: none;
  height: 18px;
  width: 18px;
  display: none;
  }
  .rodaptit{
  margin-left: auto;
  margin-right: auto;
  font-family: arial;
  font-size: 18px;
  font-weight: bold;
  color: rgba(128, 128, 128);
  }
  
  
  
  /*_____________________________________________________  div externa */
  
  .divextdiv{
  background: #ffffff;
  height: 100%;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 9202;
  }
  .divextdivsub{
  height: 100%;
  top: 70px;
  overflow-y: auto;
  position: fixed;
  width: 100%;
  z-index: 9203;
  }
  .divextdivsubtab{
  max-width: 800px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  z-index: 9204;
  }
  .divextlinhasupcel{
  height: 75px;
  text-align: left;
  vertical-align: bottom;
  }
  .divextlinhainfcel{
  height: 120px;
  text-align: center;
  vertical-align: top;
  }
  .divextlinhasuphr{
  width: 98%;
  border-color: rgba(128, 128, 128, 0.50);
  }
  .divextlinhainfhr{
  width: 98%;
  border-color: rgba(128, 128, 128, 0.50);
  }
  .divextdivfech{
  background: #ededed;
  border-top: 1px solid rgb(224, 224, 224);
  bottom: 0px;
  left: 0px;
  position: fixed;
  width: 100%;
  z-index: 9209;
  }
  .divextdivfechtab{
  background: transparent;
  width: 100%;
  }
  .divextdivfechtabcel{
  background: transparent;
  height: 50px;
  text-align: center;
  }
  .divextfechbt{
  background: transparent;
  border: none;
  cursor: pointer;
  height: 50px;
  margin: 0px;
  outline: none;
  padding: 0px;
  width: 100%;
  }
  .divextfechbt:hover{
  background: #d2eafc;
  border-radius: 4px;
  }
  
  /*_____________________________________________________  menu fixo compartilhar */
  
  
  .menucompartdivsub{
  background: #ffffff;
  right: 0px;
  position: absolute;
  height: 100vh;
  top: 0px;
  overflow-y: auto;
  transition: all 0.3s ease;
  scrollbar-width: thin;
  scrollbar-color: rgba(128,128,128,0.7) transparent;
  width: 100%;
  max-width: 270px;
  z-index: 5300;
  }
  .menucompartdivsub:hover {
  overflow-y: auto !important;
  scrollbar-color: rgba(128,128,128,0.9) transparent;
  }
  .menucompartdivsub::-webkit-scrollbar {
  width: 6px;
  }
  .menucompartdivsub::-webkit-scrollbar-track {
  background: transparent;
  }
  .menucompartdivsub::-webkit-scrollbar-thumb {
  background-color: rgba(128,128,128,0.7);
  border-radius: 3px;
  transition: background-color 0.3s;
  }
  .menucompartdivsub::-webkit-scrollbar-thumb:hover {
  background-color: rgba(128,128,128,0.9);
  }
  .menucompartdivsubtab{
  max-width: 250px;
  width: 100%;
  margin-left: 5px;
  padding: 0px;
  margin-bottom: 0px;
  }
  .menucompartlinhasupcel{
  height: 5px;
  text-align: center;
  vertical-align: bottom;
  }
  .menucompartlinhainfcel{
  height: 100px;
  text-align: center;
  vertical-align: top;
  }
  .menucompartlinhasuphr{
  width: 98%;
  border: none; /* Remove a borda padrão */
  height: 1px; /* Define a altura da linha */
  background-color: rgba(128, 128, 128, 0.40); /* Define a cor da linha */
  }
  .menucompartlinhainfhr{
  width: 98%;
  border: none; /* Remove a borda padrão */
  height: 1px; /* Define a altura da linha */
  background-color: rgba(128, 128, 128, 0.40); /* Define a cor da linha */
  }
  .menucompartcel{
  text-align: center;
  vertical-align: bottom;
  background: #ededed;
  border-radius: 9px;
  box-shadow: 0px 1px 3px rgba(128, 128, 128, 0.9);
  padding: 2px;
  }
  .menucomparttabsub{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  }
  .menucomparttabsubcel{
  text-align: center;
  }
  .linkqrcodetab{
  width: 240px;
  height: 240px;
  padding: 2px;
  }
  .linkqrcodetabcel{
  text-align: center;
  }
  .linkqrcodetabtext{
  color: rgb(128, 128, 128);
  font-family: arial;
  font-size: 14px;
  }
  .qrcodediv{
  margin-left: auto;
  margin-right: auto;
  width: 230px;
  height: 230px;
  box-shadow: 0px 8px 16px rgba(128, 128, 128, 0.7);
  }
  .linktextareadiv{
  background: transparent;
  margin-left: auto;
  margin-right: auto;
  }
  .linktextarea{
  background: transparent;
  width: 230px;
  height: 75px;
  font-family: Arial;
  font-size: 15px;
  color: rgba(128, 128, 128);
  border: 1px solid rgba(128, 128, 128, 0.3);
  border-radius: 9px;
  word-wrap: break-word;
  resize: none;
  margin-left: auto;
  margin-right: auto;
  }
  .tabelabotlink{  
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  background: transparent;
  }
  .tabelabotlinkceltext{
  text-align: center;
  vertical-align: middle;
  height: 35px;
  width: 90px;
  padding: 0px;
  }
  .tabelabotlinktext{
  color: #2196f3;
  font-family: arial;
  font-size: 15px;
  font-weight: bold;
  }
  .linkcomparttabtext{
  color: #2196f3;
  font-family: arial;
  font-size: 12px;
  }
  .botcomparttab{
  text-align: center;
  vertical-align: middle;
  width: 100%;
  padding: 0px;
  }
  .botcompartcel{
  text-align: center;
  vertical-align: middle;
  height: 70px;
  width: 25%;
  padding: 0px;
  }
  @media (max-width:800px){
  .shareButton{
  display: block;
  }
  }
  .tabelabotlinkcelimg{
  width: 24px;
  }
  .tabelabotlinkimg{
  width: 22px;
  display: inline-block;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl_JHBGSh7atavL212Lyz9H39Hd3xcoS0kVe99MWNlSwJYi3TceE-GZFXonH9Xn9A-Fv2yTV8Wi1N_v0djnoI_U37c6i32ZetNt9m2zuR6_vefwBKH3d5b-MXNiVPHLHrP2OZtFRJReo4YzEWwGB7qk1jXH5_JIg1f51ZZB_M1Sk_cGjnBWK2fzC7TtJo/s1600/icons8-hiperlink-50A.png');
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  }