/* Customizacoes sobre elementos especificos*/

/*Ajustes sobre o corpo da página
/*Adiciona espaço para que a navbar secundária permaneça fixa no topo da tela sem sobrepor o conteúdo*/
body { 
  padding-top: 100px; /*50px é a altura padrão das navbars no bootstrap, como temos duas precisamos de 100px*/
  min-height: 100vh;
}

/* Outline dos links (geral, menus, rodapé)  */
input:focus, 
button:focus,
textarea:focus,
a:focus {
  outline-width: 2px !important;
  outline-style: solid !important;
  border-radius: 5px;
}

a:focus,
input:focus, 
button:focus,
textarea:focus,
nav.menuTelaPrincipal a:focus, 
nav.menuNavegacaoSecundario a:focus,
div.contribute-strip a:focus,
footer a:focus
*:focus {
  outline-color: black !important;
  box-shadow: 0 0 0 3px #d0e4ea;
}

.card.card-recurso-ta.focused a {
  outline-color: transparent !important;
  box-shadow: none !important;
}

.card.card-recurso-ta.focused {
  outline: 2px solid black;
  box-shadow: 0 0 0 3px #d0e4ea;
  border-radius: 5px;
}

.form-control:focus,
.btn-primary:focus, .btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus,
#navegacaoCategorias a:focus {
  box-shadow: 0 0 0 5px #d0e4ea;
}

/* Listas no Mapa do Site */
#mapa-do-site, #mapa-do-site li {
  list-style: none !important;
}


/*  Breadcrumb */
ol.breadcrumb li{
  color: black !important;
}

ol.breadcrumb a{
  color: #0a60a7 !important;
}

main div.row.breadcrumb-clear-pad, 
main div.row.breadcrumb-clear-pad div.col
{
  padding: 0 !important;
}

/* Menu de navegação */
#navegacaoPrincipal {
  justify-content: flex-end;
}

#card-retace-intro, #card-retace-busca {
  background-color: #3E67B1;
  color: white;
  border: none;
}
#btnSearch {
  background-color: #10538a !important;
  border: 1px solid #10538a !important;
}


/*
*******************************************************/

/*Sobrescreve as cores dos botões normalmente utilizados em formulários
*/
.btn-primary{
  background-color: #3E67B1!important;
  border-color: #3E67B1!important; 
}

.btn-primary:hover{
  filter: brightness(115%);
}
/************* Banner da tela principal **************/
.banner{
	/*background: url(/imagens/fundoMenuPrincipal.jpg) scroll center no-repeat;*/
  background-color: #383838!important;
  /**background-size: cover;**/
}
/***************************/

.custom-file-label::after{
  content:"Procurar" !important;
  background-color: #3E67B1!important;
  color: white;
}
/*****Customização dos Menus *****
*
*
/**Define um tamanho adequado para o botão das redes sociais aparecerem nos menus**/
.iconePequeno{
  background: none;
  border: none;
  max-width: 32px;
}

.card-img-top {
  height: 10rem;
  object-fit: none;
}

.fotoSelecionada{
  /*object-fit: none !important;*/
  max-width: 100%;
  max-height: 100%;
  display: block;  
}

/**Ajusta o menu de navegação principal para que, ao colapsar, expanda seus itens por sobre a página**/
.menuTelaPrincipal{
	position: absolute!important;
	width: 100%!important;
	z-index: 20;
	top: 50px;
  padding: 0.5rem 40px;
}

/**Ajusta a cor do bg-primary para uma das cores temas escolhidas para o projeto**/
.bg-primary{
	background-color: #3E67B1!important;
}

/**Muda a cor para a outra cor do tema ao clicar ou passar por cima do botão de exibir menu (quando a barra está colapsada)**/
button.bg-primary:hover, button.bg-primary:focus {
  background-color: #21376C!important;
}

/**Muda a cor das letras dos itens do menu para aumentar o contraste*/
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 1);
}

/**Ajusta a cor do bg-secondary para uma das cores escolhidas para o projeto**/
.bg-secondary{
	background-color: #21376C!important;
}

/**Muda a cor para a outra cor do tema ao clicar ou passar por cima do botão de exibir menu (quando a barra está colapsada)**/
button.bg-secondary:hover, button.bg-secondary:focus {
  background-color: #3E67B1!important;
}

.dottedUnderline{
  text-decoration:underline!important;
text-decoration-style: dotted!important;
}

.badge-primary {
  color: #FFFFFF !important;
  background-color: #3E67B1 !important;
}

#manuais a, #arquivos a, #fabricante a {
  color: #2075BC !important;
}


.sr-only {
  color: #000000 !important;
  background-color: #FFFFFF !important;
}

.btn.btn-success {
  background-color: #26824C !important;
}

.file-drop-zone-title {
  color: #757575 !important;
}

a.link-primary {
  color: #2075BC !important;
}

/*
*
/*******	Fim da customização dos menus *******/

/** Classe para sinalizar campos obrigatórios de formulários**/
.form-group.required .col-form-label:after { 
 content:"*";
 color:red;
}

/** Classe para sinalizar qualquer elemento html como obrigatorio **/
.obrigatorio:after{
  content:"*";
  color:red;
}

/**Classe para posicionar o botão dentro de um input field***/
.botao-dentro-input{
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

/**Classe para dar destaque a item**/
.destaque{
  background-color: #ECF83BB3!important;
}

/**Muda o cursor para indicar que é clicável**/
.cursor-pointer{
  cursor:pointer;
}
/*************************************************************/

.page-footer{
  color: rgba(255, 255, 255, 1) !important;
}

/* unvisited link */
.page-footer a {
  color: rgba(255, 255, 255, 1) !important;
  text-decoration: underline;
}

/* mouse over link */
.page-footer a:hover {
  color: rgba(255, 255, 255, 0.8) !important;
}

.page-footer .logos > .row {
  max-width: 500px;
  min-width: 250px;
  margin-left: auto;
}
.page-footer .container-fluid > div.d-flex {
  padding-left: 15px;
  padding-right: 15px;
}

/*********** Diferentes opacidades porque o Bootstrap não definiu
*
*/
.opacidade-0 {
  opacity:0!important;
}
.opacidade-2 {
  opacity:0.2!important;
}
.opacidade-4 {
  opacity:0.4!important;
}
.opacidade-6 {
  opacity:0.6!important;
}
.opacidade-8 {
  opacity:0.8!important;
}
.opacidade-10 {
  opacity:1!important;
}
/**
*
********** Fim das classes de opacidade*****/

.tagChip{
  color:white !important;
  font-size: 16px !important;
  background-color: #3E67B1 !important;
}





/***************************/


ul.ui-autocomplete {
   overflow: auto !important;
   max-height: 300px !important;
}

/*ATUALIZAÇÃOES A PARTIR DE 20/02/2025*/
@font-face {
  font-family: 'Source Sans 3';
  src: url('../fonts/vendor/lightgallery/src/SourceSans3-Regular.eot');
  src: url('../fonts/vendor/lightgallery/src/SourceSans3-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/vendor/lightgallery/src/SourceSans3-Regular.woff2') format('woff2'),
      url('../fonts/vendor/lightgallery/src/SourceSans3-Regular.woff') format('woff'),
      url('../fonts/vendor/lightgallery/src/SourceSans3-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans 3';
  src: url('../fonts/vendor/lightgallery/src/SourceSans3-SemiBold.eot');
  src: url('../fonts/vendor/lightgallery/src/SourceSans3-SemiBold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/vendor/lightgallery/src/SourceSans3-SemiBold.woff2') format('woff2'),
      url('../fonts/vendor/lightgallery/src/SourceSans3-SemiBold.woff') format('woff'),
      url('../fonts/vendor/lightgallery/src/SourceSans3-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans 3';
  src: url('../fonts/vendor/lightgallery/src/SourceSans3-Bold.eot');
  src: url('../fonts/vendor/lightgallery/src/SourceSans3-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/vendor/lightgallery/src/SourceSans3-Bold.woff2') format('woff2'),
      url('../fonts/vendor/lightgallery/src/SourceSans3-Bold.woff') format('woff'),
      url('../fonts/vendor/lightgallery/src/SourceSans3-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans 3';
  src: url('../fonts/vendor/lightgallery/src/SourceSans3-BoldItalic.eot');
  src: url('../fonts/vendor/lightgallery/src/SourceSans3-BoldItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/vendor/lightgallery/src/SourceSans3-BoldItalic.woff2') format('woff2'),
      url('../fonts/vendor/lightgallery/src/SourceSans3-BoldItalic.woff') format('woff'),
      url('../fonts/vendor/lightgallery/src/SourceSans3-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans 3';
  src: url('../fonts/vendor/lightgallery/src/SourceSans3-Black.eot');
  src: url('../fonts/vendor/lightgallery/src/SourceSans3-Black.eot?#iefix') format('embedded-opentype'),
      url('../fonts/vendor/lightgallery/src/SourceSans3-Black.woff2') format('woff2'),
      url('../fonts/vendor/lightgallery/src/SourceSans3-Black.woff') format('woff'),
      url('../fonts/vendor/lightgallery/src/SourceSans3-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
a.link-primary,
a:hover {
  color: #295c99 !important;
  text-decoration: underline;
}
.bg-primary {
  background-color: #383838 !important;
}
a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #383838 !important;
}
.bg-secondary {
  background-color: #e7e7e9 !important;
}
.bg-sepia {
  background-color: #f9efe4;
}
a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #b2b2d9 !important;
}
.bg-blue {
  background-color: #d0e4ea;
}
.bg-purple {
  background-color: #e2d3ea;
}
.badge-light {
  color: #383838;
  background-color: rgba(255, 255, 255, 0.7);
}
.navbar-light .navbar-nav .nav-link {
  color: #383838;
}
.menuTelaPrincipal {
  background-color: #f2f2f2 !important;
  position: fixed !important;
  top: 50px;
}
.banner {
  background: url(../imagens/fundo_banner.jpg) center no-repeat;
  background-size: cover;
  width: 1800px;
  max-width: calc(100% - 80px) !important;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  box-sizing: border-box;
  border-radius: 25px;
  margin-top: 60px;
}
.navbar-brand span.h4 {
  background: url(../imagens/logo-retace.png) center no-repeat;
  background-size: contain;
  display: flex;
  width: 112px;
  height: 23px;
  text-indent: -9999px;
  margin-bottom: 0;
}
body {
  background-color: #f6f0e9;
  color: #383838;
}
#card-retace-intro, #card-retace-busca {
  background-color: transparent;
}
.banner #card-retace-intro h2.h1 {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 900;
  font-size: 55px;
  line-height: 56px;
  max-width: 900px;
  color: #ffffff;
  margin: 0 auto;
}
.banner #card-retace-busca h2 {
  font-family: "Source Sans 3", sans-serif;
  font-weight: normal;
  font-size: 30px;
  line-height: 32px;
  color: #ffffff;
  margin-top: 3px;
  margin-bottom: 26px;
}
#box-form {
  background-color: #ffffff;
  display: grid;
  grid-template-columns: 1fr 78px;
  gap: 3px;
  max-width: 100%;
  width: 100%;
  height: 65px;
  border-radius: 32.5px;
  padding: 0;
  margin: 0 auto;
}
.banner #box-form {
  max-width: 840px;
}
#box-form input {
  height: 100%;
  font-size: 18px;
  color: #343434;
  opacity: 1;
  padding-left: 27px;
}
#box-form button {
  width: 100%;
}
#btnSearch {
  background-color: #ffffff !important;
  border: none !important;
}
#btnSearch.btn-primary {
  color: #343434;
}
#btnSearch.btn-primary:hover {
  filter: none;
  background-color: #dcdcdc !important;
  color: #343434 !important;
  border-radius: 32.5px;
}
#btnSearch {
  border-radius: 32.5px;
  overflow: hidden;
}
#box-form .form-control {
  border: none;
  border-radius: 32.5px 0 0 32.5px;
}
#btnSearch .fa {
  font-size: 20px;
}
header .navbar {
  padding: 0.5rem 40px;
}
#navegacaoSecundaria {
  margin: 0 -8px;
}
.badge-primary {
  background-color: #383838 !important;
}
#navegacaoCategorias {
  width: fit-content;
  border-radius: 54px;
  padding: 26px 38px;
}
.container {
  max-width: 1320px;
}
#navegacaoCategorias.navbar-light .navbar-brand {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  font-size: 24px;
  color: #383838;
}
#navegacaoCategorias.navbar-light .navbar-nav {
  gap: 10px;
}
#navegacaoCategorias.navbar-light .navbar-nav .nav-link {
  background-color: #fff;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 400;
  font-size: 20px;
  border: 1px solid #383838;
  border-radius: 27.5px;
  padding: 10px 23px;
}
#navegacaoCategorias.navbar-light .navbar-nav .nav-link:hover,
#navegacaoCategorias a:focus {
  background-color: #383838 !important;
  color: #ffffff !important;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: #000 !important;
}
main h2 {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
  font-size: 40px;
}
.footer-copyright span {
  color: #383838;
  font-size: 16px;
}
.container {
  padding: 0;
}
footer .h5 {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
  font-size: 24px;
}
footer p,
footer a {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  max-width: 500px;
}
footer a i {
  margin-right: 4px;
}
.page-footer .logos {
  height: 100%;
  padding: 30px 50px !important;
  display: flex;
  margin-top: -20px;
  border-radius: 12px 12px 0 0;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1) !important;
}
.page-footer .logos .logos-menores {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
ol.breadcrumb li {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
  font-size: 19px;
  color: #383838 !important;
}
ol.breadcrumb li:first-child {
  font-weight: 600;
}
ol.breadcrumb a {
  color: #383838 !important;
  text-decoration: underline;
}
.card {
  border: none;
  border-radius: 12px;
}
.card.card-recurso-ta {
  overflow: hidden;
}
.card-link,
.card-title {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 22px;
  color: #383838;
}
.card-text {
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #383838;
}
.breadcrumb {
  margin-bottom: 0;
}
#resultadoBusca .h3 {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
  font-size: 27px;
}
#listagemRecursos h3 {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  font-size: 24px;
}
.container-xl {
  max-width: 1658px;
  width: calc(100% - 80px);
  padding: 0;
  margin: 0 auto;
}
#listagem_filtros {
  gap: 30px;
  margin: 0;
}
.box-filtros {
  padding: 28px;
  box-sizing: border-box;
}
.box-filtros h3 {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700 !important;
  font-size: 26px !important;
  line-height: 30px;
}
hr {
  border-top: 1px solid #9b9b9b;
}
details summary {
  cursor: pointer;
  list-style: none;
  position: relative;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  font-size: 17px;
}
details summary::before {
  background: url(../imagens/seta_filtros.png) center no-repeat;
  background-size: contain;
  width: 15px;
  height: 10px;
  content: "";
  font-size: 18px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
details[open] summary::before {
  transform: rotate(180deg);
}
.filter-options ul {
  list-style: none;
  padding-left: 0;
}
.custom-checkbox:checked {
  background-color: #383838;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #383838;
  background-color: #383838;
}
#aprender_contribuir {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  max-width: 1608px;
  width: calc(100% - 80px);
  margin: 0 auto;
}
#aprender,
#contribuir {
  padding: 65px;
  padding-left: 345px;
  border-radius: 18px;
}
#aprender {
  background: #d0e4ea url(../imagens/img_aprender.png) center left 40px no-repeat;
  background-size: 240px;
}
#contribuir {
  background: #d0e4ea url(../imagens/img_contrubuir.png) center left 40px no-repeat;
  background-size: 270px;
}
#aprender_contribuir h3 a {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
  font-size: 42px;
  color: #2f2f30;
}
#aprender_contribuir p {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 400;
  font-size: 20px !important;
  line-height: 32px;
  color: #2f2f30;
}
.card-title {
  font-size: 20px;
}
.shadow-sm {
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1) !important;
}
.custom-container {
  max-width: 1120px;
}
.custom_content ul {
  padding-left: 14px;
}
.custom_content ul.d-flex {
  gap: 28px;
  padding-left: 0;
}
.rounded-8 {
  border-radius: 8px;
}
.rounded {
  border-radius: 12px !important;
}
.rounded-lg {
  border-radius: 18px !important;
}
.custom_content ul {
  font-size: 19px;
  line-height: 30px;
}
.custom_content ul.d-flex li {
  font-size: 17px;
  line-height: 26px;
}
.custom_content ul.d-flex strong {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
}
.custom_content h2 {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 900;
  font-size: 45px;
  line-height: 45px;
  text-align: center;
}
.custom_content h3 {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 0.75rem;
}
.custom_content p {
  font-size: 18px;
  line-height: 30px;
}
.custom_content p b {
  font-size: 20px;
}
.custom_content .p-4 {
  padding: 2rem !important;
}
.custom_content .frase_destaque p {
  font-size: 25px;
  line-height: 34px;
}
.custom_content .frase_destaque p b {
  font-size: 28px;
}
.custom_content .historico p {
  font-size: 16px;
  line-height: 26px;
}
.custom_content p {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 400;
  font-size: 19px;
  line-height: 30px;
}
.custom_content #aprender_contribuir h3 {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 0.75rem;
}
.custom_content #aprender_contribuir p {
  line-height: 30px;
}
#acessibilidade h3 {
  font-size: 28px;
}
#acessibilidade b {
  font-weight: 600;
}
#conteudo_aprender.custom-container,
#app.custom_content {
  max-width: 1658px;
  width: calc(100% - 80px);
}
.custom-container2 {
  max-width: 944px;
  margin: 0 auto;
}
#conteudo_aprender h2 {
  font-size: 36px;
  line-height: 36px;
  text-align: left;
}
.custom_content .card h3:not(#recursosRelacionados h3) {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
}
#conteudo_aprender .card h3 {
  padding-right: 90px;
}
.custom_content .card h3 a {
  color: #383838 !important;
}
.custom_content .card p b {
  font-weight: 600;
  font-size: 17px;
  line-height: 26px;
}
.custom_content .card p,
.custom_content .card ul,
#DescricaoDetalhes ol {
  font-family: "Nunito", sans-serif;
  font-size: 17px;
  line-height: 26px;
}
.custom_content .card .badge {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  top: 20px;
  left: 20px;
}
#app h2 {
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  text-align: left;
}
.bg-gray {
  background-color: #f1f1f1;
}
.amsify-suggestags-input,
.file-preview,
#fotoDestaque .file-caption {
  background-color: #f1f1f1;
  border: none;
}
.file-preview-thumbnails {
  background-color: #ffffff;
}
.bg-gray.form-control {
  border: none;
  border-radius: 8px;
}
.bg-gray.form-control:focus {
  background-color: #f1f1f1;
}
.sem-borda {
  border: none;
}
.custom_content legend.h3 {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  font-size: 27px;
}
.custom_content label,
.custom_content .col-form-label {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  font-size: 17px;
  line-height: 20px;
}
.form-check-input {
  margin-top: 2px;
}
#label-sim,
#label-nao {
  font-weight: 400;
}
.custom-file-label {
  max-height: 37px;
  font-weight: 400 !important;
  font-size: 15px !important;
  color: #495057;
  border: none;
  border-radius: 8px;
}
.custom-file-label::after,
.manual-upload::after,
.input-group-btn  .btn-file,
#btnAdicionarVideo {
  content: "Procurar..." !important;
  background-color: #383838 !important;
  font-family: "Source Sans 3", sans-serif !important;
  font-weight: 600;
  font-size: 14px !important;
  text-transform: uppercase;
  padding: 0.375rem 1.75rem;
  height: 37px;
  border: none;
  border-radius: 8px;
}
#btnAdicionarVideo {
  width: 137px;
}
#urlVideo {
  width: calc(100% - 137px);
}
.input-group-btn  .btn-file {
  padding-left: 16px;
}
.input-group-btn  .btn-file .fa-file::before {
  margin-right: 9px;
}
.custom_content .card #divVideos p,
.custom_content .card #divVideos ul {
  font-family: "Source Sans 3", sans-serif !important;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}
.custom_content .card #divVideos ul {
  font-weight: 400;
}
#videos {
  padding-left: 0;
}
#videos .card-body {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}
#videos .card-body a {
  font-family: "Source Sans 3", sans-serif !important;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  padding-left: 0;
}
#videos .btn-danger {
  font-size: 18px;
  line-height: 18px;
  color: #e3342f;
  background-color: transparent;
  border-color: transparent;
  padding: 8px 10px;
}
#videos .list-group-item {
  padding: 0.3rem 1rem;
}
#videos .list-group-item,
#videos .list-group-item .card-body {
  background-color: #fbfbfb;
  border: none;
}
#videos .list-group-item:nth-of-type(2n),
#videos .list-group-item:nth-of-type(2n) .card-body {
  background-color: #f1f1f1;
}
#btnEnviaForm {
  padding: 0.8rem 2.8rem !important;
  border-radius: 8px;
}
#divFotos .input-group-btn .btn-file {
  text-transform: unset;
}
#divFotos .fa-trash::before {
  margin-right: 6px;
}
.card-title {
  line-height: 22px;
}
.listagem_recursos_sem_paginacao {
  margin-left: -8px;
  margin-right: -8px;
}
.listagem_recursos_sem_paginacao .col,
#listagem_recursos_paginacao .col {
  padding-right: 8px;
  padding-left: 8px;
}
#listagemRecursos .card-img-top {
  aspect-ratio: 770 / 480;
  height: auto;
}
.col-2_5 {
  flex: 0 0 21%;
  max-width: 21%;
}
.col-7_5 {
  flex: 0 0 79%;
  max-width: 79%;
  position: relative;
  width: 100%;
}
@media (min-width: 992px) {
  .col-md-2_5 {
    flex: 0 0 300px;
    max-width: 300px;
  }
  .col-md-7_5 {
    flex: 0 0 calc(100% - 300px);
    max-width: calc(100% - 300px);
  }
}
.pagination {
  gap: 8px;
  align-items: center;
}
.page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 44px;
  padding: 0.5rem 1rem;
  border: 1px solid #383838;
  border-radius: 4px !important;
  font-size: 18px;
  color: #383838 !important;
  cursor: pointer;
}
.page-item.active .page-link {
  background-color: #383838;
  border-color: #383838;
  color: #ffffff !important;
}
.page-link:hover {
  background-color: #636363;
  border-color: #636363;
  color: #ffffff !important;
}
.page-item.disabled .page-link {
  cursor: unset;
}
#pagRecurso h2 {
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  text-align: left;
}
#acessos .fa {
  font-size: 18px;
}
#acessos span {
  font-size: 16px;
}
.star .fa,
.rating-sm {
  font-size: 18px;
}
#tituloRecurso {
  padding: 15px !important;
}
#DescricaoDetalhes {
  padding: 15px 0 !important;
}
#pagRecurso .card:not(#recursosRelacionados .card) {
  padding: 15px;
}
#DescricaoDetalhes .custom_content .card h3 {
  font-size: 22px;
}
#manuais a, #arquivos a, #fabricante a, #manuais span, #arquivos span, #fabricante span {
  font-size: 16px;
  line-height: 22px;
}
#colunaEsquerda .h2 {
  font-size: 28px;
  line-height: 32px;
}
#btn_filtros {
  background-color: #fff !important;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
  font-size: 20px;
  border: 2px solid #383838 !important;
  border-radius: 27.5px;
  padding: 8px 22px;
  color: #383838;
  width: 100%;
}
a.badge-primary:hover {
  color: #fff !important;
  background-color: #5e5e5e !important;
}
ul.lSPager.lSGallery {
  display: flex;
  flex-direction: column;
  padding: 0;
  list-style-type: none;
  max-height: 500px;
  overflow-y: scroll !important;
}
ul.lSPager.lSGallery li {
  width: 184.5px !important;/*135*/
  height: 115px;
  min-height: 115px;
  margin-bottom: 12px;
  border: 1px solid #383838;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
ul.lSPager.lSGallery li img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
ul.lSPager.lSGallery {
  scrollbar-width: thin;
  scrollbar-color: #383838 #eeeeee;
  -ms-overflow-style: auto;
}
ul.lSPager.lSGallery::-webkit-scrollbar {
  width: 8px;
}
ul.lSPager.lSGallery::-webkit-scrollbar-thumb {
  background-color: #383838;
  border-radius: 10px;
}
ul.lSPager.lSGallery::-webkit-scrollbar-track {
  background: #eeeeee;
  border-radius: 10px;
}
#fotosDescricao .lSSlideOuter {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.lSSlideWrapper {
  flex: 0 0 82%;
  max-width: 82%;
  position: relative;
  width: 100%;
}
.lSSlideWrapper .lslide {
  display: flex;
  justify-content: center;
}
.lSPager {
  flex: 0 0 199.5px;
  max-width: 199.5px;
  position: relative;
  width: 100%;
}
.lSAction > a {
  filter: brightness(0);
}
.lSSlideOuter .lSPager.lSGallery {
  transform: unset !important;
  margin-left: auto;
}
.g-10 {
  gap: 10px;
}
#filtroDiv .btn {
  background-color: transparent !important;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
  font-size: 17px;
  border: 2px solid #383838 !important;
  border-radius: 27.5px;
  padding: 8px;
  color: #383838 !important;
  width: 100%;
}
#filtroDiv .btn-primary {
  background-color: #383838 !important;
  color: #ffffff !important;
}
#avaliacaoUsuario-sr {
  font-weight: 400;
  height: 29px;
  padding: 0 10px;
  border: none;
  border-radius: 8px;
}
#enviarAvaliacaoUsuario-sr {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  height: 29px;
  padding: 0 10px;
  border: none;
  border-radius: 8px;
}
#navegacaoPrincipal .navbar-nav {
  gap: 6px;
  border-bottom: 1px solid #383838;
}
#navegacaoPrincipal .navbar-nav .nav-link {
  font-weight: 400;
  font-size: 16px;
  padding: 0.3rem 1rem;
  border-bottom: 2px solid transparent;
}
#navegacaoPrincipal .navbar-nav .nav-link.selected {
  font-weight: 600;
  border-bottom: 2px solid #383838;
}
#navegacaoPrincipal .navbar-nav .nav-link:hover {
  border-bottom: 2px solid #383838;
}
#navegacaoPrincipal .navbar-nav .nav-link:focus {
  border-bottom: none !important;
  border-radius: 5px;
}
.alert-danger {
  font-size: 16px;
}
.invalid-feedback {
  font-size: 92%;
}
#galeria.lSSlide li {
  height: 500px;
}
.frase_destaque .aspas {
  background: url(../imagens/aspas.png) center no-repeat;
  background-size: contain;
  display: flex;
  width: 62px;
  height: 44px;
  margin-top: -45px;
  margin-left: 20px;
}
#conteudo .frase-inicial {
  font-size: 21px;
  line-height: 34px;
  margin-bottom: 25px;
}
#recursos-sem-paginacao #cardRow {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 15px;
}
.destaqueTitulo {
  background-color: #383838;
  display: flex;
  width: 80px;
  height: 2px;
  margin: 0 50px;
}
.cardsInicial {
  width: 1450px;
  max-width: calc(100% - 80px);
}
.card-img-top {
  object-fit: cover;
  aspect-ratio: 770 / 480;
  height: auto;
}
.cardsInicial .btn-secondary {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  font-size: 18px;
  border-radius: 27.5px;
  padding: 7px 22px;
  padding-right: 15px;
  color: #383838;
  text-transform: uppercase;
  border: 2px solid #383838;
  margin-left: auto;
  margin-right: auto;
}
.cardsInicial .btn-secondary:hover {
  background-color: #383838 !important;
  color: #ffffff !important;
}
.hoverImageWrapper {
  overflow: hidden;
  border-radius: 12px;
}
.hoverImage {
  position: relative;
  object-fit: cover;
  border-radius: 10px;
  max-width: 100%;
  transition: transform 0.5s ease-in-out;
}
.card-recurso-ta:hover .hoverImageWrapper .hoverImage,
.card-recurso-ta.hover .hoverImageWrapper .hoverImage {
  transform: scale(1.2);
}
.card-recurso-ta:hover,
.card-recurso-ta.hover {
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
}
.rating-container .badge-primary {
  background-color: #3E67B1 !important;
}
#formCadastroRecursoTA :target {
  scroll-margin-top: 130px;
}
#menu_flutuante {
  position: sticky;
  height: fit-content;
  top: 130px;
  margin-top: -175px;
  margin-bottom: 45px;
}
#menu_flutuante .navbar-nav {
  border-left: 2px solid #383838;
}
#menu_flutuante a {
  color: #383838;
  max-width: fit-content;
}
#formularios_contribuir {
  display: grid;
  grid-template-columns: 300px 1fr;
  padding-right: 300px;
}
#listagem_aprender {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
h3.h3-strong {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
  font-size: 40px;
}
@media (min-width: 1500px) {
  /*exibir 4 recursos na listagem somente em resolução maior que 1500px*/
  #listagem_recursos_paginacao.row-cols-xl-3 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media(max-width: 1625px) {
  #formularios_contribuir {
    display: grid;
    grid-template-columns: 300px 1fr;
    padding-right: 0;
    max-width: 1200px;
    margin: 0 auto;
  }
  #formularios_contribuir .custom-container2 {
    margin-left: 0;
  }
  #menu_flutuante {
    margin-top: 0;
  }
  .custom-container2:not(#formularios_contribuir .custom-container2) {
    max-width: 1200px;
  }
}
@media(max-width: 1550px) {
  .banner #card-retace-intro h2.h1 {
    font-size: 50px;
    line-height: 51px;
    max-width: 800px;
  }
  .categorias_inicial {
    max-width: 1200px;
  }
  #navegacaoCategorias.navbar-light .navbar-brand {
    font-size: 22px;
  }
  #navegacaoCategorias.navbar-light .navbar-nav .nav-link {
    font-size: 18px;
    padding: 8px 22px;
  }
  .container {
    width: calc(100% - 80px);
  }
  #aprender, #contribuir {
    padding: 55px;
    padding-left: 280px;
  }
  #aprender {
    background-size: 200px;
  }
  #contribuir {
    background: #d0e4ea url(../imagens/img_contrubuir.png) center left 30px no-repeat;
    background-size: 230px;
  }
  #listagem_aprender {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media(max-width: 1000px) {
  #aprender_contribuir {
    grid-template-columns: 1fr;
  }
  .banner #card-retace-intro h2.h1 {
    font-size: 40px;
    line-height: 44px;
    max-width: 620px;
  }
  .page-footer .logos > .row {
    margin-left: -16px;
  }
  .custom_content h2 {
    font-size: 40px;
    line-height: 40px;
  }
  .custom_content .frase_destaque p b {
    font-size: 26px;
  }
  .custom_content .frase_destaque p {
    font-size: 23px;
    line-height: 32px;
  }
  #conteudo_aprender .navbar-expand-lg .navbar-nav {
    flex-direction: row;
    justify-content: center;
  }
  .listagem_recursos_sem_paginacao {
    margin-left: 0;
  }
  #box-form {
    height: 55px;
  }
  #btn_filtros {
    position: relative;
    z-index: 2;
  }
  #filtroDiv .box-filtros {
    margin-top: -30px;
    padding-top: 54px !important;
  }
  #navegacaoPrincipal .navbar-nav {
    border-bottom: none !important;
  }
  #navegacaoPrincipal .navbar-nav .nav-link.selected {
    border-bottom: 2px solid transparent;
    text-decoration: 2px underline;
    text-underline-offset: 8px;
  }
  #navegacaoPrincipal .navbar-nav .nav-link:hover {
    border-bottom: 2px solid transparent;
  }
  #navegacaoPrincipal .navbar-nav .nav-link {
    padding: 0.3rem 0;
  }
  #listagem_recursos_paginacao {
    margin-left: 0;
    margin-right: 0;
  }
  .page-footer .logos {
    margin-top: 20px;
  }
  .page-footer .logos .logos-menores {
    grid-template-columns: 1fr;
  }
  .page-footer .logos {
    box-shadow: none !important;
  }
  .lSSlideWrapper {
    flex: 0 0 100%;
    max-width: 100%;
  }
  ul.lSPager.lSGallery {
    flex-direction: row;
    max-height: unset;
    overflow-y: unset !important;
    overflow-x: scroll !important;
    margin-top: 20px !important;
  }
  .lSSlideOuter .lSPager.lSGallery {
    margin-left: 0;
  }
  .lSPager {
    flex: 0 0 100%;
    max-width: 100%;
  }
  ul.lSPager.lSGallery li {
    min-width: 136px !important;
  }
  #galeria.lSSlide li {
    height: unset;
  }
  .high-contrast #navegacaoPrincipal .navbar-nav .nav-link.selected,
  .high-contrast #navegacaoPrincipal .navbar-nav .nav-link:hover {
    border-bottom: 2px solid transparent !important;
  }
  .high-contrast #navegacaoPrincipal .navbar-nav .nav-link.selected {
    border-bottom: none !important;
  }
  #colunaEsquerda iframe {
    width: 100%;
    height: unset;
    aspect-ratio: 16 / 9;
  }
  #listagem_aprender {
    grid-template-columns: 1fr;
  }
}
@media(max-width: 992px) {
  #menu_flutuante {
    display: none;
  }
  #formularios_contribuir {
    grid-template-columns: 1fr;
  }
}
@media(max-width: 600px) {
  .container {
    width: calc(100% - 40px);
    max-width: calc(100% - 40px) !important;
  }
  header .navbar {
    padding-left: 20px;
    padding-right: 20px;
  }
  .banner #card-retace-intro h2.h1,
  .custom_content h2 {
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
  }
  .banner #card-retace-busca h2 {
    font-size: 24px;
    line-height: 28px;
  }
  #box-form {
    height: 50px;
    grid-template-columns: 1fr 55px;
  }
  #box-form input {
    font-size: 16px;
  }
  #navegacaoCategorias {
    border-radius: 25px;
    padding: 20px;
  }
  #navegacaoCategorias.navbar-light .navbar-brand {
    font-size: 19px;
  }
  main h2 {
    font-size: 28px;
  }
  #aprender {
    background: #d0e4ea url(../imagens/img_aprender.png) center top 20px no-repeat;
    background-size: 180px;
  }
  #contribuir {
    background: #d0e4ea url(../imagens/img_contrubuir.png) center top 20px no-repeat;
    background-size: 200px;
  }
  #aprender, #contribuir {
    padding: 20px;
    padding-top: 198px;
  }
  #aprender_contribuir h3 a {
    font-size: 30px;
  }
  #aprender_contribuir p {
    font-size: 17px !important;
    line-height: 27px;
  }
  #aprender_contribuir {
    width: calc(100% - 40px);
  }
  #acessibilidade h3,
  .custom_content h3 {
    font-size: 24px;
    line-height: 28px;
  }
  .custom_content p {
    font-family: "Nunito", sans-serif;
    font-size: 17px;
    line-height: 27px;
  }
  .custom_content p b {
    font-size: 18px;
  }
  .custom_content ul {
    font-size: 17px;
    line-height: 27px;
    padding-left: 17px;
  }
  .custom_content .card h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    padding-right: 0;
  }
  .custom_content .frase_destaque p {
    font-size: 18px;
    line-height: 26px;
  }
  .custom_content .frase_destaque p b {
    font-size: 20px;
  }
  .custom_content #aprender_contribuir h3 {
    font-size: 24px;
    line-height: 28px;
  }
  .custom_content #aprender_contribuir p {
    line-height: 25px;
  }
  #conteudo_aprender .col-12 {
    padding: 0;
  }
  #app h2 {
    font-size: 26px;
    line-height: 32px;
  }
  .custom_content legend.h3 {
    font-size: 23px;
  }
  .container-xl {
    width: calc(100% - 40px);
    padding: 0;
  }
  #resultadoBusca .h3 {
    font-size: 20px;
  }
  #listagemRecursos h3 {
    font-size: 18px;
  }
  .listagem_recursos_sem_paginacao .col {
    padding-right: 0;
    padding-left: 0;
  }
  #pagRecurso h2 {
    font-size: 28px;
    line-height: 28px;
  }
  .pagination li:not(
    .anterior,
    .proxima,
    .active,
    :nth-last-child(2)) {
    display: none;
  }
  .pagination .anterior .page-link,
  .pagination .proxima .page-link {
    position: relative;
    width: 44px;
    text-indent: -999px;
    color: transparent !important;
  }
  .pagination .anterior .page-link::before,
  .pagination .proxima .page-link::before {
    background: url(../imagens/seta_filtros.png) center no-repeat;
    background-size: contain;
    width: 15px;
    height: 10px;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .pagination .anterior .page-link:hover::before,
  .pagination .proxima .page-link:hover::before {
    filter: brightness(100);
  }
  .pagination .anterior .page-link::before {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .pagination .proxima .page-link::before {
    transform: translate(-50%, -50%) rotate(-90deg);
  }
  .pagination .anterior.disabled .page-link::before,
  .pagination .proxima.disabled .page-link::before {
    opacity: 0.5;
  }
  .page-item.disabled:not(.anterior.disabled, .proxima.disabled) {
    display: none;
  }
  .page-footer .logos {
    padding: 20px 35px !important;
  }
  .page-footer .logos .logos-menores {
    grid-template-columns: repeat(2, 1fr);
  }
  .destaqueTitulo {
    display: none;
  }
  ul.lSPager.lSGallery li {
    min-width: 90px !important;
    width: 90px !important;
    height: 56px;
    min-height: 56px;
  }
  .lSAction > .lSPrev {
    left: 0;
  }
  .lSAction > .lSNext {
    right: 0;
  }
  .listagem_recursos_sem_paginacao .col, #listagem_recursos_paginacao .col {
    padding-right: 0;
    padding-left: 0;
  }
  #conteudo_aprender.custom-container, #app.custom_content {
    width: calc(100% - 40px);
  }
  #conteudo_aprender .navbar-expand-lg .navbar-nav {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  #listagem_aprender {
    margin-left: 0;
    margin-right: 0;
  }
}
@media(max-width: 430px) {
  #conteudo_aprender #navegacaoCategorias {
    justify-content: center;
  }
  #conteudo_aprender #navegacaoCategorias li,
  #conteudo_aprender #navegacaoCategorias button {
    width: 100%;
  }
}

/***************************/
/* Alto contraste          */
/***************************/

.high-contrast body,
.high-contrast .banner
.high-contrast main,
.high-contrast main .container,
.high-contrast main .container .card,
.high-contrast input,
.high-contrast main #divVideos input,
.high-contrast main #divArquivos input,
.high-contrast main #divManuais input,
.high-contrast textarea,
.high-contrast header,
.high-contrast header nav,
.high-contrast .amsify-suggestags-area .form-control,
.high-contrast .amsify-suggestags-area .amsify-suggestags-list,
.high-contrast .file-caption-main,
.high-contrast .file-caption-main .file-caption,
.high-contrast .dropdown-menu,
.high-contrast .dropdown-menu .dropdown-item,
.high-contrast div.btn-file,
.high-contrast ol.breadcrumb,
.high-contrast div.modal,
.high-contrast a.sr-only,
.high-contrast #btnSearch
{
  color: white !important;
  background-color: black !important;
}
.high-contrast #btnSearch {
  border: 1px solid white !important;
}

.high-contrast .card-recurso-ta *,
.high-contrast .banner,
.high-contrast .banner .row,
.high-contrast .banner .card-body,
.high-contrast header,
.high-contrast header nav,
.high-contrast main .cadastro-ta-card .card,
.high-contrast main #divVideos *,
.high-contrast main #divArquivos *,
.high-contrast main #divManuais *,
.high-contrast footer,
.high-contrast footer .footer-copyright,
.high-contrast #fotosDescricao,
.high-contrast #colunaDireita,
.high-contrast #colunaEsquerda,
.high-contrast div.modal div.modal-content,
.high-contrast main #conteudo_aprender.container .card
{
  background-color: #222222 !important;
}

.high-contrast ::placeholder,
.high-contrast main ol.breadcrumb li,
.high-contrast .file-preview-frame .explorer-caption
{
  color: white !important;
}

.high-contrast button,
.high-contrast div.modal a.btn,
.high-contrast main #divVideos button,
.high-contrast main #divArquivos button,
.high-contrast main #divManuais button,
.high-contrast button[type="submit"] {
  background-color: black !important;
  color: white !important;
} 


.high-contrast input, 
.high-contrast button,
.high-contrast textarea,
.high-contrast div.btn-file,
.high-contrast div.file-caption,
.high-contrast div.modal a.btn,
.high-contrast .amsify-suggestags-area .amsify-suggestags-input-area
{
  border-color: white !important;
  outline-color: yellow !important;
}

.high-contrast main a,
.high-contrast main #colunaDireita a,
.high-contrast .link-primary {
  color: #7CB8EA !important;
}

.high-contrast input:focus, 
.high-contrast button:focus,
.high-contrast textarea:focus,
.high-contrast a:focus,
.high-contrast .btn-file #fotos:focus,
.high-contrast nav.menuTelaPrincipal a:focus, 
.high-contrast nav.menuNavegacaoSecundario a:focus,
.high-contrast div.contribute-strip a:focus,
.high-contrast div.modal a.btn:focus,
.high-contrast footer a:focus
{
  outline-width: 3px !important;
  outline-style: solid !important;
  outline-color: yellow !important;
}

.high-contrast .banner .card,
.high-contrast .card-recurso-ta,
.high-contrast main .cadastro-ta-card .card
{
  border: none;
}

.high-contrast main .cadastro-ta-card {
  margin-bottom: 2rem !important;
}

.high-contrast #colunaDireita hr,
.high-contrast #colunaEsquerda hr {
  background-color: white;
}

.high-contrast .badge-primary,
.high-contrast main #colunaDireita .badge-primary,
.high-contrast main #colunaEsquerda .badge-primary,
.high-contrast main #conteudo_aprender.container .badge {
  background-color: #BBBBBB !important;
  color: black !important;
}

.high-contrast div.file-drop-zone-title {
  color: #DDDDDD !important;
}

.high-contrast .amsify-list-item.active {
  color: black !important;
}

.high-contrast .file-preview-frame:hover {
  background-color: #333333;
}

.high-contrast .bg-white,
.high-contrast .bg-blue,
.high-contrast .bg-purple,
.high-contrast .bg-secondary,
.high-contrast main .container .card.bg-secondary,
.high-contrast main .container .card.bg-white,
.high-contrast main .container .listagem_recursos_sem_paginacao .card {
  background-color: #222 !important;
}
.high-contrast .bg-blue p,
.high-contrast .bg-purple p,
.high-contrast .footer-copyright span,
.high-contrast #aprender_contribuir .bg-white p {
  color: #fff !important;
}
.high-contrast main .container.banner {
  background: #222222 !important;
  background-color: #222222 !important;
}
.high-contrast .navbar-light .navbar-nav .nav-link,
.high-contrast .navbar-light .navbar-nav .nav-link:hover,
.high-contrast .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 1) !important;
}
.high-contrast .navbar-brand span.h4 {
  filter: brightness(0) invert(1);
}
.high-contrast #box-form {
  background-color: #000 !important;
  border: 1px solid white !important;
}
.high-contrast #navegacaoCategorias.navbar-light .navbar-nav .nav-link {
  background-color: #383838 !important;
  color: #f9efe4 !important;
  border-color: white !important;
}
.high-contrast .custom_content .card h3 a {
  color: #fff !important;
}
.high-contrast .bg-transparent,
.high-contrast main .cadastro-ta-card .card.bg-transparent {
  background-color: transparent !important;
}
.high-contrast .amsify-suggestags-input, .high-contrast .file-preview, .high-contrast #fotoDestaque .file-caption {
  background-color: #000;
  border: 1px solid #ddd;
}
.high-contrast #divFotos .input-group-btn .btn-file {
  border: 1px solid #ddd;
}
.high-contrast .bg-gray.form-control {
  border: 1px solid #ced4da;
}
.high-contrast .custom-file-label.bg-gray,
.high-contrast .custom-file-label::after {
  background-color: #000000 !important;
  color: white;
  border: 1px solid #ced4da;
}
.high-contrast #btnAdicionarVideo {
  border: 1px solid #ced4da;
}
.high-contrast #btnEnviaForm,
.high-contrast #navegacaoCategorias,
.high-contrast #navegacaoCategorias button {
  background-color: #222 !important;
}
.high-contrast .file-preview-thumbnails {
  background-color: #000;
}
.high-contrast details summary::before {
  filter: brightness(100);
}
.high-contrast .page-link,
.high-contrast .page-item.disabled .page-link {
  border: 2px solid #fff !important;
  background: black;
  color: #fff !important;
  font-weight: 500;
}
.high-contrast .page-item.disabled .page-link {
  border: 2px solid #383838 !important;
}
.high-contrast .page-item.active .page-link {
  background-color: #fff;
  color: #000 !important;
  font-weight: 600;
}
.high-contrast .navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.high-contrast header button.bg-secondary:focus {
  background-color: transparent !important;
}
.high-contrast #filtroDiv .btn-primary {
  background-color: #ffffff !important;
  color: #222 !important;
  border-color: white !important;
}
.high-contrast #filtroDiv .btn-outline-secondary {
  background-color: #222 !important;
  border-color: white !important;
  color: #fff !important;
}

.high-contrast .lSAction > a {
  filter: brightness(100);
}

.high-contrast #avaliacaoUsuario-sr,
.high-contrast #enviarAvaliacaoUsuario-sr {
  background-color: #bbb !important;
  color: black !important;
  border: none !important;
}

.high-contrast .card.card-recurso-ta.focused {
  box-shadow: 0 0 0 3px yellow;
}

.high-contrast #btn_filtros {
  background-color: #383838 !important;
}

.high-contrast .frase_destaque .aspas {
  filter: brightness(100);
}
.high-contrast .logos.bg-white {
  background-color: #ffffff !important;
}
.high-contrast #navegacaoPrincipal .navbar-nav {
  border-bottom: 1px solid #f9efe4;
}
.high-contrast #navegacaoPrincipal .navbar-nav .nav-link.selected {
  border-bottom: 3px solid #f9efe4;
}
.high-contrast .hoverImage {
  background-color: #ffffff !important;
}
.high-contrast .card-recurso-ta .card-title .card-link {
  background-color: transparent !important;
}
.high-contrast .card.card-recurso-ta {
  background-color: #222222 !important;
}
.high-contrast .card.card-recurso-ta .card-title,
.high-contrast .card.card-recurso-ta .card-text,
.high-contrast #menu_flutuante a,
.high-contrast #navegacaoCategorias.navbar-light .navbar-brand {
  color: #ffffff !important;
}
.high-contrast #menu_flutuante .navbar-nav {
  border-left: 2px solid #fff;
}
.high-contrast .menuTelaPrincipal {
  background-color: #222222 !important;
}