/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

/* Define el ancho de la tabla con los logos */
  .tabla-2logos {
    min-width: 300px; /* Ancho mínimo */
    max-width: 100%; /* Ancho máximo */
    width: 100%; /* Opcional: permite que la tabla se ajuste al ancho disponible, si es menor que el max-width */
  }


.survey-name{
    font-family: "Trebuchet MS" !important;
  }

.survey-description{
    text-align: left !important;
    font-family: "Trebuchet MS" !important;
    color: #005d0d !important; 
    border: none !important;
  }

.group-description{
    text-align: left !important;
    font-family: "Trebuchet MS" !important;
    color: #005d0d !important; 
    border-collapse: collapse !important;
    border: none !important;
  }

.ls-label-question{
    text-align: left !important;
    font-family: "Trebuchet MS" !important;
    color: #005d0d !important;
    font-weight: bold;
    border-collapse: collapse !important;
    border: none !important;
  }

.ls-answers{
    text-align: left !important;
    font-family: "Trebuchet MS" !important;
    color: #005d0d !important;
    border-collapse: collapse !important;
    border: none !important;
  }
  
.lsquestiontext{
    text-align: left !important; 
    font-family: "Trebuchet MS" !important;
    color: #005d0d !important; 
    border-collapse: collapse !important;
    border: none !important;
  }

.answertext.control-label{
    text-align: left !important;
    font-family: "Trebuchet MS" !important;
    color: #005d0d !important;
    border-collapse: collapse !important;
    border: none !important;
}
.answer-item{
    font-family: "Trebuchet MS" !important;
    color: #005d0d !important;
    border-collapse: collapse !important;
    border: none !important;
}
.answers-text{
    font-family: "Trebuchet MS" !important;
    color: red !important;
    border-collapse: collapse !important;
    border: none !important;
}
.answers-list{
    font-family: "Trebuchet MS" !important;
    color: red !important;
    border-collapse: collapse !important;
    border: 0px solid white !important;
}
.radio-list{
    font-family: "Trebuchet MS" !important;
    color: #005d0d !important;
    border-collapse: collapse !important;
    border: none !important;
}  
.ls-even{
    font-family: "Trebuchet MS" !important;
    color: #005d0d !important;
    border-collapse: collapse !important;
    border: none !important;
}

.table-bordered{
    font-family: "Trebuchet MS" !important;
    border-collapse: collapse !important;
    border: 0px solid white !important;
}

.ls-table-wrapper{
    font-family: "Trebuchet MS" !important;
    border-collapse: collapse !important;
    border: 0px solid white !important;
}

.ls-group-dynamic .form-control-static{border: 0px solid transparent !important;padding-left:15px;padding-right:15px;}


/* CHAT GPT */

/* Eliminar bordes de celdas de tablas tipo matriz */
.table thead th,
.table thead td,
.table tbody th,
.table tbody td {
  border: none !important;
  border-width: 0 !important;
}

/* También eliminar bordes de tablas con clases específicas */
.ls-answers .table,
.ls-answers .table thead,
.ls-answers .table tbody,
.ls-answers .table tr,
.ls-answers .table td,
.ls-answers .table th {
  border: none !important;
  border-width: 0 !important;
  border-collapse: collapse !important;
}

/* También puedes apuntar específicamente a los headers de tipo matriz */
.answer-container .question-matrix .table thead th {
  border: none !important;
  background: none !important; /* opcional, en caso de que haya fondo */
}

/* Asegura que la tabla matriz en sí no tenga borde */
.question-matrix .table {
  border: none !important;
  border-collapse: collapse !important;
}





/* Oculta la ayuda en todas las preguntas, PERO ESTÁ OCULTA EN LA LÍNEA 44 DE question.twig*/
/* .ls-questionhelp {
    display: none;
}/*