/*jose para las columnas*/
.row {
  display: flex;
  justify-content: space-between;
}
.ays-quiz-container.ays_quiz_classic_light {
padding: 10px 0px 30px 0px!important;
}
.column {
  flex: 1; /* Esto asigna a cada columna un tercio del espacio disponible */
  padding: 0 10px; /* Esto a??ade un poco de espacio alrededor de cada columna */
}

.ays-quiz-category-selective-container {
  display: flex; /* Usa flexbox para el contenedor */
  flex-wrap: wrap; /* Permite que los elementos se ajusten en la pantalla */
}

.column {
  flex: 1; /* Asigna espacio igual entre columnas */
  max-width: 33.33%; /* Asegura que las columnas no excedan un tercio del ancho del contenedor padre */
  padding: 10px; /* A?ade algo de relleno */
  box-sizing: border-box; /* Incluye el relleno en el ancho y alto total del elemento */
}

/* Opcional: Ajustes responsivos para pantallas m¨¢s peque?as */
@media (max-width: 768px) {
  .column {
   max-width: 100%;
   width:100%;
  }
  .row{
    flex-direction: column;
  }
}


/*jose para las columnas*/


.ays-quiz-category-selective-container {
    width: 95%;
    height: fit-content;
    margin: auto;
}
.ays-quiz-category-selective-header-container {
    margin-bottom: 30px;
}
.ays-quiz-category-selective-header-text {
    text-align: center;
}
.ays-quiz-category-selective-container .ays-quiz-category-selective-category-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.ays-quiz-category-selective-container .ays-quiz-category-selective-category-container:not(:last-child) {
    margin-bottom: 15px;
}
.ays-quiz-category-selective-container .ays-quiz-category-selective-text-input {
    width: 100%;
    color: #666;
    padding: 0.75em;
    height: auto;
    border-width: 1px;
    border-style: solid;
    border-color: #e2e8f0;;
    border-radius: 2px;
    background: #F9FAFB;
    box-shadow: none;
    box-sizing: border-box;
    transition: all .2s linear;
}
.ays-quiz-category-selective-container .ays-quiz-category-selective-text-input::placeholder {
    color: #b3b3b3;
}
.ays-quiz-category-selective-container .ays-quiz-category-selective-title-container {
    width: 75%;
    font-size: 15px;
    padding: 0px 5px;
}
.ays-quiz-category-selective-container .ays-quiz-category-selective-count-container {
    width: 20%;
}
.ays-quiz-category-selective-container .ays-quiz-category-selective-count-container {
    width: 25%;
}
.ays-quiz-category-selective-container .ays-quiz-category-selective-count-container .ays-quiz-category-selective-text-input {
    width: 200px;
    max-width: 100%;
}
.ays-quiz-category-selective-container .ays-quiz-category-selective-count-container .ays-quiz-category-selective-text-input {
    width: 100%;
    max-width: 100%;
}
.ays-quiz-category-selective-submit-container {
    margin-top: 30px;
    text-align: center;
}
.ays-quiz-category-selective-submit-container button.ays-quiz-category-selective-submit-bttn,
.ays-quiz-category-selective-container button.ays-quiz-category-selective-restart-bttn {
    border: 0;
    color: #ffffff;
    background-color: #046bd2;
    padding: 15px 30px;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1em;
}
.ays-quiz-category-selective-submit-container button.ays-quiz-category-selective-submit-bttn:hover,
.ays-quiz-category-selective-container button.ays-quiz-category-selective-restart-bttn:hover {
    background-color: #03509e;
}