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

  .table-bordered > thead > tr > th {
    border: 1px solid #dadada;
  }
  .table-bordered > thead > tr > td {
    border: 1px solid #dadada;
  }
  
  .logo-container.hidden-xs {
    display: block !important;
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #5811A2;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.btn-primary {
    color: #fff;
    background-color: #5811A2;
    border-color: #9200ef;
}

.btn-primary:hover {
    color: #fff;
    background-color: #c742f3;
    border-color: #c742f3;
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #c742f3;
    border-color: #c742f3;
}

.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #c742f3;
    border-color: #c742f3;
}

.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #c742f3;
    border-color: #c742f3;
}

.text-primary {
    color: #5811A2;
}

.text-info {
    color: #5811A2;
}

.fa-asterisk:before {
    display: none;
}

.table > tbody > tr > th
{
    vertical-align: middle;
    background-color: #eeeeee;
    color: #000000;
    font-weight: bold;
}

.navbar-default .navbar-nav>li>a {
    display: none;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    vertical-align: middle;
}

#outerframeContainer {
    hyphens: none;
}

.ls-questionhelp {
    display: none;
}

/* --- Reglas para Ocultar Botones de Checkbox (Respuesta Multiple y Matriz) con TITULO --- */

/* Oculta el checkbox cuyo ID contenga 'TITULO' (Ej: 768891X66X18396TITULOB) */
input[id*="TITULO"][type="checkbox"] {
    display: none !important;
}

/* Oculta los adornos de selección del tema (el cuadrado o círculo visual) */
input[id*="TITULO"] + .checkbox-label::before,
input[id*="TITULO"] + .checkbox-label::after {
    display: none !important;
}

/* Ajusta el estilo del texto para que se vea como un título y no sea interactivo */
input[id*="TITULO"] + .checkbox-label {
    cursor: default !important;   /* Muestra el cursor normal */
    pointer-events: none;         /* Deshabilita cualquier clic */
    padding-left: 0 !important;   /* Elimina el espacio que deja el checkbox */
    font-weight: bold;            /* Opcional: Hace que el texto del título sea más grueso */
}

/* --- Reglas para Ocultar Botones de Radio (Respuesta Única) con TT --- */

/* 1. Oculta el botón de radio cuyo ID contenga 'TT' */
input[id*="TT"][type="radio"] {
    display: none !important;
}

/* 2. Oculta los adornos de selección del tema (el círculo visual) */
input[id*="TT"] + .radio-label::before,
input[id*="TT"] + .radio-label::after {
    display: none !important;
}

/* 3. Ajusta el estilo y deshabilita la interacción del texto/label */
input[id*="TT"] + .radio-label {
    cursor: default !important;   /* Muestra el cursor normal */
    pointer-events: none;         /* Deshabilita cualquier clic */
    padding-left: 0 !important;   /* Elimina el espacio que deja el botón de radio */
    font-weight: bold;            /* Opcional: Hace que el texto del título sea más grueso */
}