/******************
    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
*/
.question-container {
    padding: 1em;
}

i {
    font-weight: 100;
}

.matriz-porcentaje .multiflexiselect {
    display:inline-block;
}

.simbolo-porcentaje {
    padding-left: 5px;
}

.question-valid-container {
    position: relative;
    margin-top: -15px;
    padding-bottom: 15px;
}

.yesno-radio-list li label.control-label.answer-text {
    line-height: 22px;
}

.estandar-no-colapsable .array-flexible-row .question-title-container:hover {
    cursor: inherit;
    background-color: inherit;
}

/*INICIO Numero de Pregunta*/
.question-number {
    display:none;
}

.cuestionario-inicial .question-number {
    display:block;
}

.pagina-consentimiento .question-number, .intro-estandares .question-number {
    display:none;
}
/*FIN Numero de Pregunta*/

.ls-answers {
    padding-top: 0;
}

.ls-question-message.ls-em-tip {
    display:none;
}

.table-hover>tbody>tr:hover {
    background-color: #e8e7e7;
}

.radio-item label, .checkbox-item label {
    line-height: 18px;
}

.asterisk.pull-left {
    font-size: 9px;
    margin-left: -15px;
    padding-top: 6px;
}

.matriz-porcentaje table.ls-answers {
    max-width: 400px;
}

.matriz-porcentaje .multiflexiselect {
    width: 70px;
    font-size: 16px !important;
}


.space-col {
    margin-top: 0;
}

.radio-item label::before, .radio-item label::after {
    /*margin-top: 2px;*/
    margin-top: 0;
}

.ls-answers {
    padding-bottom: 0;
    font-size: 16px;
}
.question-title-container {
    font-size: 18px;
}

.pagina-consentimiento #ls-button-submit {
    min-width: 200px
}

.pagina-consentimiento .ls-answers {
    text-align: center;
}

.pagina-consentimiento .radio-item label::before {
    width: 24px;
    height: 24px;
}

.pagina-consentimiento .radio-item label::after {
    width: 18px;
    height: 18px;
}
.pagina-consentimiento .answer-text {
    font-size: 16px;
    padding-left: 12px;
}

.pagina-consentimiento .group-container {
    margin-bottom: -25px;
}

.pagina-consentimiento .question-container {
    border: none;
    background-color: inherit;
}

.pagina-consentimiento .asterisk {
    display: none;
}

.pagina-consentimiento .container {
    width: 80%;
}
.pagina-consentimiento #concentimiento {
    margin-top: 2em;
    padding: 15px 25px;
    border: 2px solid #ccc7c7;
    border-radius: 4px;
}
.texto_acepto_contestar {
    margin-top: 2em;
    padding: 15px 25px;
    border: 2px solid #ccc7c7;
    border-radius: 4px;
}

.boton-salir {
    background-color: #1d1f0b;
}

#outerframeContainer {
    hyphens: none;
}

th:has(.numero-descriptor) {
    display:flex !important;
}

.numero-descriptor {
    padding-right: 10px;
}


.group-title {
    margin-bottom: 1em;;
}

.nombre-dominio {
    font-size: 18px;
    color: #535354;
}

.group-description {
    text-align:center;
    font-size: 15px;
}

a.ver-malla {
    color: #279803 !important;
}

.completed-text {
    text-align: center;
}

#ls-button-submit {
    /*display:none;*/
}

.imagen-malla-modal{
    width:100%;
}
#finalizar {
    color: #1b8000 !important;
}

.ver_malla {
    display:none;
    color: #279803;
}

.ls-answers tbody .control-label {
    text-align: left !important;
}

@media (min-width: 1200px) {
    .container {
        width: 90%;
    }
}
.popover {
  height: 150px;
  /*IMPORTANTE*/
  display: flex;
  justify-content: center;
  align-items: center;
}

#loader {
    display:none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../files/loading_cube.gif') 50% 50% no-repeat grey;
}

.navbar-nav>li {
    padding-top:10px;
}

.navbar-nav>li>a:hover {
    border-bottom: 2px solid;
}

.navbar-nav>li>a {
    padding: 10px 20px 0px 0px !important;
    display:inline;
}


a.guardar:hover {
    color: #3e9111 !important;
}

a.guardar{
    color: #3e91cc !important;
}

a.guardar i {
    font-size: 30px;
}

.questions-list>tbody>tr>td {
    vertical-align: middle;
}

.array-flexible-row .question-title-container:hover {
    cursor: pointer;
    background-color: #f0f8ff;
}


.answer-container ul {
    margin-bottom: -15px;
}

.answer-container {
    padding-bottom: 15px;
}

.array-flexible-row .answer-container {
    padding-bottom: 15px;
}

.multiflexiselect {
    font-size: 11px !important;
    padding: 0px !important;
}
.d-flex {
    display: flex;
}
.d-none {
    display: none;
}
#footer_cont {
    margin-top: 2em;
}
    
#footer_cont .d-flex {
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px;
}
#footer_cont img {
    max-height: 80px;
    max-width: 90%;
}
div#bottomScripts {
    display: none;
}
body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: 100vh;
}
body > article {
    margin-bottom: auto;
}

.cont_instrucciones_group {
    margin-bottom: 2em;
    border: 1px solid #e7e7e7;
    background-color: #f8f8f8;
    padding: 18px 15px;
    font-size: 18px;
}

#ls-button-submit:not(.ls-move-next-btn) {
    background-color: #1c6b1a;
    font-weight: 600;
    border-color: #144912;
}
#ls-button-submit:not(.ls-move-next-btn):hover {
    background-color: #239120;
}
.completed-text {
    text-align: center;
    gap: 15px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.completed-text > a {
    background-color: #1c6b1a;
    font-weight: 600;
    color: white;
    padding: 12px;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #144912;
    margin-top: 15px;
    text-decoration: none;
}
.completed-text a:hover {
    background-color: #239120;
}
.destacado {
    background-color: #eef5ff;
    border-color: #91b9d5;
}
.q-salida .question-number {
    display: none !important;
}