* {
    margin: 0;
    padding: 0;
  }

  body{
    background-color: #f6f8fb;
  }

  a {
    color: #000;
    text-decoration: none;
    transition: 0.3s;
  }

  a:hover {
    opacity: 0.7;
  }

  .close_model{
    text-decoration: none;
    cursor: pointer;
    font-size: large;
  }

  .logo {
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 4px;
  }

  .logo > img {
    width: 10rem;
    margin-top: .32rem;
  }

  nav .logo > img {
    max-width: 7.5rem;
  }

  nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: system-ui, -apple-system, Helvetica, Arial, sans-serif;
    background: white;
    height: 10vh;

    border-bottom: 1px solid lightgray;
  }

  main {
    /* background: white; */
    background: #f6f8fb;
    background-size: cover;
    height: 92vh;
  }

  .nav-list {
    list-style: none;
    display: flex;
  }

  .nav-list li {
    letter-spacing: 3px;
    margin-left: 32px;
    margin-right: .625rem;

    display: inline-block;
    position: relative;
  }

  .nav-list li a {
    text-decoration: none;
    color: #333;
  }

  /* Estilos para a seta */
  /* .nav-list li.arrow::after {
    content: "\25BC";
    font-size: 0.6em;
    cursor: pointer;
  } */

  /* Estilos para o dropdown */
  .nav-list ul {
    display: none;
    position: absolute;
    background-color: white;
    padding: 0;
    list-style: none;
  }

  .nav-list ul.active {
    display: block;
  }

  .nav-list ul li {
    width: 100%;
  }

  .nav-list ul li a {
    padding: 10px;
    display: block;
    color: #333;
  }

  li .subitem {
    margin-left: 0;
  }

  .laudos_lista{
    width: 70%;
    padding: .5rem;
    border-bottom: 1px solid lightgray;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;

  }

  .laudo_botoes{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
  }



/* listas */
.titulo_linhas{

    margin-top: 2rem;

    display: flex;
    flex-direction: row;
    justify-content: space-between;

    font-weight: bold;

    background-color: #f2f2f2;

    padding: 8px;

  }

  .titulo_linhas > span{

    font-weight: bold;

    width: 15rem;
  }

  .lista{
    width: 100%;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    border-bottom: 1px solid #ccc;

    margin-bottom: 1rem;
  }

  .filter_form{
    border: 1px solid #ccc;
    padding: 1rem;
    border-radius: 7px;
  }

  .atividades{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    padding: 8px;
  }

  .linhas{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    padding: 8px;
  }

  .linhas > span{
    width: 15rem;
  }

  /* .linhas > span > button{
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  } */

  button{
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }

  .green_button{
    background: linear-gradient(to bottom, #6cd657, #024608);
  }

  .green_button:hover{
    background: linear-gradient(to bottom, #024608, #6cd657);
  }

  .silver_button{
    background: linear-gradient(to bottom, #b8b7b6,  #4b4a4a);
  }

  .silver_button:hover{
    background: linear-gradient(to bottom,#4b4a4a, #b8b7b6);
  }

  .golden_button{
    background: linear-gradient(to bottom, #e6c404,  #685902)
  }

  .golden_button:hover{
    background: linear-gradient(to bottom,#685902, #e6c404);
  }

  .blue_button{
    background: linear-gradient(to bottom, #3498db, #0e2c41);
  }

  .blue_button:hover{
    background: linear-gradient(to bottom, #0e2c41, #3498db);
  }

  .purple_button{
    background: linear-gradient(to bottom, #db34c5, #290925);
  }

  .purple_button:hover{
    background: linear-gradient(to bottom, #290925, #db34c5);
  }

  .red_button{
    background: linear-gradient(to bottom, #d85c46, #dd2114);
  }

  .red_button:hover{
    background: linear-gradient(to bottom, #dd2114, #d85c46);
  }

  .green_button{
    background: linear-gradient(to bottom, #6cd657, #024608);
  }

  .botao_icone{
    display: none;
  }

  .register_button{
    align-self: center;
    max-width: 10rem;

    margin-bottom: 1rem;
  }

  /* .lista div:nth-child(odd) {
    background-color: #f2f2f2;
  } */

  .lista div:nth-child(odd) {
    background-color: #cecccc; /* Cor de fundo para linhas ímpares */
  }

  /* fim das listas */

  .centralizado{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    margin: 2rem;
  }

  iframe{
    margin-bottom: 2rem;
    /* width: 90%; */
  }

  .mobile-menu {
    display: none;
    cursor: pointer;
  }

  .mobile-menu div {
    width: 32px;
    height: 2px;
    background: #000;
    margin: 8px;
    transition: 0.3s;
  }



  .search-bar {
    display: flex;
    align-items: center;
  }

  .search-button {
    background-color: #fff;
    border-radius: 0 4px 4px 0;
    padding: 8px;
    font-size: 16px;

    border: 1px solid #ccc;
  }

  .search-input {
      display: flex;
      align-items: center;
      flex: 1;
      padding: 8px;
      font-size: 16px;

      background-color: #fff;

      border: 1px solid #ccc;
      border-radius: 4px 0 0 4px;
  }

/* cadastro */

.checked_mark{
    font-size: 20px;
    font-weight: bold;
    color: springgreen;
}

.check{
    display: flex;
    flex-direction: column;
}

.check_items {
    display: flex;
    align-items: center;
    margin: .625rem 0; /* Espaçamento vertical entre os itens */
}

.check_items input[type="checkbox"] {
    margin-right: 0.5rem; /* Espaçamento horizontal entre o checkbox e o rótulo */
}

.check_items label {
    font-size: 16px; /* Estilize o tamanho do texto conforme desejado */
}

.form-group-check {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.form-group-check label {
    margin-bottom: 5px;
    font-weight: bold;
}

.form-group-check input {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.register_title{
    display: flex;
    justify-content: center;
}
/* fim do cadastro */


/* tabela */
.custom-table {
  border-collapse: collapse;
  width: 100%;

  border-bottom: 1px solid lightgray;

  margin-top: 1rem;

  /* margin: 2rem; */

}

.custom-table th,
.custom-table td {
  padding: 10px;
  text-align: left;
}

.custom-table th {
  background-color: #f2f2f2;
}

.custom-table tbody tr:nth-child(even) {
    background-color: #cecccc; /* Cor de fundo para linhas ímpares */
}

.edit-button,
.remove-button {
  border: none;
  background-color: transparent;
  cursor: pointer;
  color: #007bff; /* Cor do link */
}

.edit-button:hover,
.remove-button:hover {
  text-decoration: underline;
}

.iframe_buttons {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
/* fim da tabela */


/* form */
.content{
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
    background: white;
    border: 1px solid lightgray;
    border-radius: 7px;

    margin: 2rem;
    font-family: system-ui, -apple-system, Helvetica, Arial, sans-serif;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    padding-bottom: 1rem;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    overflow: auto;
}

.content h3 {
  margin: 1rem;
}

.form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.form-group label {
    margin-bottom: 5px;
    font-weight: bold;
}

.form-group input {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;

    width: 30rem;
}

/* Estilizando o seletor */
select {
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: white;
    width: 100%;
}

/* Estilizando as opções */
select option {
    padding: 8px;
}

/* Estilizando o seletor quando aberto */
select:focus {
    border-color: #6d9bca;
}

/* Estilizando o botão */
.styled-button {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    background: linear-gradient(to bottom, #3498db, #2980b9);
    border: none;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    width: auto;
    align-self: center;
}

.styled-button-red {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  color: #fff;
  background: linear-gradient(to bottom, #d85c46, #dd2114);
  border: none;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  align-self: center;
}

.styled-button:hover {
    background: linear-gradient(to bottom, #2980b9, #3498db);
}

.form-line{
    display: flex;
}

.form-new{
    margin: 1rem;
}

.form-new > label{
    font-weight: bold;
}

.new-button{
    padding: .325rem;
}

/* end form */

/* Estilo para os links de paginação */
.pagination > li > a,
.pagination > li > span {
    font-size: 14px;
    padding: 5px 10px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    color: #333;
}

/* Estilo para o link ativo */
.pagination > .active > a,
.pagination > .active > span {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
}

/* fim paginação */

.msg{
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
    margin-bottom: 0;
    text-align: center;
    padding: 10px;
}

.error_msg{
    background-color: #f8dbd9;
    color: #ca1407;
    border: 1px solid #c3e6cb;
    margin-bottom: 0;
    text-align: center;
    padding: 10px;
}

/* estilo do laudo */
.logotipo > img{
    max-width: 10rem;
}
/* fim do estilo do laudo */

/* ajustes */
.form-group .input_text {
    width: 100%;
}

.add_button_content{
    display: flex;
    justify-content: center;
    align-items: center;
}

.botao_registro {
    margin-top: 1rem;
}

.titulo_interno{
    display: none;
}

.qtd_exames_circle {
    display: inline-block;
    width: 25px; /* Ajuste conforme necessário */
    height: 25px; /* Ajuste conforme necessário */
    border-radius: 50%;
    background-color: gray;
    text-align: center;
    line-height: 25px; /* Para centralizar o texto verticalmente */
    margin: 0 5px; /* Ajuste conforme necessário */
}

.qtd_exames {
    color: white; /* Cor do texto dentro do círculo */
}

#toggleFilter {
    margin: 1rem;
}

  @media (min-width: 698px){
    .form_section{
        display: flex;
        justify-content: center;
    }

    .generic_form{
        width: 50%;
    }
  }

  @media (max-width: 697px){
    .form-new{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .modal-content{
        max-width: 23.6rem;
    }

    .modal_item{
        margin-bottom: .5rem;
    }

    .dados{
        padding: 1rem;
    }

    .input_form{
        max-width: 18.5rem;
    }

    /* input[type="date"] {
        max-width: 18.5rem;
    } */

    .linhas{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .linhas > span {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: .25rem;
    }

    .titulo_linha {
        font-weight: bold;
    }

    .titulo_interno{
        font-weight: bold;
        display: block;
    }

    .regular{
        min-width: 10rem;
    }

  }

  @media (max-width: 999px) {
    body {
      overflow-x: hidden;
    }

    .nav-list {
      display: none;
      position: absolute;
      top: 8vh;
      right: 0;
      width: 50vw;
      height: 92vh;
      background: white;
      flex-direction: column;
      align-items: center;
      justify-content: space-around;
      transform: translateX(100%);
      transition: transform 0.3s ease-in;
    }

    .nav-list ul {
        display: none;
        position: relative;
        background-color: white;
        padding: 0;
        list-style: none;
        margin-top: 8px; /* Adicione uma margem superior para separação dos elementos abaixo */
        transition: display 0.3s ease-in, margin-top 0.3s ease-in;

        /* border-bottom: 1px solid black; */
        border-bottom: 1px solid black;
    }

    .nav-list ul.active {
        display: block;
        margin-top: 0; /* Reduza a margem superior quando o submenu estiver ativo */
    }

    .nav-list ul li a {
        text-decoration: none;
        color: #333;
        position: relative;
        border-bottom: 1px solid gray;
    }

    .nav-list ul.active li a::after {
        content: ""; /* Remove o conteúdo da seta */
    }

    .nav-list li {
      margin-left: 0;
      opacity: 0;
    }

    .mobile-menu {
      display: block;
      margin-right: .5rem;
    }

    /* items das listas */

    .reducao {
        display: none;
    }

    .limited-div{
        width: 5rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .botao_icone{
        display: block;
        font-size: 25px;
    }

    .form-group input {
        width: 20rem;
    }

    .nav-list li.arrow.hide-arrow::after {
        display: none; /* Oculta a seta */
    }

    /* fim */
  }

  .nav-list.active {
    transform: translateX(0);
    display: flex;
  }

  @keyframes navLinkFade {
    from {
      opacity: 0;
      transform: translateX(50px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }

  .mobile-menu.active .line1 {
    transform: rotate(-45deg) translate(-8px, 8px);
  }

  .mobile-menu.active .line2 {
    opacity: 0;
  }

  .mobile-menu.active .line3 {
    transform: rotate(45deg) translate(-5px, -7px);
  }





textarea {
    width: 100%;
    height: 200px;
}