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

#question2043 .col-responses .col-answers {
    width: 80% !important;
}

#question2043 .col-responses .ls-col-odd {
    width: 10% !important;
}

#question2043 .col-responses .ls-col-even {
    width: 10% !important;
}

#question2043 .answertext {
    text-align: left;
}

#question2043 .ls-heading-repeat {
    display: none;
}

#question2141 .control-label {
    text-align: left;
}

#question2141 input {
    cursor: default;
}

.ls-privacy-body {
    display: none;
}

/* CUNIX */
#question2162 .form-control {
    background-color: #f5f5f5!important;
    -webkit-border-radius: 29px 29px 29px 29px!important;
    border: 3px solid #ff781d!important;
}

#question2162 .answer-container {
    border-style: unset;
    color: #665a98;
    background-color: #e2e2e2;
    -webkit-border-radius: 29px 29px 29px 29px;
    border: 0px solid #ff781d;
}

#question2180 .form-control,
#question2181 .form-control,
#question2182 .form-control,
#question2183 .form-control{
    background-color: #f5f5f5!important;
    -webkit-border-radius: 29px 29px 29px 29px!important;
    border: 3px solid #ff781d!important;
    min-width: 100%;
}

#question2180 .answer-container,
#question2181 .answer-container,
#question2182 .answer-container,
#question2183 .answer-container{
    border-style: unset;
    color: #665a98;
    background-color: #e2e2e2;
    -webkit-border-radius: 29px 29px 29px 29px;
    border: 0px solid #ff781d;
}

#question2180 .question-text,
#question2181 .question-text,
#question2182 .question-text,
#question2183 .question-text,
#question2184 .question-text,
#question2425 .question-text{
    color: #a98ce0;
    z-index: 1;
    font-weight: bolder;
}

#question2180,
#question2181,
#question2182,
#question2183,
#question2184,
#question2425{
    margin-bottom: 0;
}

#question2184 .radio-list,
#question2425 .radio-list {
    width: 100%;
    margin: auto;
    border-style: unset;
    color: #665a98;
    background-color: #e2e2e2;
    -webkit-border-radius: 29px 29px 29px 29px;
            border: 3px solid #ff781d;
    border: none !important;
}

#question2184 .answer-container,
#question2425 .answer-container {
    border: none!important;
}

#question2184 .list-unstyled,
#question2425 .list-unstyled{
    margin-bottom: 0;
    margin-top: 0;
}

#question2184 .list-unstyled .radio-item,
#question2425 .list-unstyled .radio-item{
    margin-bottom: 1em;
    margin-top: 1em;
}

.list-dropdown .ls-question-help {
    display: none;
}

#question2184 .ls-question-help,
#question2425 .ls-question-help{
    display: none;
}

#question2184 .date-timepicker-group {
    background-color: white;
    border-radius: 4px;
    border: 3px solid #ff781d!important;
    padding: 10px;
    width: 100%;
}

#question2184 .form-inline > .answer-item {
    width: 100%;
}

.question-title-container {
    padding-top: 0;
    padding-bottom: 0;
}

.answer-container {
    border-style: unset;
    color: #665a98;
    background-color: #e2e2e2;
    -webkit-border-radius: 29px 29px 29px 29px;
    border: 3px solid #ff781d;
}

.question-container {
    background-color: #e2e2e2!important;
    border: 0px solid #e6e6e6!important;
    box-shadow: 0 0px 0px rgba(0,0,0,.2)!important;
    
}
    
.dir-ltr .ls-answers td.radio-item, .dir-ltr .ls-answers td.checkbox-item {
    margin-bottom: 10px;
}

/* Evitar pequeño padding que hace que los elementos clickeados se vean mal centrados*/
.radio-item label{
    padding-left: 0 !important;
}

#question2425 .radio-list li {
    display: inline-block;
}

@media(min-width: 600px) {
    #question2184, #question2425 {
        display: inline-block;
        height: 360px;
    }
    
    #question2184 {
        float: left;
    }
    
    #question2184 .date-timepicker-group {
        width: 80%;
    }
    
    #question2425 {
        /* float: right; */
    }
    
    #question2425 .radio-list li {
        display: block;
    }
}


/*********C2***/
#question3102 .col-responses .col-answers {
    width: 80% !important; }
#question3102 .col-responses .ls-col-odd {
    width: 10% !important; }
#question3102 .col-responses .ls-col-even {
    width: 10% !important;}
#question3102 .answertext {
    text-align: left;}
#question3102 .ls-heading-repeat {
    display: none;}



/*******CARANCHO**************/

.row.boilerplate.question-container {
    display: block;
width:100%;
}

.row.boilerplate.question-container .question-title-container span {
    letter-spacing: 0!important;
    color: #102de3!important;
}


#question3195,#question3199,#question3200,#question3196,#question3197,#question3198  {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: .555%;
    flex-grow: 1;
    width: 100%;
    flex-basis: auto;
}



@media (min-width:768px){
   #question3195,#question3199,#question3200,#question3196,#question3197,#question3198 {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: .555%;
    flex-grow: 1;
    width: 32%;
    flex-basis: auto;}
}

#question3195 .answer-container ,#question3199 .answer-container ,#question3200 .answer-container ,#question3196 .answer-container ,#question3197 .answer-container ,#question3198 .answer-container {
    border: 0;
    padding: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    margin: 0;
    width: 100%;
}

#question3195 .answer-item input,#question3199 .answer-item input,#question3200 .answer-item input,#question3196 .answer-item input,#question3197 .answer-item input, #question3198 .answer-item input, #question3105 .answer-item select,#question3199 .answer-item select,#question3200 .answer-item select,#question3196 .answer-item select,#question3197 .answer-item select,#question3198 .answer-item select {
    color: #000;
    box-shadow: none!important;
    border: none!important;
    height: 45px;
    width: 100%!important;
    font-size: 16px;
}

#question3198 .answer-item select{
   padding-right:8em;
}

.question-title-container {
    padding: 0;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 16px;
}

button#ls-button-submit {
    border-radius: 50px;
    border: 0;
    background: #cd5923;
}

button#ls-button-submit:hover {
    background: #ca4c11;
}


 #outerframeContainer:before {
    width: 1170px;
    min-width: 100%;
    position: absolute;
    display: block;
    height: 186px;
    content: close-quote;
    background: #102de3;
    background-image: url(/upload/surveys/72857/images/10-BANNER-TESTVOCACIONAL.jpg);
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    margin-bottom:25px;
}


.ls-question-help, .ls-questionhelp {
    margin-bottom: 5px;
    color: #d8511a;
    position: absolute;
    bottom: -85px;
    z-index: 1;
    left: 0;
    display:none;
}

#question3196.input-error:after, #question3197.input-error:after {
    content: '¡Dato no válido!';
    display: inline-block;
    font-size: 15px;
    position: relative;
   
    background: red;
    text-align: center;
    color: #ffff;
    margin-top: -20px;
    padding: 1em;
}


 .input-error input {
    border: 1px solid #E75041;
    color: red!important;
    visibility: visible;
    opacity: 0.5;
    text-decoration: line-through;
    cursor: not-allowed;
}

.fruity .well {
    background-color: #e2e2e2;
   color:#000;
}