/******************
    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
*/
#survey-nav div {
    max-width: 100%;
    background-color: #124159;
}

#navbar li a {
    color: #fff;
}

#surveys-list-container {
    padding: 20px 0px;
    background-color: #fff;
    justify-content: center;}

img.logo-principal{
    padding-bottom:20px;
}

.titulo-principal{
    font-size: 28px;
    color: #124159;
}

.survey-list.col-12 {
    box-shadow: 6px 6px 18px 0px rgba(0, 0, 0, 0.3);
    padding: 25px;
}

#surveyListFooter {
	left: 0px;
	bottom: 0px;
	border-top:2px solid #124159;
	padding-top: 20px;
    padding-bottom: 70px;
}


.survey-list-heading.col-12 {
    padding-bottom: 10px;
}

.titulolistado{
    font-size: 1.8rem;
    color: #124159;
}

/*Pagina bienvenida al cuestionario, titulo resumen y descripcion*/
h1.survey-name.text-center {
    font-size: 2.5rem;
    padding-bottom:10px;
}

#welcome-container {
    border: 1px solid rgb(18 65 89 / 18%);
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 25px;
    font-size: 1.1rem;
}

.survey-welcome.h5.text-primary {
    font-size: 1.1rem;
    padding-top: 15px;
    line-height: 1.7rem;
}

/*---------------------------------*/

/*BLOQUE CUESTIONARIO*/

.question-container {
    padding:30px;
    margin-bottom:15px;
}

.group-container {
    border: 1px solid rgb(18 65 89 / 18%);
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 25px 25px 25px 25px;
}

.question-title-container {
    border-radius: 5px 5px 0px 0px;
}

.answer-container {
    padding: 10px 20px 5px 20px;
    border-top: 0px!important;
    border: 1px solid rgb(18 65 89 / 18%);
    box-shadow: 6px 6px 18px 0px rgba(0, 0, 0, 0.3);
    margin-bottom:15px;
    
}

.form-control {
    border: 1px solid rgb(18 65 89 / 18%);
}

table.ls-answers thead {
    background-color: #e9f0f6;
}

.ls-answers {
    padding-bottom: 5px;
}

.ls-answers.table>:not(:first-child) {
    border-top: 2px solid #ced4da;
}

.ls-answers tbody .answertext {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}


/*Estilos de una tabla matriz*/

.ls-table-wrapper {
    padding: 25px;
}

.ls-questionhelp {
    padding-top: 15px;
}

/*estilos del div de ayuda*/

.question-valid-container {
    background-color: #ffffff !important;
    border: 1px solid rgb(18 65 89 / 18%);
    border-top:0px;
    border-bottom: 0px;
    text-align: left;
    padding-left: 20px;
}

.question-help-container {
    padding-left: 20px;
}

/*------------------------------*/

/*Página de despedida*/

.completed-wrapper {
    border: 1px solid rgb(18 65 89 / 18%);
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 35px;
    font-size: 1.1rem;
    margin-top: 15vh;
}

/*--------------------------*/

/*Cabecera en las páginas de error*/

.cabecera {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120px;
  background-color: #124159;
  display: flex;
  align-items: center;
  padding-left: 20px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  z-index: 1000;
}

.logo-cabecera{
    max-height:90px;
    padding-left:6px;
}

#error-card {
    border: 1px solid rgb(18 65 89 / 18%);
    box-shadow: 6px 6px 18px 0px rgba(0, 0, 0, 0.3);
    margin-bottom: 15px;
    padding: 25px;
    margin-top: 15vh !important;
}

.titulo-error p{ 
    color:#124159!important;
    font-size:2.1rem;
}

.card-text {
    font-size: 1.1rem;
    padding-top: 10px;
}

/*-------------------------*/

.logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding:10px;
}

.logo-link {
    display: inline-block;
    text-decoration: none;
}

.logo-link img.logo {
    max-height: 90px;
    height: auto;
    width: auto;
    display: block;
}

/*icono de estrella de las preguntas*/

sup.text-danger.fa.fa-asterisk.small {
    padding: 12px 8px 0px 0px;
    color: #fff !important;
}

/*ESTILOS DE LOS BOTONES DE LAS PREGUNTAS DEL CUESTIONARIO*/

/*centramos los botones*/

.answer-container .btn-group {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

/*Cambiamos los colores*/

.answer-container .btn-primary {
    color: #124159;
    background-color: #e9f0f6;
    border-color: #124159;
}

.answer-container .btn-primary:hover {
    color: #fff;
    background-color: #124159;
    border-color: #124159;
}

.answer-container .btn-check:checked+.btn-primary {
    color: #fff;
    background-color: #124159;
    border-color: #124159;
}

/*--------------------FIN ESTILOS BOTONES ------------------*/