/******************
    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
*/
ul.nav.navbar-nav.navbar-action-link.navbar-right {
    display: none;
}
.navbar-header button.navbar-toggle.collapsed {
    display: none;
}

.cont_banner_bienestar {
    display: none;
}
.cont_footer_logo {
    display: none;
}
.question-text {
    font-size: 17px;
}
img.img_ia.portrait_ia {
    margin-top: 25px;
    margin-bottom: 18px;
    width: 150px;
    max-width: 100%;
}
#group-2 .question-text {
    font-weight: 600;
}
.question-valid-container {
    font-size: 16px;
}
.answer-container {
    font-size: 16px;
}
.subquestion-list.table tr.answers-list th.answertext {
    font-weight: 600;
}
.subquestion-list.table .ls-heading {
    background-color: #f3f7fe;
}
.subquestion-list.table .ls-odd {
    background: #f3f7fe;
}
.logo-container > img {
    width: 350px;
    height: 90px;
}
#outerframeContainer {
    max-width: 100%;
    width: 100%;
    padding: 0;
    overflow: visible;
    
    word-wrap: normal;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    -o-hyphens: none;
    hyphens: none;
}

#main-col {
    margin-top: 0;
}
body .top-container {
    margin-top: 0 !important;
    margin-bottom: 0;
}
.group-outer-container {
    margin-top: 0;
}
.group-description.row.well.space-col.question_width_container {
    color: #2b65ef;
    text-transform: uppercase;
    font-size: 30px;
    border: none;
    background: no-repeat;
    box-shadow: none;
    text-align: center;
}
.group-container.space-col {
    margin-top: 0;
}
.group-container > .question-container {
    border: none;
    background-color: #f3f7fe;
    margin-bottom: 0;
}
.group-container > .question-container .ls-label-question h2 {
    color: #2b65ef;
    text-transform: uppercase;
}

.group-container > .question-container:nth-child(2n + 1) {
    background: white;
}

.tarjeta_iabienvenida {
    background-color: white;
    padding: 35px 5% 50px;
    border-radius: 20px;
    margin-bottom: -100px;
}

#group-0 .group-container > .question-container:nth-child(1) {
    background-color: #2b65ef;
    padding-top: 70px;
}
#group-0 .group-container > .question-container {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 40px;
}
.yesno-radio-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 26px;
}

.yesno-radio-list .radio-item {
    border: 1px solid #2b65ef;
    width: calc(50% - 26px);
    display: flex;
    align-items: center;
    justify-content: left;
    padding: 10px 34px;
}
.yesno-radio-list .radio-item .answer-text {
    /* display: none !important; */
    position: absolute;
    visibility: hidden;
}

.yesno-radio-list .radio-item::after {
    margin-left: 10px;
}
.yesno-radio-list .radio-item:nth-child(1)::after {
    content: "Sí, acepto participar en el estudio";
}
.yesno-radio-list .radio-item:nth-child(2)::after {
    content: "No, declino mi participación";
}

.yesno-radio-list .radio-item label::after {
    visibility: visible;
    width: 24px;
    height: 24px;
    top: -2px;
    left: -4px;
}

.yesno-radio-list .radio-item label::before {
    visibility: visible;
    width: 30px;
    height: 30px;
    top: -5px;
    left: -7px;
}

.numeric.question-container input.numeric {
    text-align: left;
    max-width: 300px;
}


.col-doble .ls-label-question {
    display: flex;
    flex-wrap: wrap;
}
.question_width_container {
    max-width: 1150px;
    margin: auto;
}
#navigator-container {
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
}

.yesno-button.btn-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.yes-no .answer-container {
    display: flex;
    justify-content: center;
}

.yes-no li.button-item {
    width: 100% !important;
    background-color: white;
    color: #333;
    border-radius: 0;
    margin-left: 0 !important;
    border: 2px solid #2b65ef;
}

.yes-no li.button-item label {
    display: flex;
    text-align: center;
    justify-content: center;
    margin: 0;
    padding: 2px;
}

.yes-no li.button-item:nth-child(1) label:after {
    content: ", acepto participar en el estudio";
    background-color: transparent;
}

.yes-no li.button-item.active {
    background-color: #2b65ef;
    color: white;
}

.yes-no li.button-item:nth-child(2) label:after {
    content: ", declino mi participación";
    background-color: transparent;
}

.yes-no li.button-item:hover {
    background-color: #2b65ef !important;
    color: white;
}

.yes-no li.button-item label span {
    display: none !important;
}

.subquestion-list.table .ls-heading {
    position: sticky;
    top: 90px;
    z-index: 2;
    box-shadow: 0px 2px 0 -1px #ecf0f1;
}

.completed-text {
    font-size: 22px;
    text-align: center;
    margin-top: 50px;
}

.completed-text a {
    background-color: #337ab7;
    color: white;
    padding: 10px 26px;
    border-radius: 4px;
    text-decoration: none;
    border: 1px solid #337ab7;
}

.completed-text a:hover {
    background-color: white;
    color: #337ab7;
}