.title-session-with-button {
  margin-bottom: 28px;
  display: flex;
}

button.card-button-detail, a.card-button-detail {
  background-color: #28ff52;
  border-color: #28ff52;
  color: #212e3e !important;
}

.card-header-icon {
  right: 30px;
  top: 40%;
}

.body-icon {
  right: 30px;
  top: 30%;
}

.card-check__content {
  width: fit-content;
  padding: 16px;
  /*position: relative !important;*/
}

.card-check__content:hover {
  background-color: #424D5B !important;
}

.card-check__content:hover .card-agendamento-info {
  color: #fff !important;
}

.card-check__content:hover .card-agendamento-info .icone img.icon {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(16deg) brightness(105%) contrast(101%);
}

.card-check__content .card-agendamento-info {
  display: flex;
  line-height: 2.5;
}

.card-check__content .card-agendamento-info .icone img.icon {
  margin-right: 8px;
}

.card-agendamento-info {
  font-size: 14px;
  font-weight: 600;
  font-family: "Mulish" !important;
  white-space: nowrap;
}

.card-check__input:checked ~ .card-check__content .card-agendamento-info .icone img.icon {
  filter: invert(73%) sepia(80%) saturate(786%) hue-rotate(68deg) brightness(113%) contrast(101%);
}

.card-check__content .card-agendamento-info {
  display: flex;
  line-height: 2.5;
}

.card-check__content .card-agendamento-info .icone img.icon {
  margin-right: 8px;
}

.modal-content:has(.div-horarios) {
  width: fit-content;
}

.modal-content .div-horarios {
  flex-direction: row;
  display: flex;
  flex-wrap: wrap;
  padding: 32px 23px;
  gap: 8px;
  max-width: 790px !important;
  width: max-content !important;
  min-width: 600px;
}

.card-agendamento {
  margin-bottom: 8px;
}

/**Titulo*/
.reprogramar-title-horarios {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
}

.container-periodos-disponiveis-agendamento {
  margin: 16px;
  margin-top: 0;
}

.content-botoes {
  display: flex;
  justify-content: flex-start;
}

.content-botoes .botao {
  width: auto;
}

.header-label {
  width: 170px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #222222 !important;
  line-height: 30px !important;
}

.body-information-detail .header-label {
  min-width: unset;
}

.body-information-header {
  gap: unset;
}

.body-information-detail .header-info, .header-info {
  text-transform: lowercase !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 30px !important;
}

.body-information-detail {
  margin-top: unset;
  gap: unset;
}

@media (max-width: 767px) {
  button.card-button-detail, a.card-button-detail {
    width: 100%;
  }
  .content-botoes {
    flex-direction: column;
    align-items: stretch;
  }
  .content-botoes .btn {
    width: 100%;
    margin-bottom: 8px;
  }
  .card-header-icon, .body-icon {
    right: 16px;
    top: 22px;
  }
  .info {
    display: flex !important;
    line-height: 18px;
  }
  .body-information-detail .header-label, .body-information-detail .header-info, .header-info {
    font-size: 14px !important;
    line-height: 18px !important;
  }
  .body-information-detail .header-label {
    overflow-wrap: break-word;
    width: 100px !important;
    min-width: 100px !important;
    font-style: normal !important;
    color: #222222 !important;
    line-height: 18px !important;
  }
  .header-label {
    width: 100px !important;
    min-width: 100px !important;
    font-style: normal !important;
    color: #222222 !important;
    line-height: 18px !important;
  }
  .body-information-detail {
    width: 100%;
  }
  .div-horarios {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 8px;
    border: unset;
    padding: unset;
  }
  .reprogramar-title-horarios {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #222222;
  }
  .card-agendamento {
    margin-bottom: 8px;
    flex-basis: 50%;
  }
  .card-check__content {
    padding: 16px;
    padding-right: 32px;
  }
  /*.mobile-container-header span {
      z-index: 99999;
      position: relative;
      font-weight: 600;
      font-size: 28px !important;
  }*/
}
.primeiro-titulo-consulta {
  margin-bottom: unset;
}

.primeiro-titulo-consulta p {
  margin-bottom: 16px;
}

.row.corpo-pagina-consulta {
  margin-top: 16px;
}

.btn-nao:hover {
  color: white !important;
}

/**Somente desktop*/
@media (min-width: 767px) {
  .card-check__content {
    position: relative;
    z-index: 1;
  }
  .card-agendamento {
    position: relative;
    z-index: 2;
  }
  .card-check__input:checked ~ .card-check__content {
    background-color: #212e3e;
  }
  .card-agendamento .card-check__input:checked ~ .card-check__content {
    pointer-events: none; /* Desabilita eventos de ponteiro, incluindo hover */
  }
}
#TelefoneContato:focus, #PontoReferencia:focus {
  border: 1px solid #28FF52;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(40, 255, 82);
  border-right-color: rgb(40, 255, 82);
  border-bottom-color: rgb(40, 255, 82);
  border-left-color: rgb(40, 255, 82);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  box-shadow: unset;
}