/******************
    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
*/

/* Color de fondo de la barra superior */
.fruity .navbar-collapse {
    background: #fff;
}

/* Color de fondo del bloque de respuestas
.answer-container, .question-container {
    background: white;
} */

/* Redondeo superior del bloques de preguntas */
.question-container {
    border-radius: 10px 10px 0 0;
}

/* Texto de la pregunta en negrita y la ayuda*/
.question-title-container, .question-help-container {
    font-weight: bold;
}

/* Texto de los mensajes de ayuda de la pregunta en cursiva */
.question-valid-container {
    font-style: italic;
}

/* Posición del título centrada cuando hay logotipo */
.navbar-title {
    font-size: 18px;
    line-height: 20px;
    float: left;
    display: inline;
    position: absolute;
    top: 40%;
}

/* Espacio superior de la barra de avance */
body .top-container {
    margin-top: 20px !important;
}

/* Color de los botones de navegación */
/* Siguiente / Enviar */
.fruity .btn-primary {
    color: white;
    background-color: #00304F;
    border: 1px solid #00304F;
}

.fruity .btn-primary:hover, .fruity .btn-primary:focus, .fruity .btn-primary:active, .fruity .btn-primary.active, .fruity .btn-primary.active:focus, .fruity .open .dropdown-toggle.btn-primary {
    color: white;
    background-color: #006eb5;
    border: 1px solid #00304F;
}

/* Anterior */
.fruity .btn-default {
    color: #00304F;
    background-color: white;
    border: 1px solid #00304F;
}

.fruity .btn-default:hover, .fruity .btn-default:focus, .fruity .btn-default:active, .fruity .btn-default.active, .fruity .open .dropdown-toggle.btn-default {
    color: #00304F;
    border: 1px solid #00304F;
    background-color: rgba(0,48,79,0.1);
}

/* Pie de página */
.pie-pagina {
    margin-bottom: 30px;
}
.pie-pagina img {
    margin: auto;
    display: block;
}
.pie-pagina hr {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.3;
}

/* Texto de bienvenida */
.fruity .text-primary {
    color: #00304f;
    line-height: 1.4em;
}

/* Bloque resumen de preguntas y respuestas */
.informesresumen .question-title-container {
    background-color: #fff !important;
    color: #000 !important;
    border-top: 0px solid #dbdbdb;
    border-left: 0px solid #dbdbdb;
    border-right: 0px solid #dbdbdb;
    font-weight: normal;
}
.question-container.informesresumen {
    background-color: #fff !important;
    border: 0px solid #e6e6e6 !important;
    box-shadow: 0 0 0 0;
    margin-bottom: 0em;
}

/* Bloque de texto para las cabeceras de los informes */
.cabecerainformesresumen {
    background-color: #fbfbfb !important;
    box-shadow: none !important;
    border: none !important;
}
.cabecerainformesresumen .question-title-container {
    background-color: #fbfbfb !important;
    color: #000 !important;
    border-top: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    font-weight: normal;
}

/* Corregir línea rara en bloques informativos */
.informesresumen #bg-primary {
    background-color: white;
}

/* Cambiar la anchura de las preguntas numéricas múltiples 'numerosmultiples'*/
.numerosmultiples .col-sm-8 {
  width: 10%;
}

.numerosmultiples .col-sm-4 {
  width: 90%;
}