body {
  font-family: "Open Sans", sans-serif;
  width: 100%;
  overflow: auto;
}

.tabs {
  padding-bottom: 4rem !important;
}
.tabs * {
  scrollbar-width: thin;
}
.tabs *::-webkit-scrollbar {
  width: 6px;
}
.tabs *::-webkit-scrollbar-thumb {
  background-color: grey;
  border-radius: 20px;
}
.tabs .titulo-e-buscas {
  display: flex;
  flex-direction: column;
}
.tabs .calendario-de-inscricao {
  color: #2f9e40 !important;
}
.tabs .calendario-de-inscricao:hover {
  text-decoration: underline;
}
.tabs h4 {
  color: #0f5f5c;
  font-weight: lighter;
  font-family: "Roboto", sans-serif;
  font-size: 2rem;
  margin-bottom: 0px !important;
}
.tabs .formulario-inscricoes-abertas,
.tabs .formulario-todos-os-cursos {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
.tabs .select-e-buscar {
  display: flex;
  gap: 1rem;
}
.tabs .search-inscricoes-abertas,
.tabs .search-todos-os-cursos,
.tabs .inscricoes-abertas-select,
.tabs .select-todos-os-cursos {
  width: 100% !important;
  padding: 0.625rem !important;
  background-color: #fff !important;
  border-color: #ced4da !important;
  border-style: solid !important;
  border-width: 0.0625rem !important;
  border-bottom-width: 0.0625rem !important;
  border-left-width: 0.0625rem !important;
  border-right-width: 0.0625rem !important;
  border-top-width: 0.0625rem !important;
  border-radius: 0.25rem !important;
  box-sizing: border-box !important;
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  position: relative !important;
  height: auto !important;
}
.tabs .inscricoes-abertas-select,
.tabs .select-todos-os-cursos {
  -webkit-appearance: none;
  appearance: none;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><path d='M6 8l4 4 4-4z'/></svg>") no-repeat right center;
  background-color: #fff;
  padding-right: 30px;
}
.tabs .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
.tabs .icone-lupa {
  position: absolute;
  top: 50%;
  right: 0.625rem;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(./search-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}
.tabs .inscricoes-abertas-checkbox-ead,
.tabs .todos-os-cursos-checkbox-ead {
  display: flex;
  width: 100%;
  gap: 1rem;
}
.tabs .inscricoes-abertas-checkbox,
.tabs .todos-os-cursos-checkbox {
  display: flex;
  align-items: center;
  gap: 0.313rem;
}
.tabs .inscricoes-abertas-checkbox label {
  font-size: 0.75rem;
  margin: 0 !important;
}
.tabs .todos-os-cursos-checkbox label {
  font-size: 0.75rem;
  margin: 0 !important;
}
.tabs .tabela-inscricoes-abertas,
.tabs .tabela-todos-os-cursos {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
  padding: 1rem;
}
.tabs .inscricoes-abertas-nome-curso,
.tabs .todos-os-cursos-nome-curso {
  font-size: 0.875rem;
  font-weight: 600;
  color: #4a5058;
}
.tabs .inscricoes-abertas-nome-campus,
.tabs .todos-os-cursos-nome-campus {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 0.75rem;
  color: #a4a4a4;
  text-transform: uppercase;
}
.tabs tbody .tr:hover {
  color: #fff;
}
.tabs .tr-inscricoes-abertas,
.tabs .tr-todos-os-cursos {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.tabs .tr-todos-os-cursos:first-child {
  border-top: none;
}
.tabs .tr-todos-os-cursos:last-child {
  border-bottom: none;
}
.tabs .tr-todos-os-cursos:hover {
  background-color: #2f9e40;
}
.tabs .tr-todos-os-cursos:hover * {
  color: #fff !important;
}
.tabs .tr-inscricoes-abertas:first-child {
  border-top: none;
}
.tabs .tr-inscricoes-abertas:last-child {
  border-bottom: none;
}
.tabs .tr-inscricoes-abertas:hover {
  background-color: #2f9e40;
}
.tabs .tr-inscricoes-abertas:hover * {
  color: #fff !important;
}
.tabs .td-inscricoes-abertas,
.tabs .td-todos-os-cursos {
  padding: 2rem 1rem;
}
.tabs .td-todos-os-cursos i {
  cursor: pointer;
}
.tabs .td-todos-os-cursos p {
  font-size: 0.625rem;
  color: #a4a4a4;
  margin: 0 !important;
}
.tabs .td-inscricoes-abertas i {
  cursor: pointer;
}
.tabs .td-inscricoes-abertas p {
  font-size: 0.625rem;
  color: #a4a4a4;
  margin: 0 !important;
}
.tabs .opcoes-das-tabs {
  display: flex;
}
.tabs .tab-button {
  padding: 0.625rem 1.25rem;
  cursor: pointer;
  transition: background-color 0.3s;
  border-top-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-top-color: #cccccc;
  border-right-color: #cccccc;
  border-left-color: #cccccc;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}
.tabs .tab-button:first-child {
  border-right-width: 0;
}
.tabs .tab-button.active {
  border-bottom: none;
  background-color: #2f9e40;
  color: #ffffff;
}
.tabs .conteudos-das-tabs {
  display: none;
  padding: 1.25rem;
  border: 1px solid #ccc;
  background-color: #f1f2f5;
}
.tabs .active-tab {
  display: block;
}
.tabs .btn-informacoes-do-curso {
  display: none;
}
.tabs .accordions-todos-os-cursos .conteudo-accordion-todos-os-cursos,
.tabs .accordions-inscricoes-abertas .conteudo-accordion-todos-os-cursos {
  border-top: 1px solid #dddddd;
}
.tabs .accordions-todos-os-cursos .conteudo-accordion-todos-os-cursos:first-child,
.tabs .accordions-inscricoes-abertas .conteudo-accordion-todos-os-cursos:first-child {
  border-top: none;
}
.tabs .accordions-todos-os-cursos .conteudo-accordion-inscricoes-abertas,
.tabs .accordions-inscricoes-abertas .conteudo-accordion-inscricoes-abertas {
  border-top: 1px solid #dddddd;
}
.tabs .accordions-todos-os-cursos .conteudo-accordion-inscricoes-abertas:first-child,
.tabs .accordions-inscricoes-abertas .conteudo-accordion-inscricoes-abertas:first-child {
  border-top: none;
}
.tabs .accordions-todos-os-cursos .nenhum-curso,
.tabs .accordions-inscricoes-abertas .nenhum-curso {
  padding-top: 1.25rem;
}
.tabs .accordions-todos-os-cursos .nenhum-curso p,
.tabs .accordions-inscricoes-abertas .nenhum-curso p {
  margin: 0 !important;
}
.tabs .accordions-todos-os-cursos .accordion,
.tabs .accordions-inscricoes-abertas .accordion {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none;
  background-color: transparent;
  color: #4a5058;
  cursor: pointer;
  padding: 1.125rem;
  width: 100%;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  position: relative;
  margin-bottom: 0 !important;
}
.tabs .accordions-todos-os-cursos .accordion span,
.tabs .accordions-inscricoes-abertas .accordion span {
  font-size: 0.625rem;
  color: #a4a4a4;
  margin: 0 !important;
}
.tabs .accordions-todos-os-cursos .accordion p,
.tabs .accordions-inscricoes-abertas .accordion p {
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0;
}
.tabs .accordions-todos-os-cursos .accordion .accordion-arrow,
.tabs .accordions-inscricoes-abertas .accordion .accordion-arrow {
  transition: transform 0.4s;
}
.tabs .accordions-todos-os-cursos .accordion .nome-do-curso,
.tabs .accordions-inscricoes-abertas .accordion .nome-do-curso {
  max-width: 300px;
  width: 100%;
}
.tabs .accordions-todos-os-cursos .accordion .listar-campus-arrow,
.tabs .accordions-inscricoes-abertas .accordion .listar-campus-arrow {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.tabs .accordions-todos-os-cursos .accordion .listar-campus-arrow p,
.tabs .accordions-inscricoes-abertas .accordion .listar-campus-arrow p {
  max-width: 100px;
  width: 100%;
}
.tabs .accordions-todos-os-cursos .accordion-panel,
.tabs .accordions-inscricoes-abertas .accordion-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  overflow: auto;
}
.tabs .accordions-todos-os-cursos .accordion-panel p,
.tabs .accordions-inscricoes-abertas .accordion-panel p {
  padding: 1rem;
  margin: 0;
}
.tabs .accordions-todos-os-cursos .accordion-panel p:first-child,
.tabs .accordions-inscricoes-abertas .accordion-panel p:first-child {
  margin-bottom: 1rem;
  display: none;
}
.tabs .accordions-todos-os-cursos .accordion-panel p p:last-child,
.tabs .accordions-inscricoes-abertas .accordion-panel p p:last-child {
  display: none;
}
.tabs .accordions-todos-os-cursos .accordion-panel .lista-de-campus,
.tabs .accordions-inscricoes-abertas .accordion-panel .lista-de-campus {
  margin-bottom: 1rem !important;
}
.tabs .accordion.accordion-active .accordion-arrow {
  transform: rotate(90deg);
}
.tabs .lista-de-campus {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1rem;
  padding-right: 1.225rem;
}
.tabs .lista-de-campus li {
  list-style-type: none;
}
.tabs .lista-de-campus a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #4a5058 !important;
}
.tabs .lista-de-campus a:hover {
  text-decoration: underline !important;
}
@media (max-width: 1024px) {
  .tabs .opcoes-das-tabs {
    gap: 1rem;
    width: 100%;
    padding-bottom: 1rem;
  }
  .tabs .conteudos-das-tabs {
    padding: 1rem;
  }
  .tabs .tab-button {
    border: 1px solid #cccccc;
    width: 100%;
  }
  .tabs .tab-button.active {
    border-bottom: 1px solid #cccccc;
  }
  .tabs .tab-button:first-child {
    border-right-width: 1px;
  }
  .tabs .formulario-inscricoes-abertas,
.tabs .formulario-todos-os-cursos {
    flex-direction: column-reverse;
    margin-bottom: 1rem;
  }
  .tabs .td-inscricoes-abertas,
.tabs .td-todos-os-cursos {
    padding: 1rem;
  }
}
@media (max-width: 425px) {
  .tabs .tab-button {
    padding: 0.5rem;
    font-size: 0.75rem;
  }
  .tabs .search-inscricoes-abertas,
.tabs .search-todos-os-cursos,
.tabs .inscricoes-abertas-select,
.tabs .select-todos-os-cursos {
    font-size: 0.75rem;
  }
  .tabs .inscricoes-abertas-checkbox-ead,
.tabs .todos-os-cursos-checkbox-ead {
    justify-content: center;
  }
  .tabs .select-e-buscar {
    flex-direction: column;
  }
  .tabs .accordion {
    padding: 0.5rem 0 !important;
    min-height: 80px;
    height: 100%;
  }
  .tabs .accordion .nome-do-curso {
    max-width: 150px !important;
    width: 100%;
    margin-bottom: 10px !important;
  }
  .tabs .accordion .listar-campus {
    width: 45px !important;
  }
  .tabs .listar-campus-arrow p {
    max-width: 50px !important;
  }
  .tabs .lista-de-campus li {
    width: 100% !important;
  }
  .tabs .lista-de-campus li a {
    width: 100% !important;
    justify-content: space-between;
  }
}