body{
  height: 100%;
  padding-top: 1rem;
}

h6 { line-height: 1rem; }

.blue{color:var(--blue)}.indigo{color:var(--indigo)}.purple{color:var(--purple)}.pink{color:var(--pink)}.red{color:var(--red)}.orange{color:var(--orange)}.yellow{color:var(--yellow)}.green{color:var(--green)}.teal{color:var(--teal)}.cyan{color:var(--cyan)}.white{color:var(--white)}.gray{color:var(--gray)}.gray-dark{color:var(--gray-dark)}.primary{color:var(--primary)}.secondary{color:var(--secondary)}.success{color:var(--success)}.info{color:var(--info)}.warning{color:var(--warning)}.danger{color:var(--danger)}.light{color:var(--light)}.dark{color:var(--dark)}

.clr, .clear{
  clear: both;
}

.border-thick {
    border-width: 3px !important;
    border-radius: 1.5rem !important;
}

img.alignright{float:right;margin:1em 0 1em 1em;}
img.alignleft{float:left;margin:1em 1em 1em 0;}
img.aligncenter,.aligncenter{display:block;margin:1em auto;text-align:center;}

.pointer{
  cursor: pointer;
}

.bottom {
  position: absolute;

}

.HappySelfie{
  font-family: 'HappySelfie', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}

.Playwire{
  font-family: 'DynaPuff', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}

.paginador{ 
    padding: 1px 0 0 0;
    font-size: 26px;
}

.x5 h1{ font-size: 5.5rem; }

.container-full-height {
    min-height: 40vh;
    display: flex;
    flex-direction: column;
}

.bottom-aligned-text {
    margin-top: auto;
    text-align: center;
}


.p45 { color: #764559 !important; }
.p67 { color: #C4715C !important; }
.p89 { color: #D75A43 !important; }
.p1011 { color: #025959 !important; }
.p1213 { color: #727D72 !important; }
.p1415 { color: #533932 !important; }
.p1617 { color: #943F57 !important; }
.p1819 { color: #EC3C29 !important; }
.p2021 { color: #16479E !important; }
.p2223 { color: #911A1C !important; }
.p2425 { color: #E8902A !important; }
.p28 { color: #A51D24 !important; text-align: left; }

.text-small-caps {
    font-variant: small-caps;
}

#autores{
    height: 100%;
    background-image: url('/resources/images/28.png');
    background-size: cover;
    background-position-x: center;
    background-repeat: no-repeat;
}


#contracapa{
    height: 100%;
    background-image: url('/resources/images/contracapa.png');
    background-size: cover;
    background-position-x: center;
    background-repeat: no-repeat;
}

.Pag-2 {
    height: 100%;
    background-image: url('/resources/images/28.png');
    background-size: cover;
    background-position-x: center;
    background-repeat: no-repeat;
    background-position-y: 0rem;
    padding-top: 2rem;
}


#fichaTecnica{
    background-color: #fff;
    margin: 1rem 2rem;
    padding: 1rem;
    border-radius: 30px;
}

.float-vmiddle{
    position: relative;
    top: 50%;
    margin-top: -50%;
}

.bold{
  font-weight: 600!important;
}

.bolder{
  font-weight: 900!important;
}

.text-justify{
  text-align: justify;
  text-align-last: left;
}

.border-primary{
  border: 2px solid var(--primary);
}

.border-top-primary{
  border-top: 2px solid var(--primary);
}

/*BS4 Extensão*/
.ln2 {
  line-height: 2rem!important;
}

.boxTitle{
  color: #0493a9;
  font-size: 1.8rem;
}

.pointer{
  cursor: pointer;
}

.fundoClaro, .fundoMeioTom{
  background-color: #fefaf4 /*#F*/!important;
}

.fundoEscuro{
  background-color: #fef5e9 /*#f7ddc6 (mais escuro) -- #DCC0DC*/!important;
}

.fundoBranco{
  background-color: #fff;
}

.fundoVerdeClaro{
  background-color: #C4ECE2!important;
}

.btn.successFull{
  background-color: #c3e2da!important;
  font-weight: 700!important;
  border-width:0px!important;
  color: #000;
}

.btn.successFullRound{
  background-color: #c3e2da!important;
  font-weight: 700!important;
  border-width:0px!important;
  border-radius: 15px!important;
}

.display-5{
  font-size: 2rem;
}

.bg-success2{
  background-color: #dcf0e9;
}

.table.bordered td{
  border: 3px #000 solid!important;
  text-align: center;
  vertical-align: middle;
  padding: 10px;
}

/*css Capas*/

.d-sm-block .capa{
position: fixed;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    max-height: -webkit-fill-available; 
    width: auto; 
}

.d-sm-none .capa{
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100vw; 
    height: auto; 
}

.tab{
  display: inline-block;
  width: 2rem;
}

.small{
    font-size: 0.85em;
    font-weight: 400;
    line-height: 1.25rem;
}

.smaller{
    font-size: 0.7em;
    font-weight: 400;
    line-height: 1.15rem;
}

.alignright,img.alignright{
  float:right;margin:1em 0 1em 1em;
}

.alignleft,img.alignleft{
  float:left;margin:1em 1em 1em 0;
}

.center,img.aligncenter,.aligncenter{
  display:block;margin:1em auto;text-align:center;
}

blockquote{
  margin-left: 2em;
}

.border-darker {
    border-color: #343a40 !important;
    border-bottom: 2px #000 solid;
}

#textual img{
 max-width: -webkit-fill-available;
 max-width: 100%;
 height: auto;
}

.barrae{
  position: fixed;
  z-index: -1;
  bottom: 0px;
  min-height: 100vh;
}

.container-conteudo{
  position: relative;
}

.navbar {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
  padding-bottom: 10px;
}

nav > a:hover{
  color: #fff;
}


#burger_menu, #burger_menu2{
  z-index: 1030;
  padding-bottom: 7px;
}

#barBackgorund{

}

.caixa-branca{
  background-color: #fff;
  padding: 2rem;
  display: block;
/*  text-align: justify;*/
  border-radius: 10px;
}

.caixa-brancaCorTema {
  background-color: #fff;
  display: block;
/*  text-align: justify;*/
  border-radius: 10px;
}


.caixa-CorTema{
  background-color: #FFFFFF;
  padding: 1rem;
  display: block;
/*  text-align: justify;*/
  border-radius: 10px;
}

.caixa-finaCorTema{
  background-color: #C4ECE2;
  padding: .4rem;
  display: block;
/*  text-align: justify;*/
  border-radius: 10px;
}

.caixa-CorAzul{
  background-color: #cfe0f0;
  padding: 1rem;
  display: block;
/*  text-align: justify;*/
  border-radius: 10px;
}

.caixa-vazia{
  padding: 2rem 1rem 2rem;
}

.font-small{
  font-size: .8rem;
}

.ehcaixa h3{
  font-size: 1.25rem!important;
  font-weight: 700!important;
}

img.borda{
  border: 1px #21b99a solid;
}


img.bordaRedonda{
  border-radius: 10px !important;
  border: 3px #21b99a solid;
}


img.bordaRedonda2{
  border-radius: 10px !important;
  border: 3px #28a745 solid;
}

img.rounded, img.redonda{
  border-radius: 10px !important;
}

img.alignright{float:right;margin:1em 0 1em 1em;}
img.alignleft{float:left;margin:1em 1em 1em 0;}
img.aligncenter,.aligncenter{display:block;margin:1em auto;text-align:center;}


/*popover modificador*/

/*
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
    border-right-color: #28a745!important;
}

.bs-popover-right > .arrow:after {
  border-right-color: #fff!important;
  position: relative;
  left: .1rem;
}
.bs-popover-right{
  border:1px solid #28a745!important;
  background-color: #fff!important;
}
.bs-popover-right .arrow {
  border-right-color: #28a745!important;
}
*/


/*mobile*/
@media only screen and (max-width: 499px) {

@media only screen and (max-width: 400px) {
  body {
  zoom: 0.848;
  }
}

  h1{
    font-size: 1.8rem;
  }
  
  h2{
    font-size: 1.5rem;
  }

#textual{
  font-size: 1rem;
}

.caixa-branca{
  padding: 1.5rem 1rem;
}

.menorTelaP{
  font-size: 1em;
}

.d-sm-none img {
    max-width: 100vw; 
    height: auto; 
}

  #burger_menu2{
    position: fixed;
    top: -5px;
    font-size: 2rem;
    left: 2px;
}

   .navbar{
    max-width: 90%!important;

  }
#paginador > a:nth-child(2),#paginador > a:nth-child(4){
   padding: auto 5px!important;
  }

  #paginador > a:nth-child(3){
/*  max-width: 130px!important;*/
  }

h1.capTitle, h2.bolhaTema{
  text-align: center!important;
  font-size: 2.3rem;
  margin-bottom: 2rem;
}

h2.bolhaTema{
  font-size: 1.2em;
  color: #fff;
  top: 1rem;
  padding: 4px 20px;
  margin-bottom: 40px;
}

.table.bordered td{
  padding: 7px;
}
  
}

@media only screen and (min-width: 500px) and (max-width: 768px) {
/*/Tablet*/



#textual{
  font-size: 1.2rem;
}

.menorTelaP{
  font-size: 1em;
}

.d-sm-none img {
    max-width: 100vw; 
    height: auto; 
}

  #burger_menu, #burger_menu2{
    position: absolute;
    top: -5px;
    font-size: 2rem;
    left: -25px;
}

   .navbar{
    max-width: 90%!important;

  }
#paginador > a:nth-child(2),#paginador > a:nth-child(4){
   padding: auto 5px!important;
  }

  #paginador > a:nth-child(3){
/*  max-width: 130px!important;*/
  }

h1.capTitle, h2.bolhaTema{
  text-align: center!important;
  font-size: 2rem;
  margin-bottom: 2rem;
  clear: both;
}

h2.bolhaTema{
  font-size: 1.2em;
  color: #fff;
  top: 1rem;
  padding: 4px 20px;
  margin-bottom: 40px;
}


h2.bolhaTema::after, h1.capTitle::after {
  content: "";
  clear: both;
  display: block;
}


/*/Tablet*/
}

@media only screen and (min-width: 769px) {
/*PC*/

#textual{
  font-size: 1.15rem;
}

  #burger_menu{
    position: absolute;
    top: -5px;
    font-size: 2rem;
    left: -20px;
}

  #paginador {
    /*left: -4rem;  */  
  }



h1.capTitle, h2.bolhaTema{
  font-size: 2.8rem;
  margin-bottom: 2rem;
}


h2.bolhaTema{
  font-size: 1.5em;
  display: inline-block;
  color: #fff;
  position:relative;
  top: 1rem;
  padding: 4px 20px;
  margin-bottom: 40px;
}

}


h2.bolhaTema{
  background-color: #00a385;
  border: 2px solid #2e7d32;
  border-radius: 10px;
  box-shadow: 2px -2px 5px #005b49;
}




#paginador > a:nth-child(2){
  border-radius: 0px 0px 0px 10px;
}

#content > nav > a:nth-child(3){
  /*font-size: 1.25em;*/
  margin: 0px;
}

#paginador > a:nth-child(4){
  border-radius: 0px 0px 10px 0px;
}

.etiquetaPersonalizada{
  margin: -1.5rem 0 0 0!important;
  text-align: center!important;
}

.etiquetaPersonalizada .badge{
    min-width: 300px!important;
    font-size: .9em;
    padding: 3px 20px 5px;
    font-variant: small-caps;
    font-weight: 400;
}

h1.capTitle{
  font-weight: 900;
}


.espaca br {
  content: "<br />";
  display: block;
  margin-bottom: .8em;
}

.txtJust {
  text-align: justify;
}

.txtEsq {
  text-align: left!important;
}

i.double1, i.double2 {
    position: relative;
    font-size: 1.3em;
    color:  var(--primary);
    top: .145em;
}

i.double2{
    left: -.8em;
    margin-right: -.75em;
}

i.verde{
  color: #37af97!important;
}


i.preto{
  color: #000!important;
}

i.marrom{
  color: #f7a756!important;
}

.linhaVazia{
  border-bottom: 1px #000 solid;
}

.voceSabia{
    background-image: url('../../resources/images/emoji_vc_sabia_bg.png') ;
    border-radius: 0.3rem 1rem;
}

.btn-outline-success.escolha, .btn-outline-success.escolha:disabled{
    background-color: #fff;
    border: 3px #28a745 solid;
    font-weight: 600;
    color: #000;
    min-width: 100%;
}

.escolhaPreto .btn-outline-success.escolha:disabled{
      border: 3px #000 solid!important;
}

.letraForte{
  font-weight: 700!important;
  color: #84347f!important;
}

.circulo {
  display: flex;
  justify-content: center;
  align-items: center;
/*  height: 100%;
  width: 100%;*/
}
.circuloAB {
  width: 40px;
  height: 40px;
  background-color: white;
  border: 2px solid #618ea4;
  border-radius: 50%;
}

.modal-dialog-slideout {min-height: 100%; margin: 0 0 0 auto;background: #fff;}
.modal.fade .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(100%,0)scale(1);transform: translate(100%,0)scale(1);}
.modal.fade.show .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(0,0);transform: translate(0,0);display: flex;align-items: stretch;-webkit-box-align: stretch;height: 100%;}
.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body{overflow-y: auto;overflow-x: hidden;}
.modal-dialog-slideout .modal-content{border: 0;}
.modal-dialog-slideout .modal-header, .modal-dialog-slideout .modal-footer {height: 69px; display: block;} 
.modal-dialog-slideout .modal-header h5 {float:left;}

.modal-dialog-slideout2 {min-height: 100%; margin: 0 auto 0 0  ;background: #fff;}
.modal.fade .modal-dialog.modal-dialog-slideout2 {-webkit-transform: translate(-125%,0)scale(1);transform: translate(-125%,0)scale(1);}
.modal.fade.show .modal-dialog.modal-dialog-slideout2 {-webkit-transform: translate(0,0);transform: translate(0,0);display: flex;align-items: stretch;-webkit-box-align: stretch;height: 100%;}
.modal.fade.show .modal-dialog.modal-dialog-slideout2 .modal-body{overflow-y: auto;overflow-x: hidden;}
.modal-dialog-slideout2 .modal-content{border: 0;}
.modal-dialog-slideout2 .modal-header, .modal-dialog-slideout2 .modal-footer {height: 69px; display: block;} 
.modal-dialog-slideout2 .modal-header h5 {float:left;}

.modal-body .table {
    display: table;
    box-sizing: border-box!important;
    text-indent: initial!important;
    unicode-bidi: isolate!important;
    border-spacing: 2px!important;
    border-color: gray!important;
    margin-bottom: 1rem!important;
    color: #212529!important;
  border: 0px!important;
}


.modal-body .table-striped tbody tr:nth-of-type(odd){
  background-color: #f2f2f2!important;
}

.modal-body .table-striped tr:nth-of-type(even){
  background-color: #fff!important;
}

 .modal-body .table th, .modal-body .table tr, .modal-body .table td {
  vertical-align: top;
  border: 0px;
  border-top: 1px solid #dee2e6!important;
  border-bottom: 1px solid #dee2e6!important;
  padding: 0.3rem!important;
  font-size: 1rem!important;
  color: #000!important;
  width: auto!important;
  height: auto!important;
  text-align: left!important;
/*    border-bottom: 1px solid #dee2e6!important;*/
}



.modal-body .table td {
    font-weight: 400!important;
}

 .modal-body .table th{
  background-color: #fff!important;
  }

.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: -webkit-fill-available;
  height: 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff0000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff0000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}