/* Estilo para o checkbox */
      .form-check-input {
          width: 24px !important;
          height: 24px !important;
          border: 2px solid #233D36;
          /* Cor da borda */
          border-radius: 10px;
          /* Canto arredondado */
          background-color: #fff;
          /* Cor de fundo */
          appearance: none;
          /* Remove o estilo padrão */
          cursor: pointer;
          display: inline-block;
          vertical-align: middle;
      }

      /* Estilo para o estado marcado */
      .form-check-input:checked {
          background-color: #233D36;
          /* Cor de fundo quando marcado */
          border-color: #233D36;
          /* Cor de fundo quando marcado */
          background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23FFF' d='M6.173 11.923L3.219 8.865a.5.5 0 1 1 .71-.706l2.248 2.254 4.902-4.941a.5.5 0 0 1 .706.706L6.173 11.923z'/%3E%3C/svg%3E");
          background-repeat: no-repeat;
          background-position: center;
          background-size: 28px 28px;
      }

      .message {
          color: #747284;
          font-size: 24px;
          margin-bottom: 20px;
      }

      .circle {
          width: 60px;
          height: 60px;
          border: 2px solid #5a5a5a;
          /* Cor da borda */
          border-radius: 50%;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 24px;
          font-weight: bold;
          color: #5a5a5a;
          /* Cor do número */
      }

      .timer-container {
          align-items: center;
          display: flex;
          flex-direction: column;
      }

      .btn-step {
          height: 88px !important;
      }

      ol li {
          font-size: 36px;
      }

      ol li:before {
          width: 60px;
          height: 60px;
          font-size: 48px;
          color: #F6921E;
      }

      .section-headline {
          font-size: 36px;
          color: #747284;
          line-height: 40px;
      }

      .cpf-link-button {
          font-weight: 700;
      }

      .form-control:focus {
          border-color: #F6921E;
      }

      .form-control {
          font-size: 1.75rem;
      }

      /* Campos tamanho, espacamentom, cores garantir que no focus todos tenham o mesmo tamanho */

      .form-floating>.form-select {
          /* padding-top: 46px; */
          height: 80px;
          font-size: 1.75rem;
          /* padding-bottom: 30px; */
      }

      .form-floating>.form-control:not(:placeholder-shown) {
          height: 80px;
      }

      .form-floating>.form-control:focus {
          height: 80px;
      }

      .form-floating>.form-control {
          height: 80px;
      }

      .form-floating>label {
          top: 3px;
          font-size: 1.5rem;
      }

      .form-floating>label::after {
          top: -20px;
      }

      .form-floating>.form-control:focus~label,
      .form-floating>.form-control:not(:placeholder-shown)~label,
      .form-floating>.form-control-plaintext~label,
      .form-floating>.form-select~label {
          color: rgba(var(--bs-body-color-rgb), 0.65);
          -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
          transform: scale(0.85) translateY(-2.3rem) translateX(0.15rem);
      }

      .color-gray {
          color: #747284
      }

      .btn-default:hover {
          color: #FFF !important
      }

      .btn-default:hover span {
          color: #FFF !important
      }

      .btn-default:hover hr {
          border: 1px #fff solid !important;
      }

      .hr-agendamento {
          max-width: 296px !important;
          border: 1px #354e46 solid !important;
          opacity: 1 !important;
      }

      .btn-agendamento-textos {
          font-size: 28px;
      }

      .form-select {
          background-position: right 1.5rem center;
      }

      .form-select:focus {
          border-color: #F6921E;
          -webkit-box-shadow: none;
      }

      .mb-field {
          margin-bottom: 32px;
      }

      .btn-checkin-totem {
          background-color: #F4F4FA;
          border: none;
      }

      .btn-checkin-totem:hover {
          background-color: #F4F4FA;
          border: none;
      }

      .noHover {
          pointer-events: none;
      }

      .section-content {
          font-size: 24px;
      }

      .btn-checkin-erro-visitante {
          background-color: #FFF;
          border: #F6921E solid 1px;
      }

      .checkin-erro-visitante-text {
          font-size: 28px;
          color: #747284;
          font-weight: 500;
          line-height: 36px;
          text-align: center;
          text-underline-position: from-font;
          text-decoration-skip-ink: none;
      }

      .checkin-erro-icon {
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          border: 2px solid #dcdcdc;
          border-radius: 20px 8px 8px 8px;
          content: counter(list-counter) " ";
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          font-weight: 700;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          margin-right: 20px;
          -webkit-box-flex: 0;
          -ms-flex: none;
          flex: none;
          width: 60px;
          height: 60px;
          font-size: 48px;
          color: #F6921E;
      }

      .form-error {
          font-family: Acherus Grotesque;
          font-size: 32px;
          font-weight: 700;
          line-height: 40px;
          text-align: center;
          text-underline-position: from-font;
          text-decoration-skip-ink: none;
          color: #DD5934;
      }


      .ui-widget-content .ui-state-default {
          width: 90px;
          height: 90px
      }



      button[data-value="space"] {
          width: 25em !important;
      }