/************************* Title:  eAlicia.com   -   Author:  legna & patti   -   Version: SURVEY ***************************/

* {
    /*font-family: 'helvetica';*/
    font-family: 'Rubik', sans-serif;
}

html, body, form {
    height: auto;
}

table .divGrupoPadre {
    max-width: 100% !important;
    padding-right: 2px !important;
    padding-left: 2px !important;
}

.cellValor2 {
    float: left;
}

.CRbt {
    width: 25px;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
}

::-webkit-input-placeholder {
    color: #666;
    font-size: 14px;
}

::-moz-placeholder {
    color: #666;
    font-size: 14px;
}

:-ms-input-placeholder {
    color: #666;
    font-size: 14px;
}

body.form_template #cuerpo_enc #divtbEncuesta .checkbox + label,
body.form_template #cuerpo_enc #divtbEncuesta .rbtGRUP label, .radio + label,
body.form_template #cuerpo_enc #divtbEncuesta .formato_7 select,
body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span {
    font-size: 14px !important;
    color: #4E4E4E !important;
}

body.form_template #cuerpo_enc #divtbEncuesta .pnlVar_ENC.formato_15 .divOpciones.one_col_grid > .divOpcion:last-child,
body.form_template #cuerpo_enc #divtbEncuesta .pnlVar_ENC.formato_15 .divOpciones.two_cols_grid > .divOpcion:nth-last-child(2),
body.form_template #cuerpo_enc #divtbEncuesta .pnlVar_ENC.formato_15 .divOpciones.two_cols_grid > .divOpcion:last-child,
body.form_template #cuerpo_enc #divtbEncuesta .pnlVar_ENC.formato_15 .divOpciones.three_cols_grid > .divOpcion:nth-last-child(3),
body.form_template #cuerpo_enc #divtbEncuesta .pnlVar_ENC.formato_15 .divOpciones.three_cols_grid > .divOpcion:nth-last-child(2),
body.form_template #cuerpo_enc #divtbEncuesta .pnlVar_ENC.formato_15 .divOpciones.three_cols_grid > .divOpcion:last-child,
body.form_template #cuerpo_enc #divtbEncuesta .pnlVar_ENC.formato_15 .divOpciones.four_cols_grid > .divOpcion:nth-last-child(4),
body.form_template #cuerpo_enc #divtbEncuesta .pnlVar_ENC.formato_15 .divOpciones.four_cols_grid > .divOpcion:nth-last-child(3),
body.form_template #cuerpo_enc #divtbEncuesta .pnlVar_ENC.formato_15 .divOpciones.four_cols_grid > .divOpcion:nth-last-child(2),
body.form_template #cuerpo_enc #divtbEncuesta .pnlVar_ENC.formato_15 .divOpciones.four_cols_grid > .divOpcion:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

body.form_template #cuerpo_enc #divtbEncuesta .pnlVar_ENC.formato_19 .divOpcion,
body.form_template #cuerpo_enc #divtbEncuesta .pnlVar_ENC.formato_20 .divOpcion {
    margin-bottom: 0 !important;
}

body.form_template #cuerpo_enc #divtbEncuesta .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

body.form_template #cuerpo_enc #divtbEncuesta .pnlVar_ENC.formato_7 select {
    cursor: pointer !important;
}

:root {
    /*DEFAULT PALETTE*/
    --primary_color_25: #EBF6F6; /*Lighter primary*/
    --primary_color_50: #f0ffff; /*Light primary*/
    --primary_color_75: #C6E8E8; /*Dark primary*/
    --primary_color: #00AEBE; /*Default Syevrus*/
    --warning_color: #FFBA00; /*Basic Pro Warning*/
    --success_color: #17b661; /*Standard Pro Green*/
    --info_color: #00bddf; /*Premium Pro Blue Sky*/
    --navy_color: #0078dc; /*Big Pro Blue Navy*/
    --purple_color: #5C00D1; /*Tailored*/
    --danger_color_25: #f8d7da; /*Danger alert bg*/
    --danger_color_50: #f5c6cb; /*Danger alert outline*/
    --danger_color_75: #d7510f; /*Trash*/
    --danger_color: #721c24; /*Danger alert text*/
    --gold_color: #ffd700; /*Default Pro/ Featured users*/
    --black_color: #444;
    --white_color: #FFF;
    --grey1_color: #6f6f6f; /*info light icons*/
    --grey2_color: #f2f2f2; /*bg light theme app*/
    --btn_radius_default: 45px; /*Default Syevrus border-radius buttons*/
    /*VIDEO SLIDER*/
    --opacity-slide: 1;
    --height-slider: 100%;
    --color-slider: var(--primary_color);
    --height-responsive: 100%;
}

/*28oct24==========================================================================*/

/* #divtbEncuesta fieldset > legend { */
/* display: none !important; */
/* } */
#divtbEncuesta .divGrupoPadre .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart .vardesctb,
html body .divGrupoPadre .divGrupo > .pnlVar_ENC.formato_19 .divOpciones .divOpcion input {
    color: #4E4E4E !important;
}


#divtbEncuesta .divGrupoPadre.style_0 .divGrupo > .tableCap,
#divtbEncuesta .divGrupoPadre.style_0 .divGrupo > .pnlVar_ENC.tableGrupVariable {
    border-left: 4px solid #00AEAE !important;
    border-radius: 0;
}

    #divtbEncuesta .divGrupoPadre.style_0 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc .groupdesc {
        font-size: 18px !important;
    }

    #divtbEncuesta .divGrupoPadre.style_0 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc .contadorvar {
        margin-right: 5px !important;
        font-size: 18px !important;
    }

#divtbEncuesta .container_enc .divGrupoPadre + .divGrupoPadre,
#divtbEncuesta .container_enc .divGrupoPadre .divGrupo > .tableCap {
    margin-top: 0 !important;
}

@media(max-width: 575px) {
    #divtbEncuesta #ctl00_ctl00_ContentPlaceHolder1_cphBotoneraInf_progressbar + .justify_btns_center {
        display: flex !important;
        justify-content: center !important;
    }

    #divtbEncuesta .divGrupoPadre .divGrupo > .pnlVar_ENC.tableGrupVariable {
        padding: 20px 0 20px 0 !important;
    }

        #divtbEncuesta .divGrupoPadre .divGrupo > .pnlVar_ENC.tableGrupVariable .rowVar {
            padding-left: 20px !important;
            padding-right: 20px !important;
        }

        #divtbEncuesta .divGrupoPadre .divGrupo > .pnlVar_ENC.tableGrupVariable > .rowVar .cellValor .CRbt > span {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
        }

    #divtbEncuesta .divGrupoPadre .formato_4 .divValores > .cellValor2 > .rbtGRUP {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    #cuerpo_enc .contentCabecera .cabeceraMensaje {
        width: calc(100% - 10px) !important;
        margin-top: 5px !important;
    }

    .container_enc .divMedidor > .divGrupoPadre:first-child {
        margin-top: 0 !important;
    }
}

@media(min-width: 576px) {
    #divtbEncuesta .divGrupoPadre .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar,
    #divtbEncuesta .divGrupoPadre .divGrupo > .pnlVar_ENC.tableGrupVariable .cellValor {
        margin: 0 !important;
    }

    #divtbEncuesta .divGrupoPadre .divGrupo > .pnlVar_ENC.tableGrupVariable > .rowVar,
    #divtbEncuesta .divGrupoPadre .divGrupo > .pnlVar_ENC.tableGrupVariable > .rowHeaderValores {
        display: flex;
    }

    #divtbEncuesta .divGrupoPadre .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart {
        width: 33% !important;
        max-width: 33% !important;
    }
}

/*=========================================================================================*/

#ctl00_ctl00_ContentPlaceHolder1_cphBotoneraInf_progressbar + .justify_btns_center a {
    min-width: 110px !important;
}

input:-moz-placeholder {
    color: #666;
    font-size: 14px;
}

a {
    text-decoration: none;
}

    a:hover {
        cursor: pointer;
    }

.divTxtCont {
    width: auto;
    float: none;
    clear: both;
}

    .divTxtCont span {
        font-size: 14px;
        color: #666;
        white-space: pre;
    }

@media (min-width: 200px) {
    .formato_21 .divOpciones > .divOpcion.columnX1 .chkOpcion:not(.show_fullheight) + img,
    .formato_22 .columnX1 > .divEditVal > .rbtGRUP:not(.show_fullheight) + img {
        height: auto !important;
    }

    .formato_21 .divOpciones > .divOpcion.columnX2 .chkOpcion:not(.show_fullheight) + img,
    .formato_21 .divOpciones > .divOpcion.columnX3 .chkOpcion:not(.show_fullheight) + img,
    .formato_22 .columnX2 > .divEditVal > .rbtGRUP:not(.show_fullheight) + img,
    .formato_22 .columnX3 > .divEditVal > .rbtGRUP:not(.show_fullheight) + img {
        max-height: 145px !important;
        height: auto !important;
        width: auto !important;
    }
}

body.form_template #cuerpo_enc .divGrupoPadre > .divGrupo > .pnlVar_ENC.formato_20 .vardesc {
    margin-bottom: 10px !important;
}

body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_15.inverse_order .divOpciones.one_col_grid .divTxtCont,
body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_15.inverse_order .divOpciones.two_cols_grid .divTxtCont,
body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_15.inverse_order .divOpciones.three_cols_grid .divTxtCont,
body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_15.inverse_order .divOpciones.four_cols_grid .divTxtCont {
    margin-bottom: 8px !important;
}

/*FORM SURVEY - COLUMN GRID*/
body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.one_col_grid > .divOpcion,
body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.two_cols_grid > .divOpcion,
body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.three_cols_grid > .divOpcion,
body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.four_cols_grid > .divOpcion {
    padding-top: 0 !important;
}

body.form_template #cuerpo_enc .divGrupoPadre > .divGrupo > .pnlVar_ENC:not(:first-child).formato_15 {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

body.form_template #cuerpo_enc .divGrupoPadre > .divGrupo > .pnlVar_ENC .divOpciones.one_col_grid > .divOpcion:not(:last-child) {
    margin-bottom: 10px !important;
}

@media(min-width: 200px) {
    body.form_template #cuerpo_enc .divGrupoPadre > .divGrupo > .pnlVar_ENC.formato_14 .pnlCondiciones {
        display: none !important;
    }
}

@media(max-width: 575px) {
    body .form_template #cuerpo_enc .pnlVar_ENC .divOpciones.one_col_grid > .divOpcion,
    body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.two_cols_grid > .divOpcion,
    body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.three_cols_grid > .divOpcion,
    body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.four_cols_grid > .divOpcion {
        margin-bottom: 40px !important;
    }

    body.form_template #cuerpo_enc .divGrupoPadre > .divGrupo > .pnlVar_ENC:not(:first-child).formato_15 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

/*TITLE & SUBTITLE*/
body.form_template .FormTitle.small_text,
body.form_template .formtitle.small_text {
    font-size: 20px !important;
    line-height: 28px !important;
    min-height: 32px !important;
}

body.form_template .FormTitle.normal_text,
body.form_template .formtitle.normal_text {
    font-size: 26px !important;
    line-height: 36.4px !important;
    min-height: 41px !important;
}

body.form_template .FormTitle.big_text,
body.form_template .formtitle.big_text {
    font-size: 32px !important;
    line-height: 44.8px !important;
    min-height: 50px !important;
}

body.form_template .FormSubtitle.small_text {
    font-size: 14px !important;
    line-height: 19.6px !important;
    min-height: 32px !important;
}

body.form_template .formsubtitle.small_text {
    font-size: 14px !important;
    min-height: 21px !important;
    padding: 0 !important;
    height: 0 !important;
}

body.form_template .FormSubtitle.normal_text {
    font-size: 18px !important;
    line-height: 25.2px !important;
    min-height: 41px !important;
}

body.form_template .formsubtitle.normal_text {
    font-size: 18px !important;
    min-height: 26px !important;
    height: 1px !important;
}

body.form_template .FormSubtitle.big_text {
    font-size: 22px !important;
    line-height: 30.8px !important;
    min-height: 50px !important;
}

body.form_template .formsubtitle.big_text {
    font-size: 22px !important;
    min-height: 31px !important;
}

body.form_template .pnltituloform {
    display: flex;
    flex-direction: column;
    text-align: center;
}

body.form_template .divSubtitulo {
    margin-bottom: 30px;
}
/*================*/
/*REORDER TITLE & SUBTITLE FORM*/
body.form_template .divGrupoPadre .divGrupo .pnlVar_ENC.formato_15:not(.inverse_order) .DivOpciontxt {
    display: flex !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

    body.form_template .divGrupoPadre .divGrupo .pnlVar_ENC.formato_15:not(.inverse_order) .DivOpciontxt > div:nth-child(1) {
        -ms-flex-order: 2;
        order: 2;
        margin-top: 5px !important;
    }

    body.form_template .divGrupoPadre .divGrupo .pnlVar_ENC.formato_15:not(.inverse_order) .DivOpciontxt > input {
        -ms-flex-order: 1;
        order: 1;
    }
/*END - REORDER TITLE & SUBTITLE FORM*/

body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_1 .pnlCondiciones {
    padding: 0 !important;
}

body.form_template #cuerpo_enc .divGrupoPadre > .divGrupo > .pnlVar_ENC {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.formato_6 .divOpcion,
body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.formato_6 .columnX2,
body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.formato_6 .columnX3,
body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.formato_14 .divValores .divValor,
body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.formato_14 .columnX2,
body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.formato_14 .columnX3 {
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 10px !important;
}

body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.formato_13 textarea {
    margin-bottom: 16px !important;
}

body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.formato_13 span.vardesc {
    margin-bottom: 11px !important;
}

body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_1 > .divVardesc > .vardesc,
body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.formato_7 span.vardesc,
body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_16 > .divVardesc > .vardesc,
body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_19 > .divVardesc > .vardesc {
    margin-bottom: 10px !important;
}

body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divOpcion:last-child {
    padding-bottom: 0 !important;
}

body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.formato_6 textarea,
body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.formato_13 textarea,
body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.formato_14 textarea {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.form_template #cuerpo_enc .divGrupoPadre > .divGrupo > .pnlVar_ENC.formato_6:last-child textarea {
    display: none !important;
}

body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC:first-child > .divVardesc > .vardesc > .contadorvar {
    display: none !important;
}

body.form_template #cuerpo_enc .formato_7 select {
    padding: 6px 4px !important;
}

body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones .divTxtCont > span,
body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC:not(:first-child) .vardesc {
    font-size: 18px !important;
}

body.form_template #cuerpo_enc .checkbox + label,
body.form_template #cuerpo_enc .rbtGRUP label, .radio + label,
body.form_template #cuerpo_enc .formato_7 select,
body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span {
    font-size: 16px !important;
    color: #4E4E4E !important;
}

body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span {
    color: #4E4E4E !important;
}

body.form_template #cuerpo_enc .formato_6 .checkbox,
body.form_template #cuerpo_enc .formato_14 .radio {
    width: 18px !important;
    height: 18px !important;
}

/*body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC:first-child .vardesc {
    font-size: 22px !important;
    margin-top: 20px !important;
    margin-bottom: 30px !important;
}*/

body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.one_col_grid {
    display: grid;
    display: -ms-grid;
    /*grid-row-gap: 10px;*/
}

body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones .divTxtCont > span {
    color: #000 !important;
    font-size: 14px !important;
}

body.form_template .container_enc {
    margin-bottom: 30px !important;
}

body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.one_col_grid > .divOpcion:first-child {
    margin-top: 0 !Important;
}

body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.one_col_grid > .divOpcion > .DivOpciontxt {
    width: 98%;
}

    body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.one_col_grid > .divOpcion > .DivOpciontxt input {
        min-width: 100% !important;
    }

body.form_template #cuerpo_enc .pnlVar_ENC.formato_15:not(.inverse_order) .divOpciones.one_col_grid > .divOpcion:last-child > .DivOpciontxt input,
body.form_template #cuerpo_enc .pnlVar_ENC.formato_15:not(.inverse_order) .divOpciones.two_cols_grid > .divOpcion:last-child > .DivOpciontxt input,
body.form_template #cuerpo_enc .pnlVar_ENC.formato_15:not(.inverse_order) .divOpciones.three_cols_grid > .divOpcion:last-child > .DivOpciontxt input,
body.form_template #cuerpo_enc .pnlVar_ENC.formato_15:not(.inverse_order) .divOpciones.four_cols_grid > .divOpcion:last-child > .DivOpciontxt input {
    margin-bottom: 0 !important;
}

body.form_template #cuerpo_enc .pnlVar_ENC.formato_15:not(.inverse_order) .divVardesc > .vardesc {
    margin-bottom: 10px !important;
}

body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.two_cols_grid {
    grid-template-columns: 51.65% 51.65%;
    -ms-grid-columns: 51.65% 10px 51.65%;
    display: grid !important;
}

    body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.two_cols_grid > .divOpcion {
        width: calc(100% - 25px) !important;
    }

        body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.two_cols_grid > .divOpcion:first-child {
            margin-top: 0 !Important;
        }

        body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.two_cols_grid > .divOpcion > .DivOpciontxt {
            width: 98%;
        }

            body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.two_cols_grid > .divOpcion > .DivOpciontxt input {
                min-width: 97% !important;
            }

body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.three_cols_grid {
    grid-template-columns: 34.45% 34.45% 34.45%;
    -ms-grid-columns: 34.45% 10px 34.45% 10px 34.45%;
    display: grid !important;
}

    body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.three_cols_grid > .divOpcion {
        width: calc(100% - 30px) !important;
    }

        body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.three_cols_grid > .divOpcion:first-child {
            margin-top: 0 !Important;
        }

        body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.three_cols_grid > .divOpcion > .DivOpciontxt {
            width: 98%;
        }

            body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.three_cols_grid > .divOpcion > .DivOpciontxt input {
                min-width: 96% !important;
            }

body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.four_cols_grid {
    grid-template-columns: 25.81% 25.81% 25.81% 25.81%;
    -ms-grid-columns: 25.81% 10px 25.81% 10px 25.81% 10px 25.81%;
    display: grid !important;
}

    body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.four_cols_grid > .divOpcion {
        width: calc(100% - 30px) !important;
    }

        body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.four_cols_grid > .divOpcion:first-child {
            margin-top: 0 !Important;
        }

        body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.four_cols_grid > .divOpcion > .DivOpciontxt {
            width: 98%;
        }

            body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.four_cols_grid > .divOpcion > .DivOpciontxt input {
                min-width: 94% !important;
            }

/*PILL TITLE*/
body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC:not(:first-child) .vardesc .contadorvar {
    display: none !important;
}

body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC:not(:first-child).formato_15 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/*body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC:not(:first-child).formato_15 .divVardesc {
    display: none !important;
}*/

body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.one_col_grid,
body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.two_cols_grid,
body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.three_cols_grid,
body.form_template #cuerpo_enc .pnlVar_ENC .divOpciones.four_cols_grid {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/**/

/*body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_1 > .divVardesc > .vardesc {
    margin-bottom: 8px;
}*/

/*body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_6 .divOpciones,
body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_14 .divValores {
    margin-top: 5px !important;
}*/

body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_6 > .divVardesc > .vardesc,
body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_14 > .divVardesc > .vardesc,
body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_10 > .divVardesc > .vardesc {
    margin-bottom: 10px !important;
}

/*body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_16 > .divVardesc > .vardesc {
    margin-bottom: 5px !important;
}*/

body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_16 > .divOpciones {
    margin-top: 6px !important;
}

/*body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_19 > .divVardesc > .vardesc {
    margin-bottom: 7px !important;
}*/

body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_19 > .divOpciones {
    margin-top: 9px !important;
}

/*body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap:last-child > .divVardesc {
    display: none !important;
}*/

body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_15:not(.inverse_order) .divOpciones.one_col_grid .divTxtCont,
body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_15:not(.inverse_order) .divOpciones.two_cols_grid .divTxtCont,
body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_15:not(.inverse_order) .divOpciones.three_cols_grid .divTxtCont,
body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_15:not(.inverse_order) .divOpciones.four_cols_grid .divTxtCont {
    margin-bottom: 15px !important;
}

body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_20 .vardesc {
    margin-bottom: 10px !important;
}

/*SKIN*/
body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/*Autumn*/
body.form_template .divGrupoPadre.style_1 .divGrupo {
    border-radius: 40px;
    box-shadow: rgba(150, 169, 177, .54) 7px 7px;
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255,255,255,0.8)), url(../images/winter.png);
    background-size: cover;
    padding: 0 !important;
    border-left: 2px dashed #becace;
    border-top: 2px dashed #becace;
    border-bottom: none;
    border-right: none;
}

    body.form_template .divGrupoPadre.style_1 .divGrupo > .tableCap {
        border-left: none;
        border-top: none;
        background-image: initial;
        box-shadow: initial;
        background-color: transparent;
    }

/*Summer*/
body.form_template .divGrupoPadre.style_2 .divGrupo {
    border-top: 4px solid #0f76e7;
    border-right: none;
    border-left: none;
    border-radius: 0;
    background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255,255,255,0.85)), url(../images/summer.png);
    background-size: cover;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

    body.form_template .divGrupoPadre.style_2 .divGrupo > .tableCap {
        border-top: none !important;
        background-image: initial;
        box-shadow: initial;
        background-color: transparent;
    }

/*Spring*/
body.form_template .divGrupoPadre.style_3 .divGrupo {
    border-radius: 0;
    border: 1px solid #00aeae9c;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    padding-bottom: 20px !important;
    background-image: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.8)), url(../images/spring.png);
    background-position: right, left;
    background-size: cover;
}

    body.form_template .divGrupoPadre.style_3 .divGrupo > .tableCap {
        border: none;
        background-image: initial;
        box-shadow: initial;
        background-color: transparent;
    }

/*Autumn*/
body.form_template .divGrupoPadre.style_4 .divGrupo {
    border-radius: 26px;
    border: 2px solid #9b9b9b;
    box-shadow: none;
    background-image: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)), url(../images/autumn.png);
    background-position: right, left;
    background-size: cover;
}

    body.form_template .divGrupoPadre.style_4 .divGrupo > .tableCap {
        border: none;
        background-image: initial;
        box-shadow: initial;
        background-color: transparent;
    }

/*Creativity*/
body.form_template .divGrupoPadre.shadow_4 .divGrupo {
    box-shadow: rgba(0, 174, 174, 0.4) -5px 5px, rgba(0, 174, 174, 0.3) -10px 10px, rgba(0, 174, 174, 0.2) -15px 15px !important;
}

    body.form_template .divGrupoPadre.shadow_4 .divGrupo > .tableCap {
        box-shadow: initial !important;
    }

body.form_template .divGrupoPadre.shadow_5 .divGrupo {
    box-shadow: rgba(0, 174, 174, 0.5) 7px 7px !important;
}

    body.form_template .divGrupoPadre.shadow_5 .divGrupo > .tableCap {
        box-shadow: initial !important;
    }

body.form_template .divGrupoPadre.style_5 .divGrupo {
    border-radius: 0 40px 0 0;
    box-shadow: rgba(0, 140, 174, .40) -5px 5px, rgba(0, 124, 174, .30) -10px 10px, rgba(0, 124, 174, .20) -15px 15px;
    background-image: linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0.9)), url(../images/watercolor.png);
    background-position: top;
    background-size: cover;
}

@media(min-width: 576px) {
    body.form_template .divGrupoPadre.style_5 .divGrupo {
        background-position: -230px 0 !important;
        background-size: 130% !important;
    }
}

body.form_template .divGrupoPadre.style_5 .divGrupo > .tableCap {
    background-image: initial;
    box-shadow: initial;
    background-color: transparent;
}

/*Education*/
body.form_template .divGrupoPadre.style_6 .divGrupo {
    border-radius: 0 20px;
    border-bottom: 4px dashed #00aeae9c;
    box-shadow: none;
    padding-bottom: 20px !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255,255,255,0.8)), url(../images/fons_geometric_rev.png);
    background-position: right, left;
    background-size: cover;
}

    body.form_template .divGrupoPadre.style_6 .divGrupo > .tableCap {
        border-bottom: none;
        background-image: initial;
        box-shadow: initial;
        background-color: transparent;
    }

/*Marketing*/
body.form_template .divGrupoPadre.style_7 .divGrupo {
    border-bottom: 3px solid var(--primary_color);
    border-right: none;
    border-left: none;
    border-top: none;
    border-radius: 6px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background-image: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.8)), url(../images/marketing.png);
    background-position: bottom;
    background-size: cover;
}

    body.form_template .divGrupoPadre.style_7 .divGrupo > .tableCap {
        border-bottom: none;
        background-image: initial;
        box-shadow: initial;
        background-color: transparent;
    }

/*Healthy*/
body.form_template .divGrupoPadre.style_8 .divGrupo {
    border-bottom: 2px dashed var(--primary_color);
    border-right: 4px solid var(--primary_color);
    border-left: 2px dashed var(--primary_color);
    border-top: 2px dashed var(--primary_color);
    border-radius: 6px;
    background-image: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.9)), url(../images/healthy.png);
    background-repeat: repeat;
    background-position: top;
    background-size: cover;
}

    body.form_template .divGrupoPadre.style_8 .divGrupo > .pnlVar_ENC.tableCap {
        border-bottom: none !important;
        border-right: none !important;
        border-left: none !important;
        border-top: none !important;
        background-image: initial !important;
        box-shadow: initial;
        background-color: transparent;
    }



@media(min-width: 200px) {
    body.form_template .divGrupoPadre .divGrupo {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    body.form_template .divGrupoPadre.shadow_2 .divGrupo {
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
    }

        body.form_template .divGrupoPadre.shadow_2 .divGrupo > .tableCap {
            box-shadow: none !important;
        }

    .dropdown-item[onclick^="JavaScript:shadow_Three_Fn"] {
        display: none !important;
    }

    body.form_template .divGrupoPadre fieldset .divGrupo > .pnlVar_ENC:not(:last-child) {
        /*border: 1px solid var(--primary_color) !important;*/
        border: none !important;
        border-bottom: 1px solid #cfcfcf !important;
    }

    body.form_template .divGrupoPadre fieldset .divGrupo > .pnlVar_ENC:nth-child(1) {
        padding: 15px 20px 20px 20px !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    body.form_template .divGrupoPadre fieldset .divGrupo {
        background-position: 0 0 !important;
    }

        body.form_template .divGrupoPadre fieldset .divGrupo > .pnlVar_ENC:not(:first-child):not(:last-child) {
            border-radius: 0 !important;
        }

        body.form_template .divGrupoPadre fieldset .divGrupo > .pnlVar_ENC:last-child {
            border-top-left-radius: 0 !important;
            border-top-right-radius: 0 !important;
        }

        body.form_template .divGrupoPadre fieldset .divGrupo > .pnlVar_ENC:nth-child(1) .botonera-listas .resp-btn-delate.EliminaPregunta {
            display: none !important;
        }

        body.form_template .divGrupoPadre fieldset .divGrupo .botonera-listas .select_col_format {
            border-radius: 5px 0 0 5px !important;
        }

        body.form_template .divGrupoPadre fieldset .divGrupo > .pnlVar_ENC:not(:nth-child(1)) {
            padding: 20px !important;
        }

        body.form_template .divGrupoPadre fieldset .divGrupo > .pnlVar_ENC[data-idtipo="15"] .divOpcion {
            margin-bottom: 0 !important;
        }

        body.form_template .divGrupoPadre fieldset .divGrupo > .pnlVar_ENC > .divVarname {
            justify-content: flex-end !important;
        }

    body.form_template .divGrupoPadre.previewClass fieldset .divGrupo > .pnlVar_ENC {
        border: none !important;
    }


    body.form_template .divGrupoPadre.border_2 .divGrupo {
        border-left: 4px solid var(--primary_color) !important;
    }

    /*BORDER TYPE ========================================== */
    /*Solid*/
    body.form_template .divGrupoPadre.border_3 .divGrupo {
        border: 1px solid var(--primary_color) !important;
    }

    /*Dashed*/
    body.form_template .divGrupoPadre.border_4 .divGrupo {
        border: 4px double var(--primary_color) !important;
    }

    /*Double*/
    body.form_template .divGrupoPadre.border_5 .divGrupo {
        border: 2px dashed var(--primary_color) !important;
    }

    /*None*/
    body.form_template .divGrupoPadre.border_1 .divGrupo {
        border: none !important;
    }

    /*TOGGLE BORDER RADIUS  ========================================== */
    /*Sharp*/
    body.form_template .divGrupoPadre.borderRadius_1 .divGrupo {
        border-radius: 0 !important;
    }

    /*Rounded*/
    body.form_template .divGrupoPadre.borderRadius_2 .divGrupo {
        border-radius: 10px !important;
    }

    /*Pill*/
    body.form_template .divGrupoPadre.borderRadius_3 .divGrupo {
        border-radius: 30px !important;
    }

    /*Irregular*/
    body.form_template .divGrupoPadre.borderRadius_4 .divGrupo {
        border-radius: 0 20px !important;
    }

    body.form_template .divGrupoPadre.border_1 .divGrupo > .tableCap,
    body.form_template .divGrupoPadre.border_2 .divGrupo > .tableCap,
    body.form_template .divGrupoPadre.border_3 .divGrupo > .tableCap,
    body.form_template .divGrupoPadre.border_4 .divGrupo > .tableCap,
    body.form_template .divGrupoPadre.border_5 .divGrupo > .tableCap {
        border: none !important;
    }
}


/*===============================================================================================================*/
/*===============================================================================================================*/

/*DELETE EMPTY DIV ON ANSWERS*/
.divVardesc + .divVardescP {
    display: none !important;
}

.container_enc .divGrupoPadre > fieldset > legend {
    font-size: 17px !important;
    width: 100% !important;
    border-bottom: 1px solid #cccccc !important;
    padding-bottom: 5px !important;
}

.container_enc .divGrupoPadre + .divGrupoPadre {
    margin-top: 30px !important;
}

.container_enc .divMedidor > .divGrupoPadre:first-child {
    margin-top: 15px !important;
}

.contentCabecera .containerC3 {
    border-radius: 8px !important;
}

/**/
.formato_13 .divVardescP > .vardescP {
    display: none !important;
}

.formato_21 .divOpciones > .columnX3:last-child {
    margin-bottom: 20px !important;
}

.formato_1 .divValores .rbtGRUP .radio + label,
.formato_12 .divValores .rbtGRUP .radio + label {
    font-size: 15px !important;
    padding-left: 2px;
}

.formato_12 .divValores .divValor:nth-child(2) {
    margin-right: 5px !important;
}

.formato_7 select {
    border-width: 2px !important;
    border-radius: 5px !important;
    border-color: #cccccc !important;
}
/**/

@media(max-width: 991px) {
    .divMedidor.xPregunta .cajaBtnSigAnt {
        margin: 0 !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        background-color: transparent !important;
        position: relative !important;
        margin-left: 0 !important;
    }

    #ctl00_ctl00_ContentPlaceHolder1_cphBotoneraInf_progressbar {
        position: relative !important;
        margin-top: 78px !important;
        width: 100% !important;
    }
}

.xPregunta #btSiguiente {
    border: 1px solid #00aeae;
    border-radius: 45px;
    padding: 10px 0;
    font-size: 16px !important;
    display: inline-flex;
    width: auto;
    background-color: #00aeae;
    color: #fff;
    margin-right: 2px !important;
    margin-left: 2px !important;
    min-width: 150px;
    justify-content: center;
}

.xPregunta #btAnterior {
    border: 1px solid #666 !important;
    border-radius: 45px !important;
    padding: 10px 0;
    font-size: 16px !important;
    display: inline-flex;
    width: auto;
    background-color: #fff !important;
    color: #666 !important;
    margin-right: 2px !important;
    margin-left: 2px !important;
    min-width: 150px;
    justify-content: center;
}

.xPregunta .cajaBtnSigAnt {
    margin: 30px !important;
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
}

form {
    margin: 0;
    position: relative;
    height: 500px;
}

.headerGlobal {
    /* border-bottom: 1px solid #ccc; */
    /*padding-bottom: 20px;*/
    margin-bottom: 30px;
    padding-bottom: 0;
}

/*11gen24 **********************************************/
/*******************************************************/
/*CHANGE BORDER COLOR & BORDER-RADIUS*/
input,
textarea {
    border: 2px solid #cccccc !important;
    padding: 0.375rem !important;
    border-radius: 0.375rem !important;
}

    input:focus,
    textarea:focus,
    input[type="datetime-local"]:focus {
        border: 2px solid #00aeae !important;
    }

.checkbox {
    margin-right: 7px;
}

.formato_6 .checkbox {
    border-radius: 0.375rem !important;
}

body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_15:not(.inverse_order) .divOpciones.one_col_grid .divTxtCont,
body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_15:not(.inverse_order) .divOpciones.two_cols_grid .divTxtCont,
body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_15:not(.inverse_order) .divOpciones.three_cols_grid .divTxtCont,
body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_15:not(.inverse_order) .divOpciones.four_cols_grid .divTxtCont {
    margin-bottom: 0 !important;
}

body.form_template .divGrupoPadre > .divGrupo > .pnlVar_ENC.tableCap.formato_1 {
    padding-bottom: 25px !important;
}

body.form_template #divtbEncuesta .divGrupoPadre .divGrupo > .pnlVar_ENC.tableCap.formato_6 > span.txtCont + textarea {
    margin-top: 3px !important;
}

@media(max-width: 575px) {
    .formato_6 .columnX2, .formato_6 .columnX3 {
        padding: 0 !important;
    }

    .formato_14 .divValores > .divValor.valign.columnX2,
    .formato_14 .divValores > .divValor.valign.columnX3 {
        margin-bottom: 15px !important;
    }

        .formato_14 .divValores > .divValor.valign.columnX2:nth-child(2),
        .formato_14 .divValores > .divValor.valign.columnX3:nth-child(2) {
            margin-top: 0 !important;
            padding-top: 0 !important;
        }

    .formato_14 .divValores > .divValor.valign:last-child {
        margin-bottom: 0 !important;
    }

    #divtbEncuesta .divGrupoPadre .divGrupo > .pnlVar_ENC.tableCap.formato_6 > span.txtCont + textarea {
        margin-top: 5px !important;
    }

    #divtbEncuesta .divGrupoPadre .divGrupo > .pnlVar_ENC.tableCap.formato_6 > .divOpciones {
        padding-top: 0 !important;
    }
}

@media(min-width: 576px) {
    .formato_15 input[type="text"] {
        max-width: 300px;
    }

    .formato_6 .columnX2,
    .formato_6 .columnX3,
    .formato_14 .columnX2,
    .formato_14 .columnX3 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin: 0 !important;
    }

    .formato_6 .columnX1 {
        padding: 0 !important;
    }
}

@media screen and (max-width: 500px) {
    .rbtGRUP label,
    .radio + label {
        margin-left: 6px !important;
    }
}

.formato_20 .divTxtCont {
    display: none !important;
}

/*YES-NO / TRUE-FALSE*/
.formato_1 .divValores .cellValor2:nth-child(2) .radio.checked,
.formato_12 .divValores .cellValor2:nth-child(2) .radio.checked {
    border: 2px solid #00aeae !important;
}

    .formato_1 .divValores .cellValor2:nth-child(2) .radio.checked + label,
    .formato_12 .divValores .cellValor2:nth-child(2) .radio.checked + label {
        color: #00aeae !important;
    }

.formato_1 .divValores .cellValor2:nth-child(3) .radio.checked,
.formato_12 .divValores .cellValor2:nth-child(3) .radio.checked {
    border: 2px solid #ff0000 !important;
}

    .formato_1 .divValores .cellValor2:nth-child(3) .radio.checked + label,
    .formato_12 .divValores .cellValor2:nth-child(3) .radio.checked + label {
        color: #ff0000 !important;
    }

.formato_1 .divValores .rbtGRUP,
.formato_12 .divValores .rbtGRUP {
    display: flex;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
}

    .formato_1 .divValores .rbtGRUP .radio,
    .formato_12 .divValores .rbtGRUP .radio {
        width: 110px !important;
        border: 2px solid #cccccc;
        height: 30px !important;
        border-radius: 0.375rem !important;
    }

        .formato_1 .divValores .rbtGRUP .radio.checked,
        .formato_12 .divValores .rbtGRUP .radio.checked {
            border: 2px solid #00aeae !important;
        }

            .formato_1 .divValores .rbtGRUP .radio.checked:before,
            .formato_12 .divValores .rbtGRUP .radio.checked:before {
                content: "" !important;
            }

        .formato_1 .divValores .rbtGRUP .radio input[type="radio"],
        .formato_12 .divValores .rbtGRUP .radio input[type="radio"] {
            transform: scale(1) !important;
            width: 100% !important;
            height: 100% !important;
        }

        .formato_1 .divValores .rbtGRUP .radio + label,
        .formato_12 .divValores .rbtGRUP .radio + label {
            margin: 0 !important;
            position: absolute;
            min-width: 110px !important;
            text-transform: uppercase !important;
            display: flex;
            justify-content: center;
        }
/*******************************************************/
/*******************************************************/

/*21set23*/
.pnlVar_ENC span + textarea,
.pnlVar_ENC label + textarea {
    margin-top: 10px !important;
}

span.chkCaras i {
    font-size: 50px !important;
}
/**/

.tableCap.formato_6 textarea {
    margin-top: 5px !important;
}

.tableCap.formato_14 textarea {
    margin-top: -5px !important;
}

/*22set23 **********************************************/
@media(max-width: 575px) {
    #divtbEncuesta {
        padding: 0 !important;
    }

    .divGrupo .divVardesc {
        margin-top: 3px !important;
    }

    .divValor.valign > span + textarea,
    .divOpcion.valign.columnX1 > label + textarea,
    .pnlVar_ENC.tableCap > span.txtCont + textarea {
        max-width: 97%;
    }

    .divValores.smileys, .divValores.rating {
        margin-left: -14px !important;
    }

    .divValor.valign > span + textarea {
        margin-bottom: -5px;
    }

    .divOpcion.valign.columnX1 > label + textarea {
        margin-bottom: 0;
    }

    .divOpciones select {
        margin-bottom: 5px;
    }

    .divOpcion.valign:last-child > .DivOpciontxt.txt50 > .divTxtCont + input[type="text"] {
        margin-bottom: 5px;
    }

    .divOpcion.valign:last-child input[type="number"] {
        margin-bottom: 5px;
    }

    .divOpcion.valign input[type="date"] {
        margin-bottom: 5px;
    }

    .divValores.smileys {
        margin-top: -34px !important;
    }

        .divValores.smileys > .divValor.smiley {
            width: 12% !important;
            height: 63px !important;
        }

    .divValores.rating > .rbtStar i.fa-3x {
        font-size: 27px !important;
    }
}

/**/
.divValor.valign > span + textarea {
    margin-top: 10px;
    margin-bottom: -10px;
    padding-left: 5px;
    padding-top: 5px;
    width: 100% !important;
    max-width: 99%;
}

.rbtGRUP label, .radio + label {
    margin-bottom: 3px;
}

/*Ultims 22set23*/
.divOpcion.valign.columnX1:first-child {
    margin-top: -5px;
}

.divOpcion.valign.columnX1 > label + textarea {
    margin-bottom: -17px;
    margin-top: 10px;
    padding-left: 5px;
    padding-top: 5px;
    width: 100% !important;
    max-width: 99%;
}

.divOpciones > .divOpcion.valign:first-child {
    margin-top: -5px;
}

.divValores.smileys {
    margin-top: -2px;
}

.pnlVar_ENC.tableCap > span.txtCont + textarea {
    margin-top: -1px !important;
}
/**/

.divOpciones select {
    margin-bottom: -10px;
    width: auto !important;
    min-width: 90px;
}

/**/
.divOpcion.valign:last-child > .DivOpciontxt.txt50 > .divTxtCont + input[type="text"] {
    margin-bottom: -10px;
}

/**/
.divOpcion.valign:last-child input[type="number"] {
    margin-bottom: -10px;
}

.divOpcion.valign input[type="number"] {
    /*width: 65px;*/
    width: 50px;
}

/**/
.divOpcion.valign input[type="date"] {
    margin-bottom: -10px;
}

/**/
.divValores.smileys {
    margin-bottom: -17px;
    margin-left: -2px;
}

span.chkCaras {
    font-size: 47px !important;
}

/**/
.divValores.rating {
    margin-bottom: 9px;
    margin-left: -12px;
}

/**/
.pnlVar_ENC.tableCap > span.txtCont + textarea {
    margin-bottom: 10px;
    width: 100% !important;
    max-width: 99%;
}

/*21des23*/
/*.formato_21 .divOpciones {
    display: flex;
}*/

.formato_21 .divOpciones > .divOpcion {
    display: flex;
    align-items: center;
    height: 135px;
    margin-right: 10px;
    overflow: hidden;
    border-radius: 6px;
    background-color: #fff !important;
    border: 2px solid #d2d2d2;
    margin-top: 0 !important;
}

    .formato_21 .divOpciones > .divOpcion img {
        overflow: hidden;
        border-left: 1px solid #d2d2d2 !important;
        object-fit: cover;
        width: 100%;
        max-width: 100%;
    }

    .formato_21 .divOpciones > .divOpcion .checkbox {
        margin-right: 9px !important;
        margin-left: 9px !important;
    }

.formato_22 .columnX1,
.formato_22 .columnX2,
.formato_22 .columnX3 {
    display: inline-flex !important;
    align-items: center !important;
    margin-right: 10px;
    overflow: hidden;
    border-radius: 6px;
    background-color: #fff !important;
    border: 2px solid #d2d2d2;
    border-bottom: 2px solid #d2d2d2 !important;
}

    .formato_22 .columnX1 > .divEditVal,
    .formato_22 .columnX2 > .divEditVal,
    .formato_22 .columnX3 > .divEditVal {
        display: flex;
        align-items: center;
        width: 100% !important;
        min-width: 100% !important;
    }

        .formato_22 .columnX1 > .divEditVal > img,
        .formato_22 .columnX2 > .divEditVal > img,
        .formato_22 .columnX3 > .divEditVal > img {
            border-width: 0px;
            overflow: hidden;
            border-left: 1px solid #d2d2d2 !important;
            object-fit: cover;
            width: 100%;
            max-width: 100%;
            height: 145px;
        }

        .formato_22 .columnX1 > .divEditVal > .rbtGRUP,
        .formato_22 .columnX2 > .divEditVal > .rbtGRUP,
        .formato_22 .columnX3 > .divEditVal > .rbtGRUP {
            margin-top: 0 !important;
        }

            .formato_22 .columnX1 > .divEditVal > .rbtGRUP > .radio,
            .formato_22 .columnX2 > .divEditVal > .rbtGRUP > .radio,
            .formato_22 .columnX3 > .divEditVal > .rbtGRUP > .radio {
                margin-right: 9px !important;
                margin-left: 9px !important;
            }
/*21des23*/
@media(max-width: 575px) {
    /*21des23*/
    .formato_21 .divOpciones > .divOpcion.columnX1 {
        display: inline-flex !important;
    }

        .formato_21 .divOpciones > .divOpcion.columnX1:last-child {
            margin-bottom: 15px !important;
        }

    .formato_21 .divOpciones > .divOpcion.columnX2 {
        float: left !important;
        margin-top: 5px !important;
        margin-bottom: 10px !important;
    }

    .formato_22 .columnX1,
    .formato_21 .divOpciones > .divOpcion.columnX1 {
        width: calc(33.3333% - 11px) !important;
        height: 65px !important;
    }

    .formato_22 .columnX2,
    .formato_21 .divOpciones > .divOpcion.columnX2 {
        width: calc(50% - 11px) !important;
        height: 100px !important;
    }

    .formato_22 .columnX3,
    .formato_21 .divOpciones > .divOpcion.columnX3 {
        width: calc(100% - 5px) !important;
        height: 100px !important;
    }

    .formato_22 .columnX1 > .divEditVal > img,
    .formato_21 .divOpciones > .divOpcion.columnX1 img {
        height: 65px !important;
    }

    .formato_22 .columnX2 > .divEditVal > img,
    .formato_21 .divOpciones > .divOpcion.columnX2 img {
        height: 120px !important;
    }

    .formato_22 .columnX3 > .divEditVal > img,
    .formato_21 .divOpciones > .divOpcion.columnX3 img {
        height: 120px !important;
    }

    .formato_22 .columnX1:nth-child(4),
    .formato_22 .columnX1:nth-child(7),
    .formato_22 .columnX1:nth-child(10),
    .formato_22 .columnX1:nth-child(13),
    .formato_22 .columnX2:nth-child(3),
    .formato_22 .columnX2:nth-child(5),
    .formato_22 .columnX2:nth-child(7),
    .formato_22 .columnX2:nth-child(9),
    .formato_22 .columnX2:nth-child(11),
    .formato_22 .columnX2:nth-child(13),
    .formato_22 .columnX3,
    .formato_21 > .divOpciones > .divOpcion.columnX1:nth-child(3),
    .formato_21 > .divOpciones > .divOpcion.columnX1:nth-child(6),
    .formato_21 > .divOpciones > .divOpcion.columnX1:nth-child(9),
    .formato_21 > .divOpciones > .divOpcion.columnX1:nth-child(12),
    .formato_21 > .divOpciones > .divOpcion.columnX2:nth-child(2),
    .formato_21 > .divOpciones > .divOpcion.columnX2:nth-child(4),
    .formato_21 > .divOpciones > .divOpcion.columnX2:nth-child(6),
    .formato_21 > .divOpciones > .divOpcion.columnX2:nth-child(8),
    .formato_21 > .divOpciones > .divOpcion.columnX2:nth-child(10),
    .formato_21 > .divOpciones > .divOpcion.columnX2:nth-child(12),
    .formato_21 > .divOpciones > .divOpcion.columnX3 {
        margin-right: 0 !important;
    }
    /*21des23*/
    .divValores.cellValor2Padre > .cellValor2 {
        width: 6% !important;
        margin-right: 8px !important;
    }

        .divValores.cellValor2Padre > .cellValor2 .rbtGRUP .radio + label {
            margin-left: 8px !important;
        }

        .divValores.cellValor2Padre > .cellValor2:last-child .rbtGRUP .radio + label {
            margin-left: 3px !important;
        }
}


@media(min-width: 576px) {
    .formato_22 .columnX1,
    .formato_21 .divOpciones > .divOpcion.columnX1 {
        width: calc(25% - 12px) !important;
        height: 145px;
    }

    .formato_21 .divOpciones {
        margin-bottom: 10px !important;
    }

        .formato_21 .divOpciones > .divOpcion.columnX1 {
            display: inline-flex !important;
        }

            .formato_21 .divOpciones > .divOpcion.columnX1 img {
                height: 160px !important;
            }

        .formato_21 .divOpciones > .divOpcion.columnX2 img,
        .formato_21 .divOpciones > .divOpcion.columnX3 img {
            height: 145px !important;
        }

        .formato_22 .columnX2,
        .formato_21 .divOpciones > .divOpcion.columnX2 {
            width: calc(33.3333% - 11px) !important;
            height: 125px;
        }

        .formato_22 .columnX3,
        .formato_21 .divOpciones > .divOpcion.columnX3 {
            width: calc(50% - 9px) !important;
            height: 125px;
        }

        .formato_21 .divOpciones > .divOpcion.columnX2,
        .formato_21 .divOpciones > .divOpcion.columnX3 {
            margin-bottom: 10px !important;
        }

    .formato_22 .columnX1:nth-child(5),
    .formato_22 .columnX1:nth-child(10),
    .formato_22 .columnX2:nth-child(4),
    .formato_22 .columnX2:nth-child(7),
    .formato_22 .columnX2:nth-child(10),
    .formato_22 .columnX3:nth-child(3),
    .formato_22 .columnX3:nth-child(5),
    .formato_22 .columnX3:nth-child(7),
    .formato_22 .columnX3:nth-child(9),
    .formato_22 .columnX3:nth-child(11),
    .formato_21 > .divOpciones > .divOpcion.columnX1:nth-child(4),
    .formato_21 > .divOpciones > .divOpcion.columnX1:nth-child(8),
    .formato_21 > .divOpciones > .divOpcion.columnX1:nth-child(12),
    .formato_21 > .divOpciones > .divOpcion.columnX2:nth-child(3),
    .formato_21 > .divOpciones > .divOpcion.columnX2:nth-child(6),
    .formato_21 > .divOpciones > .divOpcion.columnX2:nth-child(9),
    .formato_21 > .divOpciones > .divOpcion.columnX2:nth-child(12),
    .formato_21 > .divOpciones > .divOpcion.columnX3:nth-child(2),
    .formato_21 > .divOpciones > .divOpcion.columnX3:nth-child(4),
    .formato_21 > .divOpciones > .divOpcion.columnX3:nth-child(6),
    .formato_21 > .divOpciones > .divOpcion.columnX3:nth-child(8),
    .formato_21 > .divOpciones > .divOpcion.columnX3:nth-child(10),
    .formato_21 > .divOpciones > .divOpcion.columnX3:nth-child(12) {
        margin-right: 0 !important;
    }
}

.divValores > .cellValor2 {
    width: auto !important;
    margin-right: 5px;
}
/**********************************************/
/**/
div[data-center="True"] .divGrupo > .tableCap > .divVardesc > .vardesc,
div[data-center="True"] .formato_1 .divValores,
div[data-center="True"] .formato_2 .divValores.smileys,
div[data-center="True"] .formato_3 .divValores.rating,
div[data-center="True"] .formato_4 .divValores,
div[data-center="True"] .formato_6 .divOpciones > .divOpcion,
div[data-center="True"] .formato_7 .divOpciones,
div[data-center="True"] .formato_8 .divValores,
div[data-center="True"] .formato_9 .divValores.smileys,
div[data-center="True"] .formato_12 .divValores,
div[data-center="True"] .formato_14 .divValores > .divValor,
div[data-center="True"] .formato_15 .DivOpciontxt > .divTxtCont,
div[data-center="True"] .formato_16 .DivOpciontxt > .divTxtCont,
div[data-center="True"] .formato_19 .divOpcion.valign,
div[data-center="True"] .formato_20 .DivOpciontxt {
    display: flex;
    justify-content: center;
}

    div[data-center="True"] .formato_1 .divValores > .conversion,
    div[data-center="True"] .formato_2 .divValores > .conversion,
    div[data-center="True"] .formato_3 .divValores > .conversion,
    div[data-center="True"] .formato_4 .divValores > .conversion,
    div[data-center="True"] .formato_8 .divValores > .conversion,
    div[data-center="True"] .formato_9 .divValores > .conversion,
    div[data-center="True"] .formato_12 .divValores > .conversion {
        width: 0 !important;
    }

div[data-center="True"] .formato_15 .DivOpciontxt > input,
div[data-center="True"] .formato_16 .DivOpciontxt > input {
    display: flex;
    margin: auto;
}

div[data-center="True"] .formato_6 textarea,
div[data-center="True"] .formato_13 textarea,
div[data-center="True"] .formato_14 textarea {
    text-align: center;
}

div[data-center="True"] .formato_14 .divValores > .divValor .rbtGRUP {
    margin-top: 0 !important;
}

div[data-center="True"] .formato_6 textarea + span,
div[data-center="True"] .formato_13 textarea + span
div[data-center="True"] .formato_14 textarea + span {
    display: flex;
    justify-content: center;
}

/*SURVEY STEP BY STEP*/
.formato_6 textarea + span,
.formato_13 textarea + span,
.formato_14 textarea + span {
    display: flex;
    justify-content: flex-end;
}

.formato_19 .divOpciones .divOpcion {
    display: flex;
    justify-content: flex-start;
}

div[data-center="True"] .formato_15 input[type="text"] {
    max-width: 270px !important;
}

div[data-center="True"] .formato_15 input[type="text"],
div[data-center="True"] .formato_16 input[type="number"] {
    text-align: center;
}

.formato_19 .divOpcion span {
    display: none;
}
/**/

.tbEncuesta {
    margin: 0 auto;
    width: 940px;
    overflow: hidden;
}

#cuerpo_enc {
    padding: 0;
    margin-bottom: 60px;
}

.divMedidor {
    width: auto;
    text-align: left;
    font-size: 14px;
}

.divOculto {
    width: 50%;
    height: auto;
    margin: 5px;
}

.divGrupoPadre {
    color: #000000;
    text-align: left;
    max-width: 1000px;
    /*margin-bottom: 45px;*/
}

.divGrupo {
    color: #000000;
    padding-left: 0;
}

.divspanGrupo {
    height: auto;
    margin-bottom: 15px;
    background: #f6f6f6;
    padding: 5px 5px 5px 10px;
}

.container_enc {
    width: 100%;
}

.spandivGrupo {
    color: #00aeae;
    font-size: 20px;
    font-weight: 100;
    line-height: 1.25;
}

.spanCapTaula {
    /*color: #000;*/
    display: block;
    text-align: left;
    font-size: 20px;
    /*margin-bottom: 20px;*/
    /*font-size: 18px;
    border-bottom: 1px solid #000;
    padding-bottom: 3px;*/
}

.divSubGrupo {
    margin-bottom: 10px;
    color: #000000;
    padding-left: 35px;
    overflow: hidden;
}

textarea {
    font-family: Helvetica, arial, tahoma;
    width: 98% !important;
    max-width: 98%;
    height: 60px;
    max-height: 60px;
    color: #000;
    -webkit-appearance: textarea;
    font-size: 14px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #ccc;
    resize: none;
    -moz-resize: none;
    -webkit-resize: none;
    -ms-resize: none;
    -o-resize: none;
    overflow-x: hidden;
    overflow-y: auto;
}

    input[type="text"]:focus,
    input[type="number"]:focus,
    textarea:focus,
    textarea:active {
        border: 1px solid #00aeae;
        outline: none !important;
        overflow-x: hidden;
        overflow-y: auto;
    }

.btSiguienteVariable {
    font-weight: normal;
    vertical-align: bottom;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}

.tableGrupVariable {
    width: 100%;
    margin: 0;
    overflow: hidden;
}

    .tableGrupVariable > span.spandivGrupo {
        font-size: 14px !Important;
        background-color: #FFFFFF;
        color: #4E4E4E;
        display: block;
        text-align: left;
        font-weight: bold;
        padding: 0;
        padding-left: 0;
        color: #000;
        font-family: "helvetica";
        font-size: 12px;
        margin-top: 18px;
        margin-bottom: 18px;
    }

.CellHeaderStart {
    float: left;
    min-width: 18%;
    width: 18%;
    padding: 5px;
}

.CellHeaderVar {
    text-align: center;
    display: inline-block;
    padding: 5px 0;
    margin: 0 4px;
    vertical-align: middle;
}

    .CellHeaderVar span, .cellValor span {
        margin: 0;
        font-family: Helvetica, Verdana;
        font-size: 15px !Important;
        color: #4E4E4E;
        font-weight: normal;
    }

.CellHeaderEnd {
    max-width: 300px;
    min-width: 10px;
}

.rowHeaderValores {
    color: black;
    width: 100%;
    margin: 0 0 10px 0;
    text-align: right;
    min-height: 30px;
}

.rowVar {
    width: auto;
    clear: both;
    overflow: hidden;
    padding: 8px 0;
    text-align: right;
    margin-bottom: 5px;
    cursor: pointer;
}

    .rowVar:nth-child(odd) {
        background-color: #fff;
    }

    .rowVar:nth-child(even) {
        background-color: #fbfbfb;
    }

    .rowVar:hover {
        background: #eee;
    }

.cellValor {
    display: inline-block;
    margin: 0 4px;
}

    .cellValor > span {
        display: table-cell;
        width: auto;
        float: left;
    }

.cellNoevalua {
    float: left;
    padding: 5px 20px;
}

.pnlVar_ENC {
    clear: both;
    margin: 20px auto;
    width: auto;
    overflow: hidden;
}

    .pnlVar_ENC:first-child {
        margin: 0 auto 20px auto;
    }

.pnlVar_ENC, .pnlVarOblig, .pnlVarDep fieldset {
    display: block;
    border: none;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
}

.textoExit strong {
    font-family: arial, helvetica, sans-serif;
    text-align: center;
    font-size: 3.5em;
    font-weight: bold;
    line-height: 55px;
}

.saltodelinea {
    text-align: center;
    height: 250px;
}

.Exit {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.noeval {
    text-align: right;
    height: 20px;
    width: auto;
    margin-bottom: 5px;
}

    .noeval label {
        color: #A21212;
    }

.pnlObligatoria.divObligatorio {
    width: auto;
    float: none;
    text-align: right;
}

.obligatoria, obligatoriatxt {
    text-align: right;
    color: red;
    font-size: 15px;
    font-weight: bold;
}

span.varName {
    font-size: 14px;
    color: #666666;
    display: block;
    text-align: left;
    font-weight: bold;
}

.divVardesc {
    display: block;
    text-align: left;
}

    .divVardesc span {
        font-size: 18px;
        color: #000;
        white-space: pre-wrap;
        /*font-weight: bold;*/
        line-height: 25px;
    }

span.vardesc {
    color: #000;
    display: block;
    text-align: left;
    margin-bottom: 20px;
    /*font-weight: bold;*/
    font-size: 18px;
    /*border-bottom: 1px solid #000;*/
    padding-bottom: 3px;
}

.divVardescP {
    display: block;
    width: auto;
    float: none;
}

    .divVardescP span {
        color: #000;
        font-size: 18px;
        white-space: pre-wrap;
        margin-bottom: 10px;
    }

span.vardesctb {
    font-size: 16px;
    color: #000;
    display: block;
    text-align: left;
    font-weight: normal;
    white-space: pre-wrap;
}



.divValores {
    /*clear: both;*/
    display: inline-block;
    padding: 0px;
    margin-left: 0;
    width: 100%;
    height: auto;
    min-height: 25px;
    float: none;
}

    .divValores.smileys {
        min-height: 65px;
        padding: 0;
        width: 100%;
    }

.divValor {
    width: auto;
    float: left;
    margin-bottom: 10px;
    /*padding: 10px;*/
    /*border: 1px solid #c4c4c4;
    margin-left: 8px;*/
}

.conversion {
    width: 100%;
}

.divConversionlbl {
    text-align: left;
    margin: 0 0 5px 0;
    width: 100%;
}

    .divConversionlbl span {
        color: #00aeae;
        font-size: 14px;
        width: 100%;
        height: 1px;
    }

span.lblSatis {
    margin-left: 50%;
}

span.lblSatisCat {
    margin-left: 55%;
}

span.lblSatisStar {
    margin-left: 12%;
}

span.lblSatisCaras {
    margin-left: 7%;
}

.valign {
    width: 100%;
    margin-bottom: 10px;
}

.vx2 {
    width: 47% !Important;
    min-width: 47% !Important;
    margin-right: 3px;
}

.pnlCondiciones {
    height: auto;
    width: 100%;
    float: none;
    clear: both;
    padding: 5px 0 0 0;
}

.divCondiciones {
    width: auto;
}

    .divCondiciones label {
        font-size: 14px;
        color: #666666;
        display: block;
        text-align: left;
        font-weight: normal;
    }

.divCondicion, .divCondicionDDL {
    margin: 15px 0;
    height: auto;
}

    .divCondicionDDL select {
        height: 35px;
        width: 270px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        padding-left: 5px;
    }

.lblCondicion {
    font-size: 14px;
    color: #666666;
    display: block;
    text-align: left;
    font-weight: normal;
    margin-bottom: 5px;
}

fieldset {
    /*width: 100%;*/
    border: none;
    padding: 0;
    margin: 0;
}

.enviar {
    width: 100%;
}

.txtCondicion {
    height: 50px;
    width: 98%;
    max-width: 98%;
    display: block;
}

.divOpciones {
    width: 100%;
    margin: 20px 0;
    float: none;
    height: auto;
    clear: both;
}



    .divOpciones legend {
        font-size: 14px;
        margin: 10px 0 0 0;
        width: auto;
        color: #666;
        font-weight: bold;
    }

    .divOpciones select {
        width: 50%;
        padding: 5px 0px;
        font-size: 16px;
    }

.columnX2 {
    width: 48%;
    float: left;
    margin: 5px 10px 5px 0;
    padding: 10px 0px !important;
    /*border: 1px solid #c4c4c4;*/
}

.columnX3 {
    width: 30%;
    float: left;
    margin: 5px 10px 5px 0;
    padding: 10px 0px !important;
    /*border: 1px solid #c4c4c4;*/
}

.divOpcion {
    display: block;
    padding: 5px 0;
}

    .divOpcion label {
        cursor: pointer;
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
    }

.DivOpciontxt {
    width: auto;
}

    .DivOpciontxt.txt50, .DivOpciontxt.porcentaje50, .DivOpciontxt.num50 {
        width: 98%;
    }

        .DivOpciontxt.txt50 .divTxtCont, .DivOpciontxt.porcentaje50 .divTxtCont, .DivOpciontxt.num50 .divTxtCont {
            margin-bottom: 5px;
        }

        .DivOpciontxt.txt50 input {
            width: 50%;
        }

        .DivOpciontxt.txt50 + span .divContadorText, .DivOpciontxt.porcentaje50 + span .divContadorText, .DivOpciontxt.num50 + span .divContadorText {
            display: none;
        }

        .DivOpciontxt.porcentaje50 input, .DivOpciontxt.num50 input {
            width: 100px;
        }

        .DivOpciontxt.porcentaje50 input {
            border-bottom-right-radius: 0px;
            border-top-right-radius: 0px;
            border-bottom-left-radius: 3px;
            border-top-left-radius: 3px;
            box-shadow: none;
            border: 1PX SOLID #626161;
        }

        .DivOpciontxt.porcentaje50 span.percent {
            border: 1PX SOLID #626161;
            height: 100%;
            border-left: none;
            padding: 5px;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
        }

    .DivOpciontxt textarea {
        max-width: 99%;
        height: 20px;
        max-height: 30px;
        float: none;
        clear: both;
        resize: none;
        -moz-resize: none;
        -webkit-resize: none;
        -ms-resize: none;
        -o-resize: none;
        overflow-x: hidden;
        overflow-y: auto;
    }

.txtOpcion {
    height: 18px;
    width: 200px;
    display: block;
}

.divTotal {
    text-align: right;
    width: 100%;
}

.oculto, .HIDE, .hide, .NOEVALUADAS, .HIDEDEP {
    display: none !important;
}

input {
    cursor: pointer;
    padding: 5px;
}

    input.disable {
        background-color: #cfcfcf;
    }

[data-icon]:before {
    font-family: 'iconmoon';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}

input {
    cursor: pointer;
}

    input.disable {
        background-color: #cfcfcf;
    }

    input[type="checkbox"], input[type="radio"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }

        input[type="checkbox"]:checked + label {
            color: #4e4e4e;
            cursor: pointer;
        }

.rbtGRUP {
    margin: 0;
    margin-top: 18px;
}

    .rbtGRUP label {
        cursor: pointer;
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
    }

.radio:hover {
    border: 2px solid #00aeae;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
}

.radio input, .checked input, .checkbox input {
    opacity: 0;
}

span.chkCondicion div.checkbox {
    margin-right: 10px;
}

.checkbox {
    margin-right: 10px;
}

.radio, .radio, .checkbox {
    float: left;
    position: relative;
    border: 0.1rem solid #666;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #fff;
    font-size: 3.6rem;
    -moz-transition: border-color 0.3s ease-out;
    -webkit-transition: border-color 0.3s ease-out;
    -o-transition: border-color 0.3s ease-out;
    -ms-transition: border-color 0.3s ease-out;
    transition: border-color 0.3s ease-out;
    border: 2px #ccc solid;
    border: 2px #ccc solid;
    border: 2px #ccc solid;
    _border: 2px #ccc solid;
    outline: -webkit-focus-ring-color transparent 5px;
    outline-color: white;
    margin-left: 0;
    opacity: 1;
}

.radio {
    border-radius: 50%;
}

.checkbox input[type="checkbox"] {
    width: 22px;
    height: 22px;
}

.radio input[type="radio"] {
    width: 22px;
    height: 22px;
}

.rbtGRUP label, .radio + label {
    margin: 0;
    font-family: Helvetica, Verdana;
    font-size: 16px !Important;
    color: #4E4E4E;
    margin-left: 8px;
    margin-right: 8px;
    float: left;
    line-height: 25px;
    max-width: 90%;
}

.checkbox + label {
    margin: 0;
    font-family: Helvetica, Verdana;
    font-size: 16px !Important;
    color: #4E4E4E;
    width: auto;
    line-height: 25px;
}

.radio.checked {
    border: 2px #00aeae solid;
}

    .radio.checked::before {
        /*font-family: FontAwesome;*/
        /*content: "\f111";
    color: #00aeae;
    text-align: center;
    display: block;
    speak: none;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    border: 2px #00aeae solid;
    _border: 2px #00aeae solid;
    opacity: 1;*/
        font-family: "Font Awesome 5 Free";
        content: "\f111";
        font-weight: bold;
        color: #00aeae;
        text-align: center;
        display: block;
        font-size: 16px;
        outline-color: white;
        line-height: 20px;
    }

.checkbox.checked {
    border: 2px #00aeae solid;
}

    .checkbox.checked::before {
        /*font-family: 'Font Awesome 5 Free';
    content: "\f00c";
    color: #00aeae;
    text-align: center;
    display: block;
    speak: none;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    border: 2px #00aeae solid;
    border: 2px #00aeae solid;
    border: 2px #00aeae solid;
    _border: 2px #00aeae solid;
    opacity: 1;*/
        font-family: "Font Awesome 5 Free";
        content: "\f00c";
        color: #00aeae;
        text-align: center;
        display: block;
        font-size: 14px;
        outline-color: white;
        line-height: 20px;
        font-weight: bold;
        position: absolute;
        padding-left: 3px;
    }

.radio input[type="radio"], .checkbox input[type="checkbox"] {
    background: transparent;
    color: #00aeae;
    text-align: center;
    display: table;
    speak: none;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    padding: 0;
    margin: 0;
    outline: -webkit-focus-ring-color transparent 5px;
    outline-color: white;
    width: 22px;
    height: 22px;
    opacity: 0;
}

    .radio input[type="radio"]:checked {
        width: 0;
        height: 0;
    }

.radio, .checkbox {
    opacity: 1;
}

    .radio.checked:before {
        font-family: "Font Awesome 5 Free";
        content: "\f111";
        font-weight: bold;
        color: #00aeae;
        text-align: center;
        display: block;
        font-size: 16px;
        outline-color: white;
        line-height: 20px;
    }

    .checkbox.checked:before {
        font-family: "Font Awesome 5 Free";
        content: "\f00c";
        color: #00aeae;
        text-align: center;
        display: block;
        font-size: 14px;
        outline-color: white;
        line-height: 20px;
        font-weight: bold;
        position: absolute;
        padding-left: 3px;
    }

input[type="radio"]:checked + label {
    color: #00aeae;
}

input[type="radio"]:hover + label {
    color: #00aeae;
}

input[type="checkbox"]:hover + label {
    color: #00aeae;
}

input[type="radio"] + label {
    margin-left: 3px;
    font-size: 15px;
}

input[type="checkbox"] + label {
    margin-left: 3px;
    font-size: 13px;
}

span.txtCont {
    white-space: pre-wrap;
}

/********************************************* BOTONES ***********************************/

.divbtnEnviarEnc {
    width: 100px;
    display: block;
    /*height: 50px;
    line-height: 50px;*/
    margin: 0 10px;
    background: #00aeae;
    padding: 17px 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    color: #fff;
    border: 1px solid #00aeae;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    font-size: 16px;
    text-align: center;
}

div#divbtnEnviarEnc {
    width: 100px;
    height: 50px;
    line-height: 50px;
    margin: 0 10px;
    background: #00aeae;
    padding: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    color: #fff;
    border: 1px solid #00aeae;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    font-size: 16px;
    text-align: center;
}

    div#divbtnEnviarEnc:hover {
        border: 1px solid #00aeae;
        background: #fff;
        color: #00aeae;
    }

.divbtnEnviarEnc:hover {
    border: 1px solid #00aeae;
    background: #fff;
    color: #00aeae;
}

div#divbtnEnviarEnc:hover a.enviarEnc {
    color: #00aeae;
}

div#divbtnEnviarEnc a.enviarEnc:hover {
    color: #00aeae;
}


a.enviarEnc {
    /*padding: 17px 20px;*/
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
}

    a.enviarEnc:hover {
        color: #00aeae;
    }

    a.enviarEnc.disabledbtn {
        color: #fff;
        background-color: #c4c4c4;
        border-color: #c4c4c4;
        cursor: not-allowed;
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
    }

.boton {
    width: auto;
    height: 55px;
    margin-left: 15px;
    float: left;
}

a.boton {
    width: auto;
    margin: 0;
    font-size: 20px;
    padding: 0 25px 0 25px;
    font-family: Helvetica, Verdana;
    color: #00aeae;
    border: 1px solid #00aeae;
    text-align: center;
    display: block;
    float: right;
    text-decoration: none;
    line-height: 50px;
    height: 50px;
}

    a.boton:hover {
        background-color: #00aeae;
        color: #fff;
        text-decoration: none;
    }

.btnCancelar {
    float: left;
    margin: 0 10px;
    border: 1px solid #666;
    padding: 15px 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    color: #666;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    font-size: 16px;
}

    .btnCancelar:hover {
        background-color: #666666;
        color: #FFFFFF;
    }

.btnEnviar {
    width: auto;
    margin: 0;
    font-size: 18px;
    padding: 0 25px 0 25px;
    font-family: Helvetica, Verdana;
    background-color: #ffffff;
    color: #00aeae;
    border: 1px solid #00aeae;
    text-align: center;
    display: block;
    float: right;
    text-decoration: none;
    line-height: 50px;
    height: 50px;
}

    .btnEnviar:hover {
        background-color: #00aeae;
        color: #FFFFFF;
    }

.btnEliminar {
    width: auto;
    margin: 0;
    font-size: 18px;
    padding: 0 25px 0 25px;
    font-family: Helvetica, Verdana;
    background-color: #ffffff;
    color: #C60500;
    border: 1px solid #C60500;
    text-align: center;
    display: block;
    float: right;
    margin: 18px 0 0 18px;
    text-decoration: none;
    line-height: 50px;
    height: 50px;
}

    .btnEliminar:hover {
        background-color: #C60500;
        color: #FFFFFF;
        border: 1px solid #C60500;
    }

.divContinuar {
    width: 100%;
    margin: 15px 0;
    height: 35px;
}

.btnContinuar {
    float: right;
    background: transparent;
    color: #666;
    padding: 5px 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border: 1px solid #666;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    font-size: 15px;
    text-align: center;
}

    .btnContinuar:hover {
        border: 1px solid #666;
        background: #666;
        color: #fff;
    }

        .btnContinuar:hover a {
            color: #fff;
        }

/*********************** custom CARAS *****************************/

.smiley, .smile {
    min-width: 20px;
    float: left;
    margin-right: 10px;
}

.chkCaras .radio input[type="radio"] {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -webkit-opacity: 0;
    width: 0;
    letter-spacing: 0;
    visibility: hidden;
}

.chkCaras .radio + label:before {
    opacity: .3;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -webkit-opacity: 0.2;
}

span.chkCaras .radio {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -webkit-opacity: 0;
    width: 0;
    height: 0;
}

.chkCaras input[type="radio"] + label {
    cursor: pointer !important;
    float: left;
    margin-top: 5px;
    font-size: 16px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -khtml-border-radius: 50px;
    border-radius: 50px;
    margin-right: 0;
    padding: 0;
    /*font-family: FontAwesome;*/
}

.chkCaras input[type="radio"] {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -webkit-opacity: 0;
    width: 0;
    letter-spacing: 0;
    visibility: hidden;
}

    .chkCaras input[type="radio"] + label:before {
        opacity: .3;
        filter: alpha(opacity=30);
        -moz-opacity: 0.3;
        -webkit-opacity: 0.2;
    }

span.chkCaras.DarkGreenFace input[type="radio"] + label {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -webkit-opacity: 0.6;
    background-color: #fff;
}

span.chkCaras.DarkGreenFace i {
    cursor: pointer !important;
    /*font-family: FontAwesome;*/
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: .85;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: auto;
    color: darkgreen;
    font-size: 65px;
    opacity: 0.6;
    -moz-opacity: 0.6;
    -webkit-opacity: 0.6;
}

    span.chkCaras.DarkGreenFace i:hover {
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
        color: darkgreen;
    }

span.chkCaras.DarkGreenFace input[type="radio"]:checked + label i {
    color: darkgreen;
}

span.chkCaras.DarkGreenFace .radio.checked + label i, span.chkCaras.GreenFace .radio.checked + label {
    color: darkgreen !important;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
}

span.chkCaras.GreenFace input[type="radio"] + label {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -webkit-opacity: 0.6;
    background-color: #fff;
}

span.chkCaras.GreenFace i {
    cursor: pointer !important;
    /*font-family: FontAwesome;*/
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: .85;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: auto;
    color: #666;
    font-size: 65px;
    opacity: 0.8;
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
}

span.chkCaras.GreenFace i {
    opacity: 0.6;
    -moz-opacity: 0.6;
    -webkit-opacity: 0.6;
    color: green;
}

    span.chkCaras.GreenFace i:hover {
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
        color: green;
    }

span.chkCaras.GreenFace input[type="radio"]:checked + label i {
    color: green;
}

span.chkCaras.GreenFace .radio.checked + label i, span.chkCaras.GreenFace .radio.checked + label {
    color: green !important;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
}

span.chkCaras.YellowFace input[type="radio"] + label {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -webkit-opacity: 0.6;
    background-color: #fff;
}

span.chkCaras.YellowFace i {
    cursor: pointer !important;
    /*font-family: FontAwesome;*/
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: .85;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: auto;
    color: yellow;
    font-size: 44px;
    opacity: 0.6;
    -moz-opacity: 0.6;
    -webkit-opacity: 0.6;
}

    span.chkCaras.YellowFace i:hover {
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
        color: yellow;
    }

span.chkCaras.YellowFace input[type="radio"]:checked + label i {
    color: yellow;
}

span.chkCaras.YellowFace .radio.checked + label i, span.chkCaras.OrangeFace .radio.checked + label {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    color: yellow;
}

span.chkCaras.OrangeFace input[type="radio"] + label {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -webkit-opacity: 0.6;
    background-color: #fff;
}

span.chkCaras.OrangeFace i {
    cursor: pointer !important;
    /*font-family: FontAwesome;*/
    speak: none;
    font-style: normal;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: .85;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: auto;
    color: #666;
    font-size: 65px;
    opacity: 0.8;
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
}

span.chkCaras.OrangeFace i {
    opacity: 0.6;
    -moz-opacity: 0.6;
    -webkit-opacity: 0.6;
    color: Orange;
}

    span.chkCaras.OrangeFace i:hover {
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
        color: Orange;
    }

span.chkCaras.OrangeFace input[type="radio"]:checked + label i {
    color: Orange;
}

span.chkCaras.OrangeFace .radio.checked + label i, span.chkCaras.OrangeFace .radio.checked + label {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    color: orange;
}

span.chkCaras.RedFace input[type="radio"] + label {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -webkit-opacity: 0.6;
    background-color: #fff;
}

span.chkCaras.RedFace i {
    cursor: pointer !important;
    /*font-family: FontAwesome;*/
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: .85;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: auto;
    color: #666;
    font-size: 65px;
    opacity: 0.8;
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
}

span.chkCaras.RedFace i {
    opacity: 0.6;
    -moz-opacity: 0.6;
    -webkit-opacity: 0.6;
    color: red;
}

    span.chkCaras.RedFace i:hover {
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
        color: red;
    }

span.chkCaras.RedFace input[type="radio"]:checked + label i {
    color: red;
}

span.chkCaras.RedFace .radio.checked + label i, span.chkCaras.RedFace .radio.checked + label {
    color: red !important;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
}

span.chkCaras.redlightFace input[type="radio"] + label {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -webkit-opacity: 0.6;
    background-color: #fff;
}

span.chkCaras.redlightFace i {
    cursor: pointer !important;
    /*font-family: FontAwesome;*/
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: .85;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: auto;
    color: #666;
    font-size: 65px;
    opacity: 0.8;
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
}

span.chkCaras.redlightFace i {
    opacity: 0.6;
    -moz-opacity: 0.6;
    -webkit-opacity: 0.6;
    color: #ff804f;
}

    span.chkCaras.redlightFace i:hover {
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
        color: #ff804f;
    }

span.chkCaras.redlightFace input[type="radio"]:checked + label i {
    color: #ff804f;
}

span.chkCaras.redlightFace .radio.checked + label i, span.chkCaras.redlightFace .radio.checked + label {
    color: #ff804f !important;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
}

span.chkCaras input[type="radio"]:hover + label {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
}

span.chkCaras input[type="radio"]:checked + label {
    opacity: 1;
    filter: alpha(opacity=99);
    -moz-opacity: 1;
    -webkit-opacity: 1;
}

span.chkCaras input[type="radio"]:hover + label {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
}

span.chkCaras input[type="radio"]:checked + label i {
    opacity: 1;
    filter: alpha(opacity=99);
    -moz-opacity: 1;
    -webkit-opacity: 1;
}

    span.chkCaras input[type="radio"]:checked + label i:hover {
        opacity: 1;
        filter: alpha(opacity=99);
        -moz-opacity: 1;
        -webkit-opacity: 1;
    }

/*********************** Custom STARS *****************************/

.fa-star:before {
    /*content: "\f005";*/
    color: rgba(102, 102, 102, 0.5);
    cursor: pointer;
}

.fa-star:before {
    color: rgba(102, 102, 102, 0.5);
    cursor: pointer;
}

.rating .rbtStar .radio {
    display: none;
}

.rating .rbtStar input[type="radio"] {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0.0;
    visibility: hidden;
    width: 0;
}

    .rating .rbtStar input[type="radio"] + label {
        cursor: pointer;
    }

.rating > span label i:hover:before,
.rating > span label i:hover ~ span label i:before {
    content: "\f005";
    font-weight: bold;
    left: 0;
    width: 1.5em;
    color: #00aeae;
}

.rating span input[type="radio"]:checked + label > i:before,
.rating > span input[type="radio"]:checked + label i:before ~ span label i:before {
    content: "\f005";
    font-weight: bold;
    left: 0;
    width: 1.5em;
    color: #00aeae;
}

.rating:not(:checked) > label i:hover,
.rating:not(:checked) > label i:hover ~ label i {
    color: #00aeae;
}

.starSelect i:before {
    content: "\f005" !Important;
    font-weight: bold;
    left: 0;
    width: 1.5em;
    color: #00aeae;
}

.starChecked i:before {
    content: "\f005" !Important;
    font-weight: bold;
    left: 0;
    width: 1.5em;
    color: #00aeae;
}


.divValores span.starChecked:first-child {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -webkit-opacity: 0.6;
}

.divValores span.starChecked:nth-child(2) {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
}

.divValores span.starChecked:nth-child(3) {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
}

.divValores span.starChecked:nth-child(4) {
    opacity: 0.9;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -webkit-opacity: 0.9;
}

.divValores span.starChecked:nth-child(5) {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -webkit-opacity: 1;
}

.pnldescripcion {
    width: auto;
    margin-bottom: 30px;
}

    .pnldescripcion span {
        font-size: 21px;
        line-height: 30px;
        font-weight: normal;
        text-align: left;
    }

/*************************************** MENSAJES  *****************************************/

/********************** BIENVENIDA  ***********************/

.cabecera_logo {
    height: auto;
    max-height: 120px;
    width: auto;
    max-width: 900px;
    margin: 0 auto;
    padding: 0;
}

.img_logo {
    width: auto;
    text-align: right;
    max-height: 120px;
}

    .img_logo img {
        width: auto;
        height: 120px;
    }

.BienvenidaDespedidaMensaje {
    height: auto;
    width: 100%;
    margin: 0 auto 50px auto;
}

.cabeceraMensaje {
    height: auto;
    width: 65%;
    margin: 0 auto 50px auto;
}

.contentCabecera .cabeceraMensaje {
    height: auto;
    width: 100%;
    margin: 0 auto 0px auto;
}

.contentMensaje {
    height: auto;
    width: auto;
}

    .contentMensaje img {
        width: auto !important;
        height: auto !important;
        max-width: 100%;
    }

.cabecera {
    height: auto;
    width: auto;
}

.contentCabecera {
    height: auto;
    width: 900px;
    overflow: hidden;
    margin: 0 auto;
}

    .contentCabecera p {
        margin: 0;
    }

    /*ADDED FONTS*/
    .contentCabecera .cabeceraMensaje.font_1 p {
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    }

    .contentCabecera .cabeceraMensaje.font_2 p {
        font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important;
    }

    .contentCabecera .cabeceraMensaje.font_3 p {
        font-family: Cambria, Georgia, serif;
    }

    .contentCabecera .cabeceraMensaje.font_4 p {
        font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    }

    .contentCabecera .cabeceraMensaje.font_5 p {
        font-family: Georgia, Times, "Times New Roman", serif;
    }

    .contentCabecera .cabeceraMensaje.font_6 p {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    }

    .contentCabecera .cabeceraMensaje.font_7 p {
        font-family: 'Roboto', sans-serif !important;
    }

    .contentCabecera .cabeceraMensaje.font_8 p {
        font-family: Tahoma, Verdana, Segoe, sans-serif !important;
    }

    .contentCabecera .cabeceraMensaje.font_9 p {
        font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif !important;
    }

    .contentCabecera .cabeceraMensaje.font_10 p {
        font-family: Verdana, Geneva, sans-serif !important;
    }

    .contentCabecera .cabeceraMensaje.font_11 p {
        font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif !important;
    }

    .contentCabecera .cabeceraMensaje.font_12 p {
        font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif !important;
    }

    .contentCabecera .cabeceraMensaje.font_13 p {
        font-family: Impact, Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans serif !important;
    }

    .contentCabecera .cabeceraMensaje.font_14 p {
        font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif !important;
    }

    .contentCabecera .cabeceraMensaje.font_15 p {
        font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif !important;
    }

    .contentCabecera .cabeceraMensaje.font_16 p {
        font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif !important;
    }

    .contentCabecera .cabeceraMensaje.font_17 p {
        font-family: "Bodoni MT", "Bodoni 72", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif !important;
    }

    .contentCabecera .cabeceraMensaje.font_18 p {
        font-family: "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif !important;
    }

    .contentCabecera .cabeceraMensaje.font_19 p {
        font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif !important;
    }

    .contentCabecera .cabeceraMensaje.font_20 p {
        font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important;
    }

    .contentCabecera .cabeceraMensaje.font_21 p {
        font-family: Copperplate, "Copperplate Gothic Light", fantasy !important;
    }

    .contentCabecera .cabeceraMensaje.font_22 p {
        font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace !important;
    }

    .contentCabecera .cabeceraMensaje.font_23 p {
        font-family: Didot, "Didot LT STD", "Hoefler Text", Garamond, "Calisto MT", "Times New Roman", serif !important;
    }

    .contentCabecera .cabeceraMensaje.font_24 p {
        font-family: 'Lato', sans-serif !important;
    }

    .contentCabecera .cabeceraMensaje.font_25 p {
        font-family: "Lucida Console", "Courier New", monospace !important;
    }

    .contentCabecera .cabeceraMensaje.font_26 p {
        font-family: "Lucida Sans", Helvetica, Arial, sans-serif !important;
    }

    .contentCabecera .cabeceraMensaje.font_27 p {
        font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif !important;
    }

    .contentCabecera .cabeceraMensaje.font_28 p {
        font-family: 'Quicksand', sans-serif !important;
    }

    .contentCabecera .cabeceraMensaje.font_trajan p {
        font-family: 'Open Sans', sans-serif !important;
    }

/*.cabecera img {
    width: auto !important;
    height: auto !important;
    max-width: 100%;
}*/

.bottonNeutro {
    float: left;
    margin: 0 10px;
    border: 1px solid #666;
    padding: 15px 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    color: #666;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    font-size: 16px;
    text-align: center;
}

    .bottonNeutro a {
        color: #666;
        text-decoration: none;
        font-size: 16px;
        cursor: pointer;
    }

a.bottonAzul {
    text-decoration: none !important;
}

.bottonAzul {
    /*float: left;*/
    margin: 0 10px;
    background: #00aeae;
    padding: 15px 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    color: #fff;
    border: 1px solid #00aeae;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    font-size: 16px;
    text-align: center;
}

    .bottonAzul:hover {
        border: 1px solid #00aeae;
        background: #fff;
        color: #00aeae;
        padding: 15px 20px;
        font-size: 16px;
    }

    .bottonAzul a {
        color: #fff;
        text-decoration: none;
        cursor: pointer;
        font-size: 16px;
    }

    .bottonAzul:hover a {
        color: #00aeae;
        text-decoration: none;
        cursor: pointer;
        font-size: 16px;
    }

    .bottonAzul.exit {
        margin: 30px auto !important;
        display: block;
        float: inherit;
    }


    .bottonAzul.fin {
        padding: 15px 10%;
    }

div#pnlSalir {
    width: 30%;
    text-align: center;
    /*margin: 30px 40%;*/
}

.cajaBtnSigAnt {
    height: 45px;
    margin-top: 70px;
    display: block;
}

a.btnSiguiente {
    float: right;
    background: transparent;
    color: #666;
    padding: 10px 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border: 1px solid #666;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    font-size: 16px;
    text-align: center;
}

    a.btnSiguiente:hover {
        border: 1px solid #666;
        background: #666;
        color: #fff;
    }

a.btnAnterior {
    float: left;
    background: transparent;
    color: #666;
    padding: 10px 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border: 1px solid #666;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    font-size: 16px;
    text-align: center;
}

    a.btnAnterior:hover {
        border: 1px solid #666;
        background: #666;
        color: #fff;
    }

.pnlBienvenidabtns {
    text-align: center;
    margin: 0 auto;
    height: 65px;
    width: 23%;
}

a#btnEncuesta {
    font-size: 16px;
    font-weight: bold;
}

a#btnNoHacer, a#btnRecordar {
    font-size: 16px;
}

.contentBienvenida {
    text-align: center;
    min-height: 70px;
    width: 100%;
}

#foot_eAlicia_ENC {
    background-color: transparent;
    background-position: center top;
    width: 100%;
    height: 70px;
    color: #000000;
    text-align: center;
    bottom: 0;
    z-index: 1;
    border-top: 1px solid #ccc;
    padding-top: 20px;
    margin-top: 40px;
}

#foot_eAlicia_unique {
    background-color: transparent;
    background-position: center top;
    width: 100%;
    height: 75px;
    color: #000000;
    text-align: center;
    bottom: 0;
    z-index: 1;
    border-top: 1px solid #ccc;
    padding-top: 5px;
    margin-top: 10%;
}

div#comments {
    width: 22%;
    margin: 0px 38% 20px 38%;
    overflow: hidden;
}

span#lblComent {
    font-size: 18px;
    color: #444;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.divBotonera {
    height: 55px;
    margin-top: 15px;
}

.divBotoneraEnviar {
    height: 55px;
    margin-top: 20px;
    text-align: right;
}

span.numVariables {
    color: #00aeae;
    font-size: 16px;
}

.panelSalir {
    text-align: center;
    height: 55px;
    width: 60%;
    margin: 45px auto 0 auto;
}


.divContadorText {
    font-size: 10pt;
    text-align: right;
    margin-right: 10px;
    color: #666;
}

/*.divContadorText {
    display: none;
}*/

.cajaDespedida {
    padding: 10px;
}

.nodisponible {
    margin-bottom: 15px;
}

    .nodisponible span {
        text-align: center;
        font-size: 3.5em;
        font-weight: bold;
        color: #666;
        line-height: 50px;
    }

.molestias span {
    text-align: center;
    font-size: 2.5em;
    color: #666;
    line-height: 50px;
}

.contentNotSurvey {
    text-align: center;
    padding-top: 15%;
}

#percentbar {
    color: #00aeae;
    font-size: 18pt;
    height: 25px;
    width: 100%;
    margin: 0 auto;
    background: rgba(0, 174, 174, 0.1);
}

.ui-progressbar .ui-progressbar-value {
    background: #00aeae;
    height: 100%;
}

.divlblBar {
    background: transparent;
    width: 100%;
    z-index: 1000;
}

.lblBar {
    float: left;
    width: 10%;
    color: #fff;
    font-size: 20px;
    z-index: 1000;
    line-height: 26px;
    margin-left: 5px;
    text-shadow: 1px 1px rgba(6, 125, 183, 0.8);
}

.blockUI.blockMsg.blockPage {
    z-index: 1011;
    position: fixed;
    padding: 0px;
    margin: 0px;
    width: 0px;
    top: 30% !important;
    height: 0px;
    left: 43% !important;
    text-align: center;
    color: #fff;
    border: 0px;
    background-color: rgb(255, 255, 255);
    cursor: wait;
}

.divspinner {
    /*background: #00aeae;*/
    width: 250px;
    height: auto;
    margin-top: 50%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    padding: 25px;
}

    .divspinner .spinner {
        margin-bottom: 30px;
        color: #fff;
    }

        .divspinner .spinner i {
            font-size: 70px;
            color: #fff;
        }

    .divspinner span {
        color: #fff;
        font-size: 22px;
        font-weight: bold;
    }

/*.divspinner {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0px;
    background: #0000003b;
}

.divspinner .spinner {
    color: #fff;
    margin-top: 35vh;
    text-align: center;
}

.divspinner .spinner i {
    font-size: 70px;
    color: #00aeae;
}*/

.divValoracion {
    width: 100%;
    height: auto;
}

.valoracion {
    margin: auto 0 0 auto;
    border: 1px solid #ccc;
    padding: 20px;
    text-align: right;
    width: 300px;
    border-radius: 3px;
    margin-top: 45px;
}

.valoracion_Title {
    width: auto;
    height: auto;
}

    .valoracion_Title span {
        font-size: 20px;
        color: #666;
    }

.valoracion_Num {
    width: auto;
    margin: 10px 0 15px 0;
    height: auto;
}

    .valoracion_Num span {
        font-size: 45px;
        color: #666;
        font-weight: bold;
    }

.valoracion_Data {
    width: auto;
    height: auto;
}

    .valoracion_Data span {
        font-size: 14px;
        color: #666;
    }

.progressbar {
    position: fixed;
    bottom: 0;
    z-index: 10;
    background: #fff;
    width: 100%;
    height: 25px;
    margin: 10px 0;
}

    .progressbar.progressbarBottones {
        position: inherit;
        margin-top: 40px;
        z-index: 10;
        background: #fff;
        width: 100%;
        height: 25px;
        bottom: 0;
        right: 0;
        padding: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

.avisoObligatoria {
    text-align: right;
    margin-top: 20px;
}

    .avisoObligatoria span {
        color: red;
        font-size: 15px;
    }

.obligatoriatxt {
    text-align: right;
}

i.iAsp {
    margin-left: 5px;
    cursor: pointer;
}

    i.iAsp:before {
        content: "\f05a";
        /*font-family: FontAwesome;*/
        color: #00aeae;
        font-size: 18px;
        font-weight: normal;
        font-style: normal;
    }

img.imAs {
    display: none;
}

    img.imAs.ver {
        display: block;
        z-index: 100;
        max-width: 500px;
        height: auto;
        position: fixed;
    }

.politicaParticipacion {
    color: #666;
    font-size: 12px;
}

a.linkPolitica {
    text-decoration: none;
    border-bottom: 1px solid #666;
}

    a.linkPolitica:hover {
        text-decoration: none;
        color: #00aeae;
        border-bottom: 1px solid #00aeae;
    }


/**************************** MENSAJE EXIT *******************************************/
.mensajeExit_enc {
    width: 70%;
    margin: 20px auto 50px auto;
}

.panelSalirExit {
    text-align: right;
    height: auto;
    width: auto;
    margin: 45px auto 0 auto;
    position: relative;
}

.salirExit {
    overflow: hidden;
}

.panelSalirExit input {
    background: #00aeae;
    color: #fff;
    border: 1px solid #00aeae;
    padding: 15px 25px;
    border-radius: 3px;
    font-size: 16px;
    cursor: pointer;
}

    .panelSalirExit input:hover {
        background: #fff;
        color: #00aeae;
    }

.cabecera_exit span {
    color: #666;
}

.cabecera_exit img.c3 {
    width: 100%;
}

/************************* PLANTILLA MENSAJES C3 *************************/

p[class*="titleC3_"] {
    color: white;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    position: relative;
}

p[class*="subtitC3_"] {
    color: white;
    font-size: 20px;
    text-align: center;
    position: relative;
}


/*PORTADA*/

.mensajesdiv_portada {
    height: 453px;
}

.titleC3_portada {
    top: -200px;
}

.subtitC3_portada {
    top: -225px;
}

/*CABECERA*/

.mensajesdiv_cabecera {
    height: 211px;
}

.titleC3_cabecera {
    top: -150px;
}

.subtitC3_cabecera {
    top: -140px;
    line-height: 28px;
}

/*DESPEDIDA*/

.mensajesdiv_despedida {
    height: 603px;
}

.titleC3_despedida {
    top: -160px;
}

.subtitC3_despedida {
    top: -175px;
}

/*POPUP TUTO TEST FREE*/

.PopUpTuto.bg-popup {
    position: fixed;
    width: 100vw;
    height: 100vh;
    right: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 100;
}

.bg-popup {
    position: absolute;
    width: 100vw;
    height: 100vh;
    right: 0px;
    top: 0px;
}

.PopUpTuto .cuerpo-registro {
    position: absolute;
    width: 35%;
    background-color: #fff;
    padding: 20px 0px;
    left: 32.5%;
    top: 30%;
    border-radius: 20px;
    text-align: center;
}

.btn.btn-default-borde {
    background-color: #fff;
    color: #00AEAE;
    padding: 10px;
    border: 1px solid #00AEAE;
    border-radius: 10px;
    font-size: 16px;
    cursor: pointer;
    min-width: 150px;
}

.crosscontrasena {
    float: right;
    position: relative;
    top: -8px;
    right: 20px;
    z-index: 10;
}

.btn.btn-default-borde:hover {
    color: #fff;
    background-color: #00AEAE;
    border: 1px solid #00AEAE;
}


/******************************** MEDIA ***************************************/

@media screen and (max-width: 1880px) {
    .pnlBienvenidabtns {
        width: 25%;
    }

    /*PORTADA*/

    .mensajesdiv_portada {
        height: 453px;
    }

    .titleC3_portada {
        top: -200px;
    }

    .subtitC3_portada {
        top: -225px;
    }

    /*CABECERA*/

    .mensajesdiv_cabecera {
        height: 211px;
    }

    .titleC3_cabecera {
        top: -150px;
    }

    .subtitC3_cabecera {
        top: -140px;
        line-height: 28px;
    }

    /*DESPEDIDA*/

    .titleC3_despedida {
        top: -150px;
    }

    .subtitC3_despedida {
        top: -165px;
    }
}

@media screen and (max-width: 1800px) {
    .pnlBienvenidabtns {
        width: 27%;
    }
}

@media screen and (max-width: 1700px) {
    .pnlBienvenidabtns {
        width: 30%;
    }
}

@media screen and (max-width: 1600px) {
    .pnlBienvenidabtns {
        width: 28%;
    }
}

@media screen and (max-width: 1500px) {
    .pnlBienvenidabtns {
        width: 35%;
    }
}

@media screen and (max-width: 1400px) {
    .pnlBienvenidabtns {
        width: 33%;
    }

    h1.h1-welcome-messages5 {
        font-size: 18px;
        bottom: 30vh;
    }
}

@media screen and (max-width: 1300px) {

    .pnlBienvenidabtns {
        width: 36%;
    }

    .containerB h1 {
        top: -140px !important;
    }

    .containerB p {
        top: -150px !important;
        font-size: 16px !important;
    }
}

/***************** PANTALLAS Normales *******************/

@media screen and (max-width: 1200px) {

    .divOpciones select {
        width: 100%;
        padding: 5px 0px;
    }

    .pnlBienvenidabtns {
        width: 40%;
    }

    /*portada*/
    .mensajesdiv_portada {
        height: 375px;
    }

    /*DESPEDIDA*/

    .mensajesdiv_despedida {
        height: 605px;
    }



    /***** MENSAJES EJEMPLO eAlicia FREE *******/

    .containerB img.imagenLogo {
        position: absolute !important;
        top: 18px !important;
        left: 25% !important;
        width: 120px !important;
    }

    .containerB p {
        width: 85% !important;
        position: relative !important;
        top: -130px !important;
        left: 8% !important;
        font-size: 17px !important;
    }

    .containerB h1 {
        width: 85% !important;
        position: relative !important;
        top: -125px !important;
        left: 8% !important;
        font-size: 24px !important;
    }

    .containerD img.imagenLogo {
        position: absolute !important;
        top: 30px !important;
        left: 26% !important;
        width: 157px !important;
    }

    .containerD h1 {
        top: -130px !important;
        font-size: 23px !important;
    }

    .containerD p {
        top: -137px !important;
        font-size: 14px !important;
    }

    /*plantilla 2*/
    .h1-welcome-messages {
        font-size: 22px;
    }
}

@media screen and (max-width: 1100px) {
    .pnlBienvenidabtns {
        width: 45%;
    }
}

@media screen and (min-width: 1164px) {

    .blockUI.blockMsg.blockPage {
        top: 40% !important;
        left: 40% !important;
    }

    .tbEncuesta {
        width: auto;
        max-width: 940px;
        margin: 0 auto;
    }

    .contentCabecera {
        width: auto;
        /*max-width: 900px;*/
        max-width: 930px;
        padding-top: 30px;
    }

    .conversion {
        width: 78%;
    }
}

@media screen and (max-width: 1163px) {

    .tbEncuesta {
        width: auto;
        margin-right: auto;
        margin-left: auto;
    }

    .pnlPlantilla_ENC {
        width: auto;
        margin: 0 auto;
    }

    .contentCabecera {
        width: auto;
        max-width: 1000px;
    }
}

@media screen and (max-width: 1000px) {
    .cabeceraMensaje {
        width: 100%;
    }
}

@media screen and (max-width: 992px) {

    /***** MENSAJES EJEMPLO eAlicia FREE *******/

    .containerB h1 {
        top: -96px !important;
        font-size: 20px !important;
    }

    .containerB p {
        top: -99px !important;
        font-size: 14px !important;
    }

    .containerD img.imagenLogo {
        position: absolute !important;
        top: 20px !important;
        left: 26% !important;
        width: 125px !important;
    }

    .containerD h1 {
        top: -130px !important;
        font-size: 23px !important;
    }

    .containerD p {
        top: -119px !important;
        font-size: 12px !important;
    }

    /*div#pnlSalir {
        width: 70%;
        margin: 30px 10%;
    }*/

    div#pnlSalir {
        width: 60%;
        text-align: center;
        /*margin: 30px 40%;*/
    }

    div#comments {
        width: 75%;
        margin: 0px 15% 0px 10px;
    }

    .foot_contenedor {
        width: 90%;
    }
}

@media screen and (max-width: 950px) {

    .blockUI.blockMsg.blockPage {
        top: 30% !important;
        left: 30% !important;
    }

    /*.cabeceraMensaje {
        width: 65%;
    }*/

    .pnlBienvenidabtns {
        width: 48%;
    }

    .tbEncuesta {
        width: auto;
        margin-right: auto;
        margin-left: auto;
        padding-right: 8px !important;
        padding-left: 8px !important;
    }

    .pnlPlantilla_ENC {
        width: auto;
        margin: 0 auto;
    }

    .contentCabecera {
        width: auto;
    }

    .mensajeExit_enc {
        width: 80%;
        margin: 20px auto 50px auto;
    }
}

@media screen and (max-width: 900px) {

    /*.cabeceraMensaje {
        width: 65%;
    }*/

    .pnlBienvenidabtns {
        width: 55%;
    }

    html, body, form {
        height: auto;
    }

    /*plantilla 2*/

    div.container {
        width: 100%;
        margin: 0 auto;
    }

    .h1-welcome-messages h1 {
        top: 14%;
        left: 7%;
        font-size: 20px;
    }
}

@media screen and (max-width: 850px) {

    .panelSalirExit .bottonAzul {
        float: none;
        width: 30%;
        margin: 0 auto;
    }

    .panelSalirExit {
        text-align: center;
        margin: 85px auto 0 auto;
    }

        .panelSalirExit input {
            width: 50%;
        }

    .mensajeExit_enc {
        width: auto;
        margin: 20px 10px 50px 10px;
    }

    .cabecera_exit span {
        font-size: 2em !important;
    }

    .divValoracion {
        margin: 0 auto;
        width: 50%;
        height: auto;
    }

    .valoracion {
        max-width: none;
        margin: 0;
        border: 1px solid #ccc;
        padding: 10px 0;
        text-align: center;
        float: none;
        width: auto;
    }

    .cabecera_exit p img {
        width: 100%;
        height: auto;
    }

    .pnlBienvenidabtns {
        width: 55%;
    }

    /*.cabeceraMensaje {
        width: 80%;
    }*/

    .panelSalir {
        width: 79%;
    }

    .cabecera {
        padding: 0;
    }

    /*CABECERA*/

    .mensajesdiv_cabecera {
        height: 173px;
    }

    .titleC3_cabecera {
        font-size: 25px !important;
        top: -115px;
    }

    .subtitC3_cabecera {
        top: -100px;
        line-height: 23px;
    }


    /*DESPEDIDA*/

    .mensajesdiv_despedida {
        height: 630px;
    }

    .titleC3_despedida {
        top: -160px;
    }

    .subtitC3_despedida {
        top: -175px;
    }
}

@media screen and (max-width: 800px) {

    .vx2 {
        width: 100% !important;
    }

    .panelSalirExit .bottonAzul {
        float: none;
        width: 30%;
        margin: 0 auto;
    }

    .divValoracion {
        margin: 0 100px;
        width: auto;
        height: auto;
    }

    .valoracion {
        max-width: none;
        margin: 0;
        border: 1px solid #ccc;
        padding: 10px;
        text-align: center;
        float: none;
    }

    .cabecera_exit p img {
        width: 100%;
        height: auto;
    }

    .pnlBienvenidabtns {
        width: 57%;
    }

    /*.cabeceraMensaje {
        width: 65%;
    }*/

    .panelSalir {
        width: 81%;
    }

    .cabecera {
        padding: 0;
    }

    .CellHeaderVar, .cellValor {
        margin: 0;
    }

    #cabeceraTextoMadurezDigital {
        display: none;
    }

    /*portada*/
    .mensajesdiv_portada {
        height: 280px;
    }

    /*CABECERA*/
    .mensajesdiv_cabecera {
        height: 162px;
    }

    .titleC3_cabecera {
        font-size: 20px;
        top: -120px;
    }

    .subtitC3_cabecera {
        font-size: 19px !important;
        top: -100px;
        line-height: 20px;
    }

    /*despedida*/
    .mensajesdiv_despedida {
        height: 575px;
    }
}

@media screen and (max-width: 750px) {

    .divValoracion {
        margin: 0 auto;
        width: 60%;
        height: auto;
    }

    .valoracion {
        max-width: none;
        margin: 0;
        border: 1px solid #ccc;
        padding: 10px;
        text-align: center;
        float: none;
    }

    .cabecera_exit p img {
        width: 100%;
        height: auto;
    }

    /*.cabeceraMensaje {
        width: 65%;
    }*/

    div#pnlSalir {
        width: 100%;
        text-align: center;
        /*margin: 30px 40%;*/
    }

    .pnlBienvenidabtns {
        width: 62%;
    }

    .panelSalir {
        width: 84%;
    }

    .tbEncuesta {
        width: auto;
        margin-right: auto;
        margin-left: auto;
        padding-right: 8px !important;
        padding-left: 8px !important;
    }

    .pnlPlantilla_ENC {
        width: auto;
        margin: 0 auto;
    }

    .cabecera {
        padding: 0;
    }

    .contentCabecera {
        width: auto;
    }


    .containerB h1 {
        top: -76px !important;
        font-size: 20px !important;
    }

    .containerB p {
        top: -83px !important;
        font-size: 14px !important;
    }
}

@media screen and (max-width: 700px) {

    .divValoracion {
        margin: 0 auto;
        width: 80%;
        height: auto;
    }

    .valoracion {
        max-width: none;
        margin: 0;
        border: 1px solid #ccc;
        padding: 10px;
        text-align: center;
        float: none;
    }

    .blockUI.blockMsg.blockPage {
        top: 40% !important;
        left: 10% !important;
    }

    .cabecera_exit p img {
        width: 100%;
        height: auto;
    }

    .pnlBienvenidabtns {
        width: 68%;
    }

    /*.cabeceraMensaje {
        width: 65%;
    }*/

    .panelSalir {
        width: 86%;
    }

    .divGrupoPadre {
        max-width: 700px;
        padding: 0;
    }

    .cellValor {
        padding: 0;
        margin: 0 2px;
    }

    .CellHeaderVar, .CellHeaderEnd {
        padding: 0;
        margin: 0 2px;
    }

    .cabecera {
        padding: 0;
    }

    /*portada*/
    .mensajesdiv_portada {
        height: 250px;
    }

    /*cabecera*/
    .mensajesdiv_cabecera {
        height: 145px;
    }

    .titleC3_cabecera {
        font-size: 20px !important;
        top: -90px;
    }

    .subtitC3_cabecera {
        font-size: 15px !important;
        top: -83px;
        line-height: 16px;
    }

    /*despedida*/

    .mensajesdiv_despedida {
        height: 515px;
    }

    .containerD h1 {
        top: -80px !important;
        font-size: 18px !important;
    }

    .containerD p {
        top: -85px !important;
        font-size: 10px !important;
    }

    h1.h1-welcome-messages {
        width: 50%;
        left: 25%;
        font-size: 16px;
        top: 10%;
    }
}

/***************** PANTALLAS PEQUEÑAS *******************/

@media screen and (max-width: 650px) {

    img.imAs.ver {
        top: 30px !important;
        left: 30px !important;
    }

    .pnlVar_ENC {
        margin: 10px auto;
    }

    .bottonAzul a {
        font-size: 20px;
    }

    .pnlVar_ENC:first-child {
        margin: 0 auto 10px auto;
    }

    .columnX2 {
        width: 100%;
        float: none;
        margin: 10px 0;
    }

    .columnX3 {
        width: 100%;
        float: none;
        margin: 10px 0;
    }

    .headerGlobal {
        /*border-bottom: 1px solid #ccc;*/
        margin-bottom: 20px;
    }

    .cabecera_logo {
        height: 60px;
    }

    .img_logo img {
        width: auto;
        height: 50px;
    }

    .avisoObligatoria {
        text-align: right;
        margin-top: 20px;
        height: 20px;
        margin-top: 0;
        display: block;
        position: fixed;
        background: #fff;
        margin-left: -11px;
        width: 94%;
        padding: 3%;
        bottom: 110px;
        margin-bottom: 5px;
    }

    .progressbar {
        position: fixed;
        margin-top: 0;
        background: #fff;
        margin-left: -8px;
        width: 100%;
        padding: 0;
        bottom: 0;
        padding: 3%;
        height: 25px;
        -webkit-box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
        -moz-box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
        box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
    }

        .progressbar.progressbarBottones {
            position: fixed;
            margin-top: 0;
            background: #fff;
            margin-left: -8px;
            width: 95%;
            padding: 0;
            bottom: 66px;
            padding: 3%;
            height: 25px;
            -webkit-box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
            -moz-box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
            box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
        }

    .blockUI.blockMsg.blockPage {
        top: 40% !important;
        left: 28% !important;
    }

    .divValoracion {
        margin: 0 auto;
        width: auto;
        height: auto;
    }

    .valoracion {
        max-width: none;
        margin: 0;
        border: 1px solid #ccc;
        padding: 10px;
        text-align: center;
        float: none;
    }

    .cabecera_exit p img {
        width: 100%;
        height: auto;
    }

    .cajaBtnSigAnt {
        height: 45px;
        margin-top: 0;
        display: block;
        position: fixed;
        background: #fff;
        margin-left: -11px;
        width: 94%;
        padding: 10px;
        bottom: 0;
        z-index: 10;
        border-top: 1px solid #ededed;
    }

    a.btnSiguiente, a.btnAnterior {
        width: 35%;
    }

    .molestias span {
        font-size: 2.5em;
    }

    /*.cabeceraMensaje {
        width: 85%;
    }*/

    .nodisponible {
        margin-bottom: 30px;
    }

        .nodisponible span {
            font-size: 2em;
            line-height: 30px;
        }

    .cabecera {
        padding: 0;
        margin-bottom: 0;
    }

    .divConversionlbl span {
        color: #00aeae;
        font-size: 11px;
    }

    .divGrupoPadre {
        max-width: 615px;
        padding: 0;
    }

    .divGrupoPadre {
        padding: 0;
        margin: 0;
    }

    .cellValor {
        padding: 0;
        margin: 0 2px;
    }

    .CellHeaderVar, .CellHeaderEnd {
        padding: 0;
        margin: 0 2px;
    }

    .rbtGRUP label, .radio + label {
        margin: 0 7px;
    }

    .pnlBienvenidabtns {
        width: 75%;
    }

    .panelSalir {
        width: 100%;
    }

    .bottonNeutro {
        padding: 15px 15px;
    }

    /*portada*/
    .mensajesdiv_portada {
        height: 300px;
    }

    /*CABECERA*/
    .mensajesdiv_cabecera {
        height: 130px;
    }

    .titleC3_cabecera {
        font-size: 17px;
        top: -95px;
    }

    .subtitC3_cabecera {
        font-size: 15px;
        top: -90px;
        line-height: 15px;
    }

    /*DESPEDIDA*/

    .mensajesdiv_despedida {
        height: 460px;
    }

    .titleC3_despedida {
        top: -130px;
    }

    .subtitC3_despedida {
        top: -155px;
    }
}

@media screen and (max-width: 600px) {

    img.imAs.ver {
        top: 30px !important;
        left: 30px !important;
    }

    .pnlVar_ENC {
        margin: 10px auto;
    }

        .pnlVar_ENC:first-child {
            margin: 0 auto 10px auto;
        }

    .columnX2 {
        width: 100%;
        float: none;
        margin: 10px 0;
    }

    .columnX3 {
        width: 100%;
        float: none;
        margin: 10px 0;
    }

    .headerGlobal {
        /*border-bottom: 1px solid #ccc;*/
        margin-bottom: 20px;
    }

    .cabecera_logo {
        height: 60px;
    }

    .img_logo img {
        width: auto;
        height: 50px;
    }

    .avisoObligatoria {
        text-align: right;
        margin-top: 20px;
        height: 20px;
        margin-top: 0;
        display: block;
        position: fixed;
        background: #fff;
        margin-left: -11px;
        width: 94%;
        padding: 3%;
        bottom: 110px;
        margin-bottom: 5px;
    }

    .progressbar {
        position: fixed;
        margin-top: 0;
        background: #fff;
        margin-left: -8px;
        width: 100%;
        padding: 0;
        bottom: 0;
        padding: 3%;
        height: 25px;
        -webkit-box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
        -moz-box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
        box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
    }

        .progressbar.progressbarBottones {
            position: fixed;
            margin-top: 0;
            background: #fff;
            margin-left: -8px;
            width: 95%;
            padding: 0;
            bottom: 66px;
            padding: 3%;
            height: 25px;
            -webkit-box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
            -moz-box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
            box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
        }

    .divValoracion {
        margin: 0 auto;
        width: 90%;
        height: auto;
    }

    .valoracion {
        max-width: none;
        margin: 0;
        border: 1px solid #ccc;
        padding: 10px;
        text-align: center;
        float: none;
    }

    .blockUI.blockMsg.blockPage {
        top: 40% !important;
        left: 25% !important;
    }

    .cabecera_exit p img {
        width: 100%;
        height: auto;
    }

    .cajaBtnSigAnt {
        height: 45px;
        margin-top: 0;
        display: block;
        position: fixed;
        background: #fff;
        margin-left: -11px;
        width: 94%;
        padding: 10px;
        bottom: 0;
        z-index: 10;
        border-top: 1px solid #ededed;
    }

    a.btnSiguiente, a.btnAnterior {
        width: 35%;
    }

    .molestias span {
        font-size: 2.5em;
    }

    /*.cabeceraMensaje {
        width: 65%;
    }*/

    .nodisponible {
        margin-bottom: 30px;
    }

        .nodisponible span {
            font-size: 2em;
            line-height: 30px;
        }

    .pnlBienvenidabtns {
        width: 77%;
    }

    /*.cabecera img {
        width: auto !important;
        height: auto !important;
        max-width: 100%;
    }*/

    .panelSalir {
        width: 100%;
    }

    .rbtGRUP label, .radio + label {
        margin: 0 6px;
        max-width: 88%;
    }

    .divConversionlbl span {
        color: #00aeae;
        font-size: 11px;
    }

    .cabecera {
        padding: 0;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 550px) {

    img.imAs.ver {
        top: 30px !important;
        left: 30px !important;
    }

    .pnlVar_ENC {
        margin: 10px auto;
    }

        .pnlVar_ENC:first-child {
            margin: 0 auto 10px auto;
        }

    .columnX2 {
        width: 100%;
        float: none;
        margin: 10px 0;
    }

    .columnX3 {
        width: 100%;
        float: none;
        margin: 10px 0;
    }

    .headerGlobal {
        margin-bottom: 20px;
    }

    .pnlBienvenidabtns {
        width: 84%;
    }

    .cellValor2 {
        float: left;
        text-align: center;
        display: table-cell;
        padding: 0;
        width: 7%;
    }
}

@media screen and (max-width: 500px) {

    img.imAs.ver {
        top: 30px !important;
        left: 30px !important;
    }

    .cabecera_exit {
        margin-bottom: 40px;
    }

        .cabecera_exit span {
            font-size: 1.6em !important;
        }

    .panelSalirExit .bottonAzul {
        float: none;
        width: 60%;
        margin: 0 auto;
    }

    .columnX2 {
        width: 100%;
        float: none;
        margin: 10px 0;
    }

    .columnX3 {
        width: 100%;
        float: none;
        margin: 10px 0;
    }

    .cabecera_logo {
        height: 60px;
    }

    .img_logo img {
        width: auto;
        height: 50px;
    }

    .avisoObligatoria {
        text-align: right;
        margin-top: 20px;
        height: 20px;
        margin-top: 0;
        display: block;
        position: fixed;
        background: #fff;
        margin-left: -11px;
        width: 94%;
        padding: 3%;
        bottom: 5px;
        margin-bottom: 5px;
    }

    .progressbar {
        position: fixed;
        margin-top: 0;
        background: #fff;
        margin-left: -8px;
        width: 100%;
        padding: 0;
        bottom: 0;
        padding: 3%;
        height: 25px;
        -webkit-box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
        -moz-box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
        box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
    }

        .progressbar.progressbarBottones {
            position: fixed;
            margin-top: 0;
            background: #fff;
            margin-left: -8px;
            width: 95%;
            padding: 0;
            bottom: 66px;
            padding: 3%;
            height: 25px;
            -webkit-box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
            -moz-box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
            box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
        }

    .divValoracion {
        margin: 0 auto;
        width: auto;
        height: auto;
    }

    .valoracion {
        max-width: none;
        margin: 0;
        border: 1px solid #ccc;
        padding: 10px;
        text-align: center;
        float: none;
    }

    .blockUI.blockMsg.blockPage {
        top: 40% !important;
        left: 10% !important;
    }

    .cabecera_exit p img {
        width: 100%;
        height: auto;
    }

    .cajaBtnSigAnt {
        height: 45px;
        margin-top: 0;
        display: block;
        position: fixed;
        background: #fff;
        margin-left: -11px;
        width: 94%;
        padding: 10px;
        bottom: 0;
        z-index: 10;
        border-top: 1px solid #ededed;
    }

    a.btnSiguiente, a.btnAnterior {
        width: 35%;
    }

    .contentNotSurvey {
        padding-top: 40%;
    }

    .divBotonera {
        height: 120px;
    }

    /*.cabeceraMensaje {
        width: 90%;
    }*/

    .molestias span {
        font-size: 2.5em;
    }

    .nodisponible {
        margin-bottom: 30px;
    }

        .nodisponible span {
            font-size: 2em;
            line-height: 30px;
        }

    .cabecera {
        padding: 0;
        margin-bottom: 0;
    }

    .CellHeaderStart {
        max-width: 100%;
        min-width: 100%;
        width: 100%;
        padding: 0;
        display: block !important;
        margin-bottom: 10px;
    }

    .CRbt > span {
        display: table-cell;
        width: auto;
        float: left;
    }

    .cellValor.cellValorGrande {
        width: 100% !IMPORTANT;
        text-align: left;
        padding: 0;
        display: inline-block;
    }

        .cellValor.cellValorGrande .CRbt > span {
            display: table-cell;
            width: 100% !important;
            float: left !important;
            text-align: left;
        }

    .cellValor, .cellValor2 {
        text-align: center;
        display: table-cell;
        padding: 0;
        width: 8%;
        float: left;
    }

    span.vardesc, .spanCapTaula {
        font-size: 18px;
    }

    .pnlBienvenidabtns {
        width: 95%;
    }

    .panelSalir {
        width: auto;
        padding: 10px;
    }

    /*.cabecera img {
        width: auto !important;
        height: auto !important;
        max-width: 100%;
    }*/

    .bottonNeutro, .bottonAzul, .btnContinuar {
        margin: 10px 0;
        width: 90%;
    }

    .bottonNeutro {
        padding: 15px 20px;
    }

        .bottonAzul a, .bottonNeutro a {
            font-size: 20px;
        }

    .contentBienvenida {
        min-height: 210px;
    }

    .divGrupoPadre {
        width: auto;
        padding: 10px;
        color: #000000;
        text-align: left;
    }

    .rbtGRUP label, .radio + label {
        margin: 0 6px;
        max-width: 88%;
    }

    form {
        margin: 0;
    }

    label {
        max-width: 296px;
    }

    h1 {
        font-size: 26px;
    }

    h2 {
        font-size: 22px;
    }

    h3 {
        font-size: 18px;
    }

    h4 {
        font-size: 16px;
    }

    h5 {
        font-size: 14px;
    }

    .cellValor {
        float: none;
        padding: 5px 3px 5px 3px;
    }

    .txtCondicion {
        width: 98%;
        max-width: 98%;
        display: block;
    }

    .condiciones {
        height: auto;
        width: 100%;
        float: none;
        margin: 15px 0;
        clear: both;
    }

    .tbEncuesta {
        width: auto;
        margin-right: auto;
        margin-left: auto;
    }

    .pnlPlantilla_ENC {
        width: auto;
        margin: 0 auto;
    }

    .contentCabecera {
        width: auto;
    }

    .rbtIMG, .rbtIMG img {
        width: 100%;
        display: block;
        margin: 0.5% 0 !Important;
        max-width: 100%;
        height: auto;
    }

    table.celdVariableSinCond, thead.celdVariableSinCond, tbody.celdVariableSinCond, th.celdVariableSinCond, td.celdVariableSinCond, tr.celdVariableSinCond {
        display: block;
    }

    tr.celdVariableSinCond {
        border: 1px solid #ccc;
    }

    td.celdVariableSinCond {
        border: none;
        position: relative;
        margin-left: 12px;
        white-space: normal;
        text-align: left;
        width: 100%;
    }

    .celdVariableSinCond td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
    }

    .celdVariableSinCond td:before {
        content: attr(data-title);
    }

    .divValor.smiley {
        width: 15% !important;
    }

    .rbtStar .fa-3x {
        font-size: 4em;
    }

    input[type="radio"]:checked + label {
        outline: 0 solid #00aeae;
        color: #00aeae;
    }

    input[type="radio"] {
        background: #DDDDDD;
        outline: 0 solid #00aeae;
    }

        input[type="radio"] + label {
            outline: 0 solid #00aeae;
            color: #666666;
            font-size: 12px;
        }

        input[type="radio"]:checked {
            outline: 0 solid #00aeae;
        }

    .enviar {
        float: none;
        text-align: center;
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }

        .enviar img {
            width: 300px !important;
            height: auto !important;
        }

        .enviar p {
            text-align: left;
        }

    .CellHeaderStart {
        width: auto;
        padding: 0 0 10px 0;
        display: block !important;
        margin-bottom: 10px;
    }

    .tableGrupVariable .rowVar .CellHeaderStart span {
        margin-top: 10px !important;
    }

    .CellHeaderVar span, .cellValor span {
        margin: 0;
        font-family: Helvetica, Verdana;
        font-size: 16px !Important;
        color: #4E4E4E;
        text-align: center;
        font-weight: normal;
    }

    .CellHeaderEnd {
        min-width: 10px;
    }

    .rowHeaderValores {
        display: none;
    }

    .tableGrupVariable .cellValor {
        text-align: left;
        padding: 0;
    }

        .tableGrupVariable .cellValor span .rbtGRUP .rbtGRUP_1001349 {
            margin: 0 !important;
        }

        .tableGrupVariable .cellValor > span {
            margin: 0 !important;
        }

    .tableGrupVariable .radio {
        margin-right: 5%;
    }


    .cellValor {
        margin: 0px !important;
    }

        .cellValor > span:before {
            content: attr(data-title);
        }

    .pnlVar_ENC {
        width: auto;
        margin: 10px auto;
    }

        .pnlVar_ENC:first-child {
            margin: 0 auto 10px auto;
        }

    .rbtGRUP label, .radio + label {
        margin-left: 3px;
        max-width: 88%;
    }

    .pnlBienvenida .pnlBienvenidabtns .boton {
        width: 300px;
        clear: both;
        margin-bottom: 5px;
        float: none !important;
        margin-top: 0;
    }

    .btnCancelar {
        width: 315px;
    }

    .Exit {
        width: 350px;
        margin-left: auto;
        margin-right: auto;
    }

    /*.textoExit strong {
        font-family: arial, helvetica, sans-serif;
        text-align: center;
        font-size: 1em;
        font-weight: bold;
        line-height: 30px;
    }*/

    .saltodelinea {
        text-align: center;
        height: 100px;
    }

    .CRbt {
        width: auto;
        height: auto;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 10px;
        float: none;
    }

    .tableGrupVariable .cellValor .rbtGRUP:after {
        content: attr(data-title);
        text-align: left;
        margin-left: -5px;
    }

    .pnlBienvenidabtns a.boton {
        width: 317px;
    }

    .boton {
        width: 370px;
        height: 55px;
        margin-left: 15px;
        float: left;
    }

    /*Cabecera*/

    .mensajesdiv_cabecera {
        height: 100px;
    }

    /*Despedida*/

    .mensajesdiv_despedida {
        height: 380px;
    }

    .titleC3_despedida {
        top: -110px;
    }

    .subtitC3_despedida {
        top: -135px;
    }

    /***** MENSAJES EJEMPLO eAlicia FREE *******/

    .containerB img.imagenLogo {
        position: absolute !important;
        top: 18px !important;
        left: 13% !important;
        width: 100px !important;
    }

    .containerB h1 {
        top: -70px !important;
        font-size: 18px !important;
    }

    .containerB p {
        top: -70px !important;
        font-size: 12px !important;
    }

    .containerD img.imagenLogo {
        position: absolute !important;
        top: 10px !important;
        left: 19% !important;
        width: 75px !important;
    }

    .containerD h1 {
        top: -63px !important;
        font-size: 14px !important;
    }

    .containerD p {
        top: -67px !important;
        font-size: 6px !important;
    }

    .containerC img.imagenLogo {
        float: left !important;
        width: 108px !important;
        margin-top: 10px !important;
    }

    .containerC h1 {
        float: left !important;
        width: 60% !important;
        margin-left: 30px !important;
        margin-top: 13px !important;
        font-size: 15px !important;
    }

    div#comments {
        width: 90%;
        margin: 0px 5% 0px 10px;
    }

    div#divbtnEnviarEnc {
        width: 90%;
        margin: 0 5%;
    }

    .divbtnEnviarEnc {
        width: 80%;
        margin: 0 auto;
        float: none;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 450px) {

    .panelSalirExit input {
        width: 99%;
    }

    img.imAs.ver {
        top: 30px !important;
        left: 30px !important;
    }

    .cabecera_exit {
        margin-bottom: 50px;
    }

        .cabecera_exit span {
            font-size: 1.5em !important;
        }

    .panelSalirExit .bottonAzul {
        float: none;
        width: auto;
        margin: 0 auto;
    }

    .valoracion_Data span {
        font-size: 20px;
        color: #666;
    }

    .bottonAzul a, .bottonNeutro a {
        font-size: 24px;
    }

    .valoracion_Title span {
        font-size: 22px;
        color: #666;
    }

    .valoracion_Num span {
        font-size: 60px;
        color: #666;
        font-weight: bold;
    }

    .columnX2 {
        width: 100%;
        float: none;
        margin: 10px 0;
    }

    .columnX3 {
        width: 100%;
        float: none;
        margin: 10px 0;
    }

    .cabecera_logo {
        height: 60px;
    }

    .img_logo img {
        width: auto;
        height: 50px;
    }

    .avisoObligatoria {
        text-align: right;
        margin-top: 20px;
        height: 20px;
        margin-top: 0;
        display: block;
        position: fixed;
        background: #fff;
        margin-left: -11px;
        width: 94%;
        padding: 3%;
        bottom: 5px;
        margin-bottom: 5px;
    }

    .progressbar {
        position: fixed;
        margin-top: 0;
        background: #fff;
        margin-left: -8px;
        width: 100%;
        padding: 0;
        bottom: 0;
        padding: 3%;
        height: 25px;
        -webkit-box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
        -moz-box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
        box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
    }

        .progressbar.progressbarBottones {
            position: fixed;
            margin-top: 0;
            background: #fff;
            margin-left: -8px;
            width: 95%;
            padding: 0;
            bottom: 66px;
            padding: 3%;
            height: 25px;
            -webkit-box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
            -moz-box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
            box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
        }

    .divValoracion {
        margin: 0 auto;
        width: auto;
        height: auto;
    }

    .valoracion {
        max-width: none;
        margin: 0;
        border: 1px solid #ccc;
        padding: 10px;
        text-align: center;
        float: none;
    }

    .blockUI.blockMsg.blockPage {
        top: 40% !important;
        left: 15% !important;
    }

    .cabecera_exit p img {
        width: 100%;
        height: auto;
    }

    .cajaBtnSigAnt {
        height: 45px;
        margin-top: 0;
        display: block;
        position: fixed;
        background: #fff;
        margin-left: -11px;
        width: 94%;
        padding: 10px;
        bottom: 0;
        z-index: 10;
        border-top: 1px solid #ededed;
    }

    a.btnSiguiente, a.btnAnterior {
        width: 35%;
    }

    /*.cabeceraMensaje {
        width: 90%;
    }*/

    .divBotonera {
        height: 120px;
    }

    .molestias span {
        font-size: 2.5em;
    }

    .nodisponible {
        margin-bottom: 30px;
    }

        .nodisponible span {
            font-size: 2em;
            line-height: 30px;
        }

    .cabecera {
        padding: 0;
        margin-bottom: 0;
    }

    .cellValor.cellValorGrande {
        width: 100% !IMPORTANT;
        text-align: left;
        padding: 0;
    }

        .cellValor.cellValorGrande .CRbt > span {
            display: table-cell;
            width: 100% !important;
            float: left !important;
            text-align: left;
        }

    .bottonAzul a, .bottonNeutro a {
        font-size: 20px;
    }

    .conversion {
        display: none;
    }

    .panelSalir {
        width: auto;
        padding: 10px;
    }

    .divMedidor {
        margin: 0;
    }

    .ultimavaloracion {
        width: 296px;
        float: left;
    }

    .divStarsValora {
        width: 210px;
        margin-top: 0;
        margin-left: 10px;
        float: left;
    }

    .smiley {
        width: auto;
    }

    .txtCondicion textarea {
        height: 20px !important;
        width: 98%;
        max-width: 98%;
        display: block;
        resize: none;
        -moz-resize: none;
        -webkit-resize: none;
        -ms-resize: none;
        -o-resize: none;
        overflow-x: hidden;
        overflow-y: auto;
    }

    label {
        max-width: 296px;
    }

    .saltodelinea {
        text-align: center;
        height: 100px;
    }

    table .Exit {
        width: 355px;
        margin-left: auto;
        margin-right: auto;
    }

    .textoExit strong {
        font-family: arial, helvetica, sans-serif;
        text-align: center;
        font-size: 1em;
        font-weight: bold;
        line-height: 30px;
    }

    .txtCondicion {
        width: 98%;
        max-width: 98%;
        display: block;
    }

    .tbEncuesta {
        width: auto;
        margin-right: auto;
        margin-left: auto;
    }

    .pnlPlantilla_ENC {
        width: auto;
        margin: 0 auto;
    }

    .contentCabecera {
        width: auto;
    }

    .rbtIMG, .rbtIMG img {
        width: 100%;
        display: block;
        margin: 0.5% 0 !Important;
    }

    table.celdVariableSinCond, thead.celdVariableSinCond, tbody.celdVariableSinCond, th.celdVariableSinCond, td.celdVariableSinCond, tr.celdVariableSinCond {
        display: block;
    }

    tr.celdVariableSinCond {
        border: 1px solid #ccc;
    }

    td.celdVariableSinCond {
        border: none;
        position: relative;
        margin-left: 12px;
        white-space: normal;
        text-align: left;
        width: 100%;
    }

    .tableGrupVariable .celdVariableSinCond td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        white-space: nowrap;
        text-align: left;
    }

    .tableGrupVariable .celdVariableSinCond td:before {
        content: attr(data-title);
    }

    .tableGrupVariable .cellValor .rbtGRUP:after {
        content: attr(data-title);
        text-align: left;
        margin-left: -5px;
    }

    .tableGrupVariable .cellValor {
        text-align: left;
    }

    .tableGrupVariable .radio {
        margin-left: 5%;
        margin-bottom: 5px;
    }

    input[type="radio"]:checked + label {
        outline: 0 solid #00aeae;
    }

    input[type="radio"] {
        background: #DDDDDD;
        outline: 0 solid #00aeae;
    }

        input[type="radio"] + label {
            outline: 0 solid #00aeae;
            color: #666666;
        }

        input[type="radio"]:checked {
            outline: 0 solid #00aeae;
        }

    .pnlBienvenida .pnlBienvenidabtns .boton {
        width: 300px;
        clear: both;
        margin-bottom: 5px;
        float: none !important;
    }

    a.boton {
        float: none !important;
    }

    #pnlBienvenida a.boton {
        width: 340px;
        height: 80px;
        text-align: center;
        margin-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
        float: none !important;
    }

    .CellHeaderStart {
        max-width: 100%;
        min-width: 100%;
        width: 100%;
        padding: 0;
        display: block !important;
        margin-bottom: 10px;
    }

    .tableGrupVariable .radio {
        margin-bottom: 5px;
    }

    .CellHeaderVar span, .cellValor span {
        margin: 0;
        font-family: Helvetica, Verdana;
        font-size: 16px !Important;
        color: #4E4E4E;
        float: right;
        font-weight: normal;
    }

    .CellHeaderEnd {
        max-width: 100%;
        min-width: 10px;
    }

    .rowHeaderValores {
        display: none;
    }

    .divGrupoPadre {
        color: #000000;
        padding: 0;
        text-align: left;
        width: auto;
    }

    .cellValor, .cellValor2 {
        text-align: center;
        display: table-cell;
        padding: 0;
        width: 8%;
        float: left;
    }

    .CRbt > span {
        display: table-cell;
        width: auto;
        float: left;
    }

    .pnlVar_ENC {
        max-width: 100%;
        margin: 10px auto;
    }

        .pnlVar_ENC:first-child {
            margin: 0 auto 10px auto;
        }

    .cabecera_exit table {
        width: 300px;
    }

        .cabecera_exit table p {
            height: 80px;
        }

        .cabecera_exit table h1:first-child {
            height: 90px;
        }

        .cabecera_exit table h1 {
            text-align: center;
            font-size: 1.5em;
            font-weight: bold;
            line-height: 30px;
        }

    .CRbt {
        width: 250px;
        height: auto;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 10px;
        float: left;
    }

    .tableGrupVariable .rowVar .cellValor {
        padding-right: 12px;
    }

    /*CABECERA*/
    .mensajesdiv_cabecera {
        height: 90px;
    }

    .titleC3_cabecera {
        font-size: 21px !important;
        top: -70px;
    }

    .subtitC3_cabecera {
        display: none;
    }

    /*DESPEDIDA*/

    .mensajesdiv_despedida {
        height: 300px;
    }

    .titleC3_despedida {
        font-size: 20px !important;
        top: -90px;
    }

    .subtitC3_despedida {
        font-size: 18px !important;
        top: -105px;
    }
}

@media screen and (max-width: 400px) {

    .cabecera_exit span {
        font-size: 1em !important;
    }

    .panelSalirExit .bottonAzul {
        float: none;
        width: auto;
        margin: 0 auto;
    }

    .mensajeExit_enc {
        width: auto;
        margin: 20px 10px 50px 10px;
    }

    img.imAs.ver {
        top: 30px !important;
        left: 30px !important;
    }

    .pnlVar_ENC {
        margin: 10px auto;
    }

        .pnlVar_ENC:first-child {
            margin: 0 auto 10px auto;
        }

    .columnX2 {
        width: 100%;
        float: none;
        margin: 10px 0;
    }

    .columnX3 {
        width: 100%;
        float: none;
        margin: 10px 0;
    }

    .headerGlobal {
        margin-bottom: 20px;
    }

    .cabecera_logo {
        height: 60px;
    }

    .img_logo img {
        width: auto;
        height: 50px;
    }

    a.btnSiguiente, a.btnAnterior {
        width: 35%;
    }

    .avisoObligatoria {
        text-align: right;
        margin-top: 20px;
        height: 20px;
        margin-top: 0;
        display: block;
        position: fixed;
        background: #fff;
        margin-left: -11px;
        width: 94%;
        padding: 3%;
        bottom: 5px;
        margin-bottom: 5px;
    }

    .progressbar {
        position: fixed;
        margin-top: 0;
        background: #fff;
        margin-left: -8px;
        width: 100%;
        padding: 0;
        bottom: 0;
        padding: 3%;
        height: 25px;
        -webkit-box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
        -moz-box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
        box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
    }

        .progressbar.progressbarBottones {
            position: fixed;
            margin-top: 0;
            background: #fff;
            margin-left: -8px;
            width: 95%;
            padding: 0;
            bottom: 66px;
            padding: 3%;
            height: 25px;
            -webkit-box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
            -moz-box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
            box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
        }

    .blockUI.blockMsg.blockPage {
        top: 40% !important;
        left: 10% !important;
    }

    .cabecera_exit p img {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 350px) {

    img.imAs.ver {
        top: 30px !important;
        left: 30px !important;
    }

    .pnlVar_ENC {
        margin: 10px auto;
    }

        .pnlVar_ENC:first-child {
            margin: 0 auto 10px auto;
        }

    .columnX2 {
        width: 100%;
        float: none;
        margin: 10px 0;
    }

    .columnX3 {
        width: 100%;
        float: none;
        margin: 10px 0;
    }

    .headerGlobal {
        margin-bottom: 20px;
    }

    .cabecera_logo {
        height: 60px;
    }

    .img_logo img {
        width: auto;
        height: 50px;
    }

    .avisoObligatoria {
        text-align: right;
        margin-top: 20px;
        height: 20px;
        margin-top: 0;
        display: block;
        position: fixed;
        background: #fff;
        margin-left: -11px;
        width: 94%;
        padding: 3%;
        bottom: 5px;
        margin-bottom: 5px;
    }

    .progressbar {
        position: fixed;
        margin-top: 0;
        background: #fff;
        margin-left: -8px;
        width: 100%;
        padding: 0;
        bottom: 0;
        padding: 3%;
        height: 25px;
        -webkit-box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
        -moz-box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
        box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
    }

        .progressbar.progressbarBottones {
            position: fixed;
            margin-top: 0;
            background: #fff;
            margin-left: -8px;
            width: 95%;
            padding: 0;
            bottom: 66px;
            padding: 3%;
            height: 25px;
            -webkit-box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
            -moz-box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
            box-shadow: 0px -2px 10px -3px rgba(102,102,102,0.3);
        }

    .divValoracion {
        margin: 0 auto;
        width: auto;
        height: auto;
    }

    .valoracion {
        max-width: none;
        margin: 0;
        border: 1px solid #ccc;
        padding: 10px;
        text-align: center;
        float: none;
    }

    .divspinner {
        width: 200px;
        height: auto;
    }

    .blockUI.blockMsg.blockPage {
        top: 40% !important;
        left: 10% !important;
    }

    .cabecera_exit p img {
        width: 100%;
        height: auto;
    }

    .cajaBtnSigAnt {
        height: 45px;
        margin-top: 0;
        display: block;
        position: fixed;
        background: #fff;
        margin-left: -11px;
        width: 94%;
        padding: 10px;
        bottom: 0;
        z-index: 10;
        border-top: 1px solid #ededed;
    }

    a.btnSiguiente, a.btnAnterior {
        width: 35%;
    }

    /*.cabeceraMensaje {
        width: 90%;
    }*/

    .contentNotSurvey {
        padding-top: 40%;
    }

    .molestias span {
        font-size: 2em;
    }

    .nodisponible {
        margin-bottom: 25px;
    }

        .nodisponible span {
            font-size: 1.5em;
            line-height: 25px;
        }

    .cabecera {
        padding: 0;
    }

    .cellValor.cellValorGrande {
        width: 100% !IMPORTANT;
        text-align: left;
        padding: 0;
    }

    .cellValor2 {
        margin-right: 3px;
    }

    .cellValor.cellValorGrande .CRbt > span {
        display: table-cell;
        width: 100% !important;
        float: left !important;
        text-align: left;
    }

    .panelSalir {
        width: auto;
        padding: 10px;
    }

    .divBotonera {
        height: 120px;
    }

    /*Portada*/
    .mensajesdiv_portada {
        height: 200px;
    }

    .titleC3_portada {
        top: -150px;
    }

    .subtitC3_portada {
        top: -175px;
    }

    /*CABECERA*/
    .mensajesdiv_cabecera {
        height: 70px;
    }

    .titleC3_cabecera {
        font-size: 16px !important;
        top: -58px;
    }

    .subtitC3_cabecera {
        display: none;
    }

    /*DESPEDIDA*/

    .mensajesdiv_despedida {
        height: 220px;
    }

    .titleC3_despedida {
        font-size: 20px !important;
        top: -72px;
    }

    .subtitC3_despedida {
        font-size: 18px !important;
        top: -94px;
    }

    .containerB h1 {
        top: -60px !important;
        font-size: 18px !important;
    }

    .containerB p {
        top: -65px !important;
        font-size: 12px !important;
    }
}

.containerC3 .vertical-center {
    margin: 0px;
    width: 90% !important;
    padding: 0px 5% 10px 5%;
    text-align: center;
}

.containerB2 .vertical-center2 {
    width: 90% !important;
}

#divtbEncuesta .divGrupoPadre .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc {
    margin-left: 23px !important;
    padding-bottom: 10px !important;
    display: flex;
    align-items: center;
}

/*CUSTOM SURVEY TAGS*/
/*Preset0*/
.divGrupoPadre.style_0 .divGrupo > .tableCap {
    border-left: 4px solid #00AEAE !important;
    border-radius: 0;
}

/*TOGGLE FONTS*/
/*Arial & Preset1*/
/*.divGrupoPadre.style_1 .divGrupo > .tableCap .vardesc,
.divGrupoPadre.style_1 .divGrupo > .tableCap span.lblRbtValor,
.divGrupoPadre.style_1 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.style_1 .divGrupo > .tableCap textarea,
.divGrupoPadre.style_1 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.style_1 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.style_1 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.style_1 .divGrupo > .tableCap .divOpciones select,
.divGrupoPadre.style_1 .divGrupo > .tableCap .divOpciones select option,*/
.divGrupoPadre.font_1 .divGrupo > .tableCap > .divVardesc > .vardesc,
.divGrupoPadre.font_1 .divGrupo > .tableCap .divEditVal > span.lblRbtValor,
.divGrupoPadre.font_1 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.font_1 .divGrupo > .tableCap textarea,
.divGrupoPadre.font_1 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.font_1 .divGrupo > .tableCap .divValores textarea,
.divGrupoPadre.font_1 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.font_1 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.font_1 .divGrupo > .tableCap select,
.divGrupoPadre.font_1 .divGrupo > .tableCap .divOpciones select option,
.divGrupoPadre.font_1 .divGrupo > .tableCap .divValores label,
.divGrupoPadre.font_1 .divGrupo > .tableCap .divOpciones span,
.divGrupoPadre.font_1 .divGrupo > .tableCap .divVardesc span.contadorvar,
.divGrupoPadre.font_1 .divGrupo > .tableCap input[type="number"],
.divGrupoPadre.font_1 .divGrupo > .tableCap input[type="datetime-local"],
.divGrupoPadre.font_1 .divGrupo > .tableCap input[type="date"],
.divGrupoPadre.font_1 .divGrupo > .tableCap.formato_6 label,
.divGrupoPadre.font_1 .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span,
.form_template .pnltituloform.font_1 span,
.divGrupoPadre.font_1 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar span,
.divGrupoPadre.font_1 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart span,
.divGrupoPadre.font_1 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/*Calibri & Preset2*/
/*.divGrupoPadre.style_2 .divGrupo > .tableCap .vardesc,
.divGrupoPadre.style_2 .divGrupo > .tableCap span.lblRbtValor,
.divGrupoPadre.style_2 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.style_2 .divGrupo > .tableCap textarea,
.divGrupoPadre.style_2 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.style_2 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.style_2 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.style_2 .divGrupo > .tableCap .divOpciones select,
.divGrupoPadre.style_2 .divGrupo > .tableCap .divOpciones select option,*/
.divGrupoPadre.font_2 .divGrupo > .tableCap > .divVardesc > .vardesc,
.divGrupoPadre.font_2 .divGrupo > .tableCap .divEditVal > span.lblRbtValor,
.divGrupoPadre.font_2 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.font_2 .divGrupo > .tableCap textarea,
.divGrupoPadre.font_2 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.font_2 .divGrupo > .tableCap .divValores textarea,
.divGrupoPadre.font_2 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.font_2 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.font_2 .divGrupo > .tableCap select,
.divGrupoPadre.font_2 .divGrupo > .tableCap .divOpciones select option,
.divGrupoPadre.font_2 .divGrupo > .tableCap .divValores label,
.divGrupoPadre.font_2 .divGrupo > .tableCap .divOpciones span,
.divGrupoPadre.font_2 .divGrupo > .tableCap .divVardesc span.contadorvar,
.divGrupoPadre.font_2 .divGrupo > .tableCap input[type="number"],
.divGrupoPadre.font_2 .divGrupo > .tableCap input[type="datetime-local"],
.divGrupoPadre.font_2 .divGrupo > .tableCap input[type="date"],
.divGrupoPadre.font_2 .divGrupo > .tableCap.formato_6 label,
.divGrupoPadre.font_2 .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span,
.form_template .pnltituloform.font_2 span,
.divGrupoPadre.font_2 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar span,
.divGrupoPadre.font_2 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart span,
.divGrupoPadre.font_2 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important;
}

/*Cambria & Preset3*/
/*.divGrupoPadre.style_3 .divGrupo > .tableCap .vardesc,
.divGrupoPadre.style_3 .divGrupo > .tableCap span.lblRbtValor,
.divGrupoPadre.style_3 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.style_3 .divGrupo > .tableCap textarea,
.divGrupoPadre.style_3 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.style_3 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.style_3 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.style_3 .divGrupo > .tableCap .divOpciones select,
.divGrupoPadre.style_3 .divGrupo > .tableCap .divOpciones select option,*/
.divGrupoPadre.font_3 .divGrupo > .tableCap > .divVardesc > .vardesc,
.divGrupoPadre.font_3 .divGrupo > .tableCap .divEditVal > span.lblRbtValor,
.divGrupoPadre.font_3 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.font_3 .divGrupo > .tableCap textarea,
.divGrupoPadre.font_3 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.font_3 .divGrupo > .tableCap .divValores textarea,
.divGrupoPadre.font_3 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.font_3 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.font_3 .divGrupo > .tableCap select,
.divGrupoPadre.font_3 .divGrupo > .tableCap .divOpciones select option,
.divGrupoPadre.font_3 .divGrupo > .tableCap .divValores label,
.divGrupoPadre.font_3 .divGrupo > .tableCap .divOpciones span,
.divGrupoPadre.font_3 .divGrupo > .tableCap .divVardesc span.contadorvar,
.divGrupoPadre.font_3 .divGrupo > .tableCap input[type="number"],
.divGrupoPadre.font_3 .divGrupo > .tableCap input[type="datetime-local"],
.divGrupoPadre.font_3 .divGrupo > .tableCap input[type="date"],
.divGrupoPadre.font_3 .divGrupo > .tableCap.formato_6 label,
.divGrupoPadre.font_3 .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span,
.form_template .pnltituloform.font_3 span,
.divGrupoPadre.font_3 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar span,
.divGrupoPadre.font_3 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart span,
.divGrupoPadre.font_3 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-family: Cambria, Georgia, serif;
}
/*Preset4*/
/*.divGrupoPadre.style_4 .divGrupo > .tableCap .vardesc,
.divGrupoPadre.style_4 .divGrupo > .tableCap span.lblRbtValor,
.divGrupoPadre.style_4 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.style_4 .divGrupo > .tableCap textarea,
.divGrupoPadre.style_4 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.style_4 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.style_4 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.style_4 .divGrupo > .tableCap .divOpciones select,
.divGrupoPadre.style_4 .divGrupo > .tableCap .divOpciones select option {
    font-family: Georgia, Times, "Times New Roman", serif;
}*/
/*Courier & Preset5*/
/*.divGrupoPadre.style_5 .divGrupo > .tableCap .vardesc,
.divGrupoPadre.style_5 .divGrupo > .tableCap span.lblRbtValor,
.divGrupoPadre.style_5 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.style_5 .divGrupo > .tableCap textarea,
.divGrupoPadre.style_5 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.style_5 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.style_5 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.style_5 .divGrupo > .tableCap .divOpciones select,
.divGrupoPadre.style_5 .divGrupo > .tableCap .divOpciones select option,*/
.divGrupoPadre.font_4 .divGrupo > .tableCap > .divVardesc > .vardesc,
.divGrupoPadre.font_4 .divGrupo > .tableCap .divEditVal > span.lblRbtValor,
.divGrupoPadre.font_4 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.font_4 .divGrupo > .tableCap textarea,
.divGrupoPadre.font_4 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.font_4 .divGrupo > .tableCap .divValores textarea,
.divGrupoPadre.font_4 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.font_4 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.font_4 .divGrupo > .tableCap select,
.divGrupoPadre.font_4 .divGrupo > .tableCap .divOpciones select option,
.divGrupoPadre.font_4 .divGrupo > .tableCap .divValores label,
.divGrupoPadre.font_4 .divGrupo > .tableCap .divOpciones span,
.divGrupoPadre.font_4 .divGrupo > .tableCap .divVardesc span.contadorvar,
.divGrupoPadre.font_4 .divGrupo > .tableCap input[type="number"],
.divGrupoPadre.font_4 .divGrupo > .tableCap input[type="datetime-local"],
.divGrupoPadre.font_4 .divGrupo > .tableCap input[type="date"],
.divGrupoPadre.font_4 .divGrupo > .tableCap.formato_6 label,
.divGrupoPadre.font_4 .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span,
.form_template .pnltituloform.font_4 span,
.divGrupoPadre.font_4 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar span,
.divGrupoPadre.font_4 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart span,
.divGrupoPadre.font_4 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
}

/*Georgia*/
.divGrupoPadre.font_5 .divGrupo > .tableCap > .divVardesc > .vardesc,
.divGrupoPadre.font_5 .divGrupo > .tableCap .divEditVal > span.lblRbtValor,
.divGrupoPadre.font_5 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.font_5 .divGrupo > .tableCap textarea,
.divGrupoPadre.font_5 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.font_5 .divGrupo > .tableCap .divValores textarea,
.divGrupoPadre.font_5 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.font_5 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.font_5 .divGrupo > .tableCap .divOpciones select option,
.divGrupoPadre.font_5 .divGrupo > .tableCap select,
.divGrupoPadre.font_5 .divGrupo > .tableCap .divValores label,
.divGrupoPadre.font_5 .divGrupo > .tableCap .divOpciones span,
.divGrupoPadre.font_5 .divGrupo > .tableCap .divVardesc span.contadorvar,
.divGrupoPadre.font_5 .divGrupo > .tableCap input[type="number"],
.divGrupoPadre.font_5 .divGrupo > .tableCap input[type="datetime-local"],
.divGrupoPadre.font_5 .divGrupo > .tableCap input[type="date"],
.divGrupoPadre.font_5 .divGrupo > .tableCap.formato_6 label,
.divGrupoPadre.font_5 .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span,
.form_template .pnltituloform.font_5 span,
.divGrupoPadre.font_5 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar span,
.divGrupoPadre.font_5 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart span,
.divGrupoPadre.font_5 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-family: Georgia, Times, "Times New Roman", serif;
}

/*Helvetica*/
.divGrupoPadre.font_6 .divGrupo > .tableCap > .divVardesc > .vardesc,
.divGrupoPadre.font_6 .divGrupo > .tableCap .divEditVal > span.lblRbtValor,
.divGrupoPadre.font_6 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.font_6 .divGrupo > .tableCap textarea,
.divGrupoPadre.font_6 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.font_6 .divGrupo > .tableCap .divValores textarea,
.divGrupoPadre.font_6 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.font_6 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.font_6 .divGrupo > .tableCap select,
.divGrupoPadre.font_6 .divGrupo > .tableCap .divOpciones select option,
.divGrupoPadre.font_6 .divGrupo > .tableCap .divValores label,
.divGrupoPadre.font_6 .divGrupo > .tableCap .divOpciones span,
.divGrupoPadre.font_6 .divGrupo > .tableCap .divVardesc span.contadorvar,
.divGrupoPadre.font_6 .divGrupo > .tableCap input[type="number"],
.divGrupoPadre.font_6 .divGrupo > .tableCap input[type="datetime-local"],
.divGrupoPadre.font_6 .divGrupo > .tableCap input[type="date"],
.divGrupoPadre.font_6 .divGrupo > .tableCap.formato_6 label,
.divGrupoPadre.font_6 .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span,
.form_template .pnltituloform.font_6 span,
.divGrupoPadre.font_6 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar span,
.divGrupoPadre.font_6 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart span,
.divGrupoPadre.font_6 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/*Roboto*/
.divGrupoPadre.font_7 .divGrupo > .tableCap > .divVardesc > .vardesc,
.divGrupoPadre.font_7 .divGrupo > .tableCap .divEditVal > span.lblRbtValor,
.divGrupoPadre.font_7 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.font_7 .divGrupo > .tableCap textarea,
.divGrupoPadre.font_7 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.font_7 .divGrupo > .tableCap .divValores textarea,
.divGrupoPadre.font_7 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.font_7 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.font_7 .divGrupo > .tableCap select,
.divGrupoPadre.font_7 .divGrupo > .tableCap .divOpciones select option,
.divGrupoPadre.font_7 .divGrupo > .tableCap .divValores label,
.divGrupoPadre.font_7 .divGrupo > .tableCap .divOpciones span,
.divGrupoPadre.font_7 .divGrupo > .tableCap .divVardesc span.contadorvar,
.divGrupoPadre.font_7 .divGrupo > .tableCap input[type="number"],
.divGrupoPadre.font_7 .divGrupo > .tableCap input[type="datetime-local"],
.divGrupoPadre.font_7 .divGrupo > .tableCap input[type="date"],
.divGrupoPadre.font_7 .divGrupo > .tableCap.formato_6 label,
.divGrupoPadre.font_7 .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span,
.form_template .pnltituloform.font_7 span,
.divGrupoPadre.font_7 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar span,
.divGrupoPadre.font_7 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart span,
.divGrupoPadre.font_7 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-family: 'Roboto', sans-serif !important;
}

/*Tahoma*/
.divGrupoPadre.font_8 .divGrupo > .tableCap > .divVardesc > .vardesc,
.divGrupoPadre.font_8 .divGrupo > .tableCap .divEditVal > span.lblRbtValor,
.divGrupoPadre.font_8 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.font_8 .divGrupo > .tableCap textarea,
.divGrupoPadre.font_8 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.font_8 .divGrupo > .tableCap .divValores textarea,
.divGrupoPadre.font_8 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.font_8 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.font_8 .divGrupo > .tableCap select,
.divGrupoPadre.font_8 .divGrupo > .tableCap .divOpciones select option,
.divGrupoPadre.font_8 .divGrupo > .tableCap .divValores label,
.divGrupoPadre.font_8 .divGrupo > .tableCap .divOpciones span,
.divGrupoPadre.font_8 .divGrupo > .tableCap .divVardesc span.contadorvar,
.divGrupoPadre.font_8 .divGrupo > .tableCap input[type="number"],
.divGrupoPadre.font_8 .divGrupo > .tableCap input[type="datetime-local"],
.divGrupoPadre.font_8 .divGrupo > .tableCap input[type="date"],
.divGrupoPadre.font_8 .divGrupo > .tableCap.formato_6 label,
.divGrupoPadre.font_8 .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span,
.form_template .pnltituloform.font_8 span,
.divGrupoPadre.font_8 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar span,
.divGrupoPadre.font_8 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart span,
.divGrupoPadre.font_8 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-family: Tahoma, Verdana, Segoe, sans-serif !important;
}

/*Times New Roman*/
.divGrupoPadre.font_9 .divGrupo > .tableCap > .divVardesc > .vardesc,
.divGrupoPadre.font_9 .divGrupo > .tableCap .divEditVal > span.lblRbtValor,
.divGrupoPadre.font_9 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.font_9 .divGrupo > .tableCap textarea,
.divGrupoPadre.font_9 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.font_9 .divGrupo > .tableCap .divValores textarea,
.divGrupoPadre.font_9 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.font_9 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.font_9 .divGrupo > .tableCap select,
.divGrupoPadre.font_9 .divGrupo > .tableCap .divOpciones select option,
.divGrupoPadre.font_9 .divGrupo > .tableCap .divValores label,
.divGrupoPadre.font_9 .divGrupo > .tableCap .divOpciones span,
.divGrupoPadre.font_9 .divGrupo > .tableCap .divVardesc span.contadorvar,
.divGrupoPadre.font_9 .divGrupo > .tableCap input[type="number"],
.divGrupoPadre.font_9 .divGrupo > .tableCap input[type="datetime-local"],
.divGrupoPadre.font_9 .divGrupo > .tableCap input[type="date"],
.divGrupoPadre.font_9 .divGrupo > .tableCap.formato_6 label,
.divGrupoPadre.font_9 .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span,
.form_template .pnltituloform.font_9 span,
.divGrupoPadre.font_9 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar span,
.divGrupoPadre.font_9 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart span,
.divGrupoPadre.font_9 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif !important;
}

/*Verdana*/
.divGrupoPadre.font_10 .divGrupo > .tableCap > .divVardesc > .vardesc,
.divGrupoPadre.font_10 .divGrupo > .tableCap .divEditVal > span.lblRbtValor,
.divGrupoPadre.font_10 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.font_10 .divGrupo > .tableCap textarea,
.divGrupoPadre.font_10 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.font_10 .divGrupo > .tableCap .divValores textarea,
.divGrupoPadre.font_10 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.font_10 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.font_10 .divGrupo > .tableCap select,
.divGrupoPadre.font_10 .divGrupo > .tableCap .divOpciones select option,
.divGrupoPadre.font_10 .divGrupo > .tableCap .divValores label,
.divGrupoPadre.font_10 .divGrupo > .tableCap .divOpciones span,
.divGrupoPadre.font_10 .divGrupo > .tableCap .divVardesc span.contadorvar,
.divGrupoPadre.font_10 .divGrupo > .tableCap input[type="number"],
.divGrupoPadre.font_10 .divGrupo > .tableCap input[type="datetime-local"],
.divGrupoPadre.font_10 .divGrupo > .tableCap input[type="date"],
.divGrupoPadre.font_10 .divGrupo > .tableCap.formato_6 label,
.divGrupoPadre.font_10 .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span,
.form_template .pnltituloform.font_10 span,
.divGrupoPadre.font_10 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar span,
.divGrupoPadre.font_10 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart span,
.divGrupoPadre.font_10 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-family: Verdana, Geneva, sans-serif !important;
}

/*Garamond*/
.divGrupoPadre.font_11 .divGrupo > .tableCap > .divVardesc > .vardesc,
.divGrupoPadre.font_11 .divGrupo > .tableCap .divEditVal > span.lblRbtValor,
.divGrupoPadre.font_11 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.font_11 .divGrupo > .tableCap textarea,
.divGrupoPadre.font_11 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.font_11 .divGrupo > .tableCap .divValores textarea,
.divGrupoPadre.font_11 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.font_11 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.font_11 .divGrupo > .tableCap select,
.divGrupoPadre.font_11 .divGrupo > .tableCap .divOpciones select option,
.divGrupoPadre.font_11 .divGrupo > .tableCap .divValores label,
.divGrupoPadre.font_11 .divGrupo > .tableCap .divOpciones span,
.divGrupoPadre.font_11 .divGrupo > .tableCap .divVardesc span.contadorvar,
.divGrupoPadre.font_11 .divGrupo > .tableCap input[type="number"],
.divGrupoPadre.font_11 .divGrupo > .tableCap input[type="datetime-local"],
.divGrupoPadre.font_11 .divGrupo > .tableCap input[type="date"],
.divGrupoPadre.font_11 .divGrupo > .tableCap.formato_6 label,
.divGrupoPadre.font_11 .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span,
.form_template .pnltituloform.font_11 span,
.divGrupoPadre.font_11 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar span,
.divGrupoPadre.font_11 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart span,
.divGrupoPadre.font_11 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif !important;
}

/*Gill Sans*/
.divGrupoPadre.font_12 .divGrupo > .tableCap > .divVardesc > .vardesc,
.divGrupoPadre.font_12 .divGrupo > .tableCap .divEditVal > span.lblRbtValor,
.divGrupoPadre.font_12 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.font_12 .divGrupo > .tableCap textarea,
.divGrupoPadre.font_12 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.font_12 .divGrupo > .tableCap .divValores textarea,
.divGrupoPadre.font_12 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.font_12 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.font_12 .divGrupo > .tableCap select,
.divGrupoPadre.font_12 .divGrupo > .tableCap .divOpciones select option,
.divGrupoPadre.font_12 .divGrupo > .tableCap .divValores label,
.divGrupoPadre.font_12 .divGrupo > .tableCap .divOpciones span,
.divGrupoPadre.font_12 .divGrupo > .tableCap .divVardesc span.contadorvar,
.divGrupoPadre.font_12 .divGrupo > .tableCap input[type="number"],
.divGrupoPadre.font_12 .divGrupo > .tableCap input[type="datetime-local"],
.divGrupoPadre.font_12 .divGrupo > .tableCap input[type="date"],
.divGrupoPadre.font_12 .divGrupo > .tableCap.formato_6 label,
.divGrupoPadre.font_12 .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span,
.form_template .pnltituloform.font_12 span,
.divGrupoPadre.font_12 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar span,
.divGrupoPadre.font_12 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart span,
.divGrupoPadre.font_12 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif !important;
}

/*Impact*/
.divGrupoPadre.font_13 .divGrupo > .tableCap > .divVardesc > .vardesc,
.divGrupoPadre.font_13 .divGrupo > .tableCap .divEditVal > span.lblRbtValor,
.divGrupoPadre.font_13 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.font_13 .divGrupo > .tableCap textarea,
.divGrupoPadre.font_13 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.font_13 .divGrupo > .tableCap .divValores textarea,
.divGrupoPadre.font_13 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.font_13 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.font_13 .divGrupo > .tableCap select,
.divGrupoPadre.font_13 .divGrupo > .tableCap .divOpciones select option,
.divGrupoPadre.font_13 .divGrupo > .tableCap .divValores label,
.divGrupoPadre.font_13 .divGrupo > .tableCap .divOpciones span,
.divGrupoPadre.font_13 .divGrupo > .tableCap .divVardesc span.contadorvar,
.divGrupoPadre.font_13 .divGrupo > .tableCap input[type="number"],
.divGrupoPadre.font_13 .divGrupo > .tableCap input[type="datetime-local"],
.divGrupoPadre.font_13 .divGrupo > .tableCap input[type="date"],
.divGrupoPadre.font_13 .divGrupo > .tableCap.formato_6 label,
.divGrupoPadre.font_13 .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span,
.form_template .pnltituloform.font_13 span,
.divGrupoPadre.font_13 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar span,
.divGrupoPadre.font_13 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart span,
.divGrupoPadre.font_13 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-family: Impact, Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans serif !important;
}

/*Palatino*/
.divGrupoPadre.font_14 .divGrupo > .tableCap > .divVardesc > .vardesc,
.divGrupoPadre.font_14 .divGrupo > .tableCap .divEditVal > span.lblRbtValor,
.divGrupoPadre.font_14 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.font_14 .divGrupo > .tableCap textarea,
.divGrupoPadre.font_14 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.font_14 .divGrupo > .tableCap .divValores textarea,
.divGrupoPadre.font_14 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.font_14 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.font_14 .divGrupo > .tableCap select,
.divGrupoPadre.font_14 .divGrupo > .tableCap .divOpciones select option,
.divGrupoPadre.font_14 .divGrupo > .tableCap .divValores label,
.divGrupoPadre.font_14 .divGrupo > .tableCap .divOpciones span,
.divGrupoPadre.font_14 .divGrupo > .tableCap .divVardesc span.contadorvar,
.divGrupoPadre.font_14 .divGrupo > .tableCap input[type="number"],
.divGrupoPadre.font_14 .divGrupo > .tableCap input[type="datetime-local"],
.divGrupoPadre.font_14 .divGrupo > .tableCap input[type="date"],
.divGrupoPadre.font_14 .divGrupo > .tableCap.formato_6 label,
.divGrupoPadre.font_14 .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span,
.form_template .pnltituloform.font_14 span,
.divGrupoPadre.font_14 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar span,
.divGrupoPadre.font_14 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart span,
.divGrupoPadre.font_14 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif !important;
}

/*Rockwell*/
.divGrupoPadre.font_15 .divGrupo > .tableCap > .divVardesc > .vardesc,
.divGrupoPadre.font_15 .divGrupo > .tableCap .divEditVal > span.lblRbtValor,
.divGrupoPadre.font_15 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.font_15 .divGrupo > .tableCap textarea,
.divGrupoPadre.font_15 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.font_15 .divGrupo > .tableCap .divValores textarea,
.divGrupoPadre.font_15 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.font_15 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.font_15 .divGrupo > .tableCap select,
.divGrupoPadre.font_15 .divGrupo > .tableCap .divOpciones select option,
.divGrupoPadre.font_15 .divGrupo > .tableCap .divValores label,
.divGrupoPadre.font_15 .divGrupo > .tableCap .divOpciones span,
.divGrupoPadre.font_15 .divGrupo > .tableCap .divVardesc span.contadorvar,
.divGrupoPadre.font_15 .divGrupo > .tableCap input[type="number"],
.divGrupoPadre.font_15 .divGrupo > .tableCap input[type="datetime-local"],
.divGrupoPadre.font_15 .divGrupo > .tableCap input[type="date"],
.divGrupoPadre.font_15 .divGrupo > .tableCap.formato_6 label,
.divGrupoPadre.font_15 .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span,
.form_template .pnltituloform.font_15 span,
.divGrupoPadre.font_15 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar span,
.divGrupoPadre.font_15 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart span,
.divGrupoPadre.font_15 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif !important;
}

/*Trebuchet MS*/
.divGrupoPadre.font_16 .divGrupo > .tableCap > .divVardesc > .vardesc,
.divGrupoPadre.font_16 .divGrupo > .tableCap .divEditVal > span.lblRbtValor,
.divGrupoPadre.font_16 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.font_16 .divGrupo > .tableCap textarea,
.divGrupoPadre.font_16 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.font_16 .divGrupo > .tableCap .divValores textarea,
.divGrupoPadre.font_16 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.font_16 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.font_16 .divGrupo > .tableCap select,
.divGrupoPadre.font_16 .divGrupo > .tableCap .divOpciones select option,
.divGrupoPadre.font_16 .divGrupo > .tableCap .divValores label,
.divGrupoPadre.font_16 .divGrupo > .tableCap .divOpciones span,
.divGrupoPadre.font_16 .divGrupo > .tableCap .divVardesc span.contadorvar,
.divGrupoPadre.font_16 .divGrupo > .tableCap input[type="number"],
.divGrupoPadre.font_16 .divGrupo > .tableCap input[type="datetime-local"],
.divGrupoPadre.font_16 .divGrupo > .tableCap input[type="date"],
.divGrupoPadre.font_16 .divGrupo > .tableCap.formato_6 label,
.divGrupoPadre.font_16 .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span,
.form_template .pnltituloform.font_16 span,
.divGrupoPadre.font_16 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar span,
.divGrupoPadre.font_16 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart span,
.divGrupoPadre.font_16 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif !important;
}

/*Bodoni*/
.divGrupoPadre.font_17 .divGrupo > .tableCap > .divVardesc > .vardesc,
.divGrupoPadre.font_17 .divGrupo > .tableCap .divEditVal > span.lblRbtValor,
.divGrupoPadre.font_17 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.font_17 .divGrupo > .tableCap textarea,
.divGrupoPadre.font_17 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.font_17 .divGrupo > .tableCap .divValores textarea,
.divGrupoPadre.font_17 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.font_17 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.font_17 .divGrupo > .tableCap select,
.divGrupoPadre.font_17 .divGrupo > .tableCap .divOpciones select option,
.divGrupoPadre.font_17 .divGrupo > .tableCap .divValores label,
.divGrupoPadre.font_17 .divGrupo > .tableCap .divOpciones span,
.divGrupoPadre.font_17 .divGrupo > .tableCap .divVardesc span.contadorvar,
.divGrupoPadre.font_17 .divGrupo > .tableCap input[type="number"],
.divGrupoPadre.font_17 .divGrupo > .tableCap input[type="datetime-local"],
.divGrupoPadre.font_17 .divGrupo > .tableCap input[type="date"],
.divGrupoPadre.font_17 .divGrupo > .tableCap.formato_6 label,
.divGrupoPadre.font_17 .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span,
.form_template .pnltituloform.font_17 span,
.divGrupoPadre.font_17 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar span,
.divGrupoPadre.font_17 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart span,
.divGrupoPadre.font_17 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-family: "Bodoni MT", "Bodoni 72", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif !important;
}

/*Calisto*/
.divGrupoPadre.font_18 .divGrupo > .tableCap > .divVardesc > .vardesc,
.divGrupoPadre.font_18 .divGrupo > .tableCap .divEditVal > span.lblRbtValor,
.divGrupoPadre.font_18 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.font_18 .divGrupo > .tableCap textarea,
.divGrupoPadre.font_18 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.font_18 .divGrupo > .tableCap .divValores textarea,
.divGrupoPadre.font_18 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.font_18 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.font_18 .divGrupo > .tableCap select,
.divGrupoPadre.font_18 .divGrupo > .tableCap .divOpciones select option,
.divGrupoPadre.font_18 .divGrupo > .tableCap .divValores label,
.divGrupoPadre.font_18 .divGrupo > .tableCap .divOpciones span,
.divGrupoPadre.font_18 .divGrupo > .tableCap .divVardesc span.contadorvar,
.divGrupoPadre.font_18 .divGrupo > .tableCap input[type="number"],
.divGrupoPadre.font_18 .divGrupo > .tableCap input[type="datetime-local"],
.divGrupoPadre.font_18 .divGrupo > .tableCap input[type="date"],
.divGrupoPadre.font_18 .divGrupo > .tableCap.formato_6 label,
.divGrupoPadre.font_18 .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span,
.form_template .pnltituloform.font_18 span,
.divGrupoPadre.font_18 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar span,
.divGrupoPadre.font_18 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart span,
.divGrupoPadre.font_18 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-family: "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif !important;
}

/*Candara*/
.divGrupoPadre.font_19 .divGrupo > .tableCap > .divVardesc > .vardesc,
.divGrupoPadre.font_19 .divGrupo > .tableCap .divEditVal > span.lblRbtValor,
.divGrupoPadre.font_19 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.font_19 .divGrupo > .tableCap textarea,
.divGrupoPadre.font_19 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.font_19 .divGrupo > .tableCap .divValores textarea,
.divGrupoPadre.font_19 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.font_19 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.font_19 .divGrupo > .tableCap select,
.divGrupoPadre.font_19 .divGrupo > .tableCap .divOpciones select option,
.divGrupoPadre.font_19 .divGrupo > .tableCap .divValores label,
.divGrupoPadre.font_19 .divGrupo > .tableCap .divOpciones span,
.divGrupoPadre.font_19 .divGrupo > .tableCap .divVardesc span.contadorvar,
.divGrupoPadre.font_19 .divGrupo > .tableCap input[type="number"],
.divGrupoPadre.font_19 .divGrupo > .tableCap input[type="datetime-local"],
.divGrupoPadre.font_19 .divGrupo > .tableCap input[type="date"],
.divGrupoPadre.font_19 .divGrupo > .tableCap.formato_6 label,
.divGrupoPadre.font_19 .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span,
.form_template .pnltituloform.font_19 span,
.divGrupoPadre.font_19 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar span,
.divGrupoPadre.font_19 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart span,
.divGrupoPadre.font_19 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif !important;
}

/*Century Gothic*/
.divGrupoPadre.font_20 .divGrupo > .tableCap > .divVardesc > .vardesc,
.divGrupoPadre.font_20 .divGrupo > .tableCap .divEditVal > span.lblRbtValor,
.divGrupoPadre.font_20 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.font_20 .divGrupo > .tableCap textarea,
.divGrupoPadre.font_20 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.font_20 .divGrupo > .tableCap .divValores textarea,
.divGrupoPadre.font_20 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.font_20 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.font_20 .divGrupo > .tableCap select,
.divGrupoPadre.font_20 .divGrupo > .tableCap .divOpciones select option,
.divGrupoPadre.font_20 .divGrupo > .tableCap .divValores label,
.divGrupoPadre.font_20 .divGrupo > .tableCap .divOpciones span,
.divGrupoPadre.font_20 .divGrupo > .tableCap .divVardesc span.contadorvar,
.divGrupoPadre.font_20 .divGrupo > .tableCap input[type="number"],
.divGrupoPadre.font_20 .divGrupo > .tableCap input[type="datetime-local"],
.divGrupoPadre.font_20 .divGrupo > .tableCap input[type="date"],
.divGrupoPadre.font_20 .divGrupo > .tableCap.formato_6 label,
.divGrupoPadre.font_20 .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span,
.form_template .pnltituloform.font_20 span,
.divGrupoPadre.font_20 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar span,
.divGrupoPadre.font_20 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart span,
.divGrupoPadre.font_20 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important;
}

/*Copperplate*/
.divGrupoPadre.font_21 .divGrupo > .tableCap > .divVardesc > .vardesc,
.divGrupoPadre.font_21 .divGrupo > .tableCap .divEditVal > span.lblRbtValor,
.divGrupoPadre.font_21 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.font_21 .divGrupo > .tableCap textarea,
.divGrupoPadre.font_21 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.font_21 .divGrupo > .tableCap .divValores textarea,
.divGrupoPadre.font_21 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.font_21 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.font_21 .divGrupo > .tableCap select,
.divGrupoPadre.font_21 .divGrupo > .tableCap .divOpciones select option,
.divGrupoPadre.font_21 .divGrupo > .tableCap .divValores label,
.divGrupoPadre.font_21 .divGrupo > .tableCap .divOpciones span,
.divGrupoPadre.font_21 .divGrupo > .tableCap .divVardesc span.contadorvar,
.divGrupoPadre.font_21 .divGrupo > .tableCap input[type="number"],
.divGrupoPadre.font_21 .divGrupo > .tableCap input[type="datetime-local"],
.divGrupoPadre.font_21 .divGrupo > .tableCap input[type="date"],
.divGrupoPadre.font_21 .divGrupo > .tableCap.formato_6 label,
.divGrupoPadre.font_21 .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span,
.form_template .pnltituloform.font_21 span,
.divGrupoPadre.font_21 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar span,
.divGrupoPadre.font_21 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart span,
.divGrupoPadre.font_21 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-family: Copperplate, "Copperplate Gothic Light", fantasy !important;
}

/*Courier*/
.divGrupoPadre.font_22 .divGrupo > .tableCap > .divVardesc > .vardesc,
.divGrupoPadre.font_22 .divGrupo > .tableCap .divEditVal > span.lblRbtValor,
.divGrupoPadre.font_22 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.font_22 .divGrupo > .tableCap textarea,
.divGrupoPadre.font_22 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.font_22 .divGrupo > .tableCap .divValores textarea,
.divGrupoPadre.font_22 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.font_22 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.font_22 .divGrupo > .tableCap select,
.divGrupoPadre.font_22 .divGrupo > .tableCap .divOpciones select option,
.divGrupoPadre.font_22 .divGrupo > .tableCap .divValores label,
.divGrupoPadre.font_22 .divGrupo > .tableCap .divOpciones span,
.divGrupoPadre.font_22 .divGrupo > .tableCap .divVardesc span.contadorvar,
.divGrupoPadre.font_22 .divGrupo > .tableCap input[type="number"],
.divGrupoPadre.font_22 .divGrupo > .tableCap input[type="datetime-local"],
.divGrupoPadre.font_22 .divGrupo > .tableCap input[type="date"],
.divGrupoPadre.font_22 .divGrupo > .tableCap.formato_6 label,
.divGrupoPadre.font_22 .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span,
.form_template .pnltituloform.font_22 span,
.divGrupoPadre.font_22 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar span,
.divGrupoPadre.font_22 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart span,
.divGrupoPadre.font_22 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace !important;
}

/*Didot*/
.divGrupoPadre.font_23 .divGrupo > .tableCap > .divVardesc > .vardesc,
.divGrupoPadre.font_23 .divGrupo > .tableCap .divEditVal > span.lblRbtValor,
.divGrupoPadre.font_23 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.font_23 .divGrupo > .tableCap textarea,
.divGrupoPadre.font_23 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.font_23 .divGrupo > .tableCap .divValores textarea,
.divGrupoPadre.font_23 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.font_23 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.font_23 .divGrupo > .tableCap select,
.divGrupoPadre.font_23 .divGrupo > .tableCap .divOpciones select option,
.divGrupoPadre.font_23 .divGrupo > .tableCap .divValores label,
.divGrupoPadre.font_23 .divGrupo > .tableCap .divOpciones span,
.divGrupoPadre.font_23 .divGrupo > .tableCap .divVardesc span.contadorvar,
.divGrupoPadre.font_23 .divGrupo > .tableCap input[type="number"],
.divGrupoPadre.font_23 .divGrupo > .tableCap input[type="datetime-local"],
.divGrupoPadre.font_23 .divGrupo > .tableCap input[type="date"],
.divGrupoPadre.font_23 .divGrupo > .tableCap.formato_6 label,
.divGrupoPadre.font_23 .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span,
.form_template .pnltituloform.font_23 span,
.divGrupoPadre.font_23 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar span,
.divGrupoPadre.font_23 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart span,
.divGrupoPadre.font_23 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-family: Didot, "Didot LT STD", "Hoefler Text", Garamond, "Calisto MT", "Times New Roman", serif !important;
}

/*Lato*/
.divGrupoPadre.font_24 .divGrupo > .tableCap > .divVardesc > .vardesc,
.divGrupoPadre.font_24 .divGrupo > .tableCap .divEditVal > span.lblRbtValor,
.divGrupoPadre.font_24 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.font_24 .divGrupo > .tableCap textarea,
.divGrupoPadre.font_24 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.font_24 .divGrupo > .tableCap .divValores textarea,
.divGrupoPadre.font_24 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.font_24 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.font_24 .divGrupo > .tableCap select,
.divGrupoPadre.font_24 .divGrupo > .tableCap .divOpciones select option,
.divGrupoPadre.font_24 .divGrupo > .tableCap .divValores label,
.divGrupoPadre.font_24 .divGrupo > .tableCap .divOpciones span,
.divGrupoPadre.font_24 .divGrupo > .tableCap .divVardesc span.contadorvar,
.divGrupoPadre.font_24 .divGrupo > .tableCap input[type="number"],
.divGrupoPadre.font_24 .divGrupo > .tableCap input[type="datetime-local"],
.divGrupoPadre.font_24 .divGrupo > .tableCap input[type="date"],
.divGrupoPadre.font_24 .divGrupo > .tableCap.formato_6 label,
.divGrupoPadre.font_24 .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span,
.form_template .pnltituloform.font_24 span,
.divGrupoPadre.font_24 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar span,
.divGrupoPadre.font_24 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart span,
.divGrupoPadre.font_24 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-family: 'Lato', sans-serif !important;
}

/*Lucida Console*/
.divGrupoPadre.font_25 .divGrupo > .tableCap > .divVardesc > .vardesc,
.divGrupoPadre.font_25 .divGrupo > .tableCap .divEditVal > span.lblRbtValor,
.divGrupoPadre.font_25 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.font_25 .divGrupo > .tableCap textarea,
.divGrupoPadre.font_25 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.font_25 .divGrupo > .tableCap .divValores textarea,
.divGrupoPadre.font_25 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.font_25 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.font_25 .divGrupo > .tableCap select,
.divGrupoPadre.font_25 .divGrupo > .tableCap .divOpciones select option,
.divGrupoPadre.font_25 .divGrupo > .tableCap .divValores label,
.divGrupoPadre.font_25 .divGrupo > .tableCap .divOpciones span,
.divGrupoPadre.font_25 .divGrupo > .tableCap .divVardesc span.contadorvar,
.divGrupoPadre.font_25 .divGrupo > .tableCap input[type="number"],
.divGrupoPadre.font_25 .divGrupo > .tableCap input[type="datetime-local"],
.divGrupoPadre.font_25 .divGrupo > .tableCap input[type="date"],
.divGrupoPadre.font_25 .divGrupo > .tableCap.formato_6 label,
.divGrupoPadre.font_25 .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span,
.form_template .pnltituloform.font_25 span,
.divGrupoPadre.font_25 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar span,
.divGrupoPadre.font_25 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart span,
.divGrupoPadre.font_25 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-family: "Lucida Console", "Courier New", monospace !important;
}

/*Lucida Sans*/
.divGrupoPadre.font_26 .divGrupo > .tableCap > .divVardesc > .vardesc,
.divGrupoPadre.font_26 .divGrupo > .tableCap .divEditVal > span.lblRbtValor,
.divGrupoPadre.font_26 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.font_26 .divGrupo > .tableCap textarea,
.divGrupoPadre.font_26 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.font_26 .divGrupo > .tableCap .divValores textarea,
.divGrupoPadre.font_26 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.font_26 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.font_26 .divGrupo > .tableCap select,
.divGrupoPadre.font_26 .divGrupo > .tableCap .divOpciones select option,
.divGrupoPadre.font_26 .divGrupo > .tableCap .divValores label,
.divGrupoPadre.font_26 .divGrupo > .tableCap .divOpciones span,
.divGrupoPadre.font_26 .divGrupo > .tableCap .divVardesc span.contadorvar,
.divGrupoPadre.font_26 .divGrupo > .tableCap input[type="number"],
.divGrupoPadre.font_26 .divGrupo > .tableCap input[type="datetime-local"],
.divGrupoPadre.font_26 .divGrupo > .tableCap input[type="date"],
.divGrupoPadre.font_26 .divGrupo > .tableCap.formato_6 label,
.divGrupoPadre.font_26 .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span,
.form_template .pnltituloform.font_26 span,
.divGrupoPadre.font_26 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar span,
.divGrupoPadre.font_26 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart span,
.divGrupoPadre.font_26 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-family: "Lucida Sans", Helvetica, Arial, sans-serif !important;
}

/*Optima*/
.divGrupoPadre.font_27 .divGrupo > .tableCap > .divVardesc > .vardesc,
.divGrupoPadre.font_27 .divGrupo > .tableCap .divEditVal > span.lblRbtValor,
.divGrupoPadre.font_27 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.font_27 .divGrupo > .tableCap textarea,
.divGrupoPadre.font_27 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.font_27 .divGrupo > .tableCap .divValores textarea,
.divGrupoPadre.font_27 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.font_27 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.font_27 .divGrupo > .tableCap select,
.divGrupoPadre.font_27 .divGrupo > .tableCap .divOpciones select option,
.divGrupoPadre.font_27 .divGrupo > .tableCap .divValores label,
.divGrupoPadre.font_27 .divGrupo > .tableCap .divOpciones span,
.divGrupoPadre.font_27 .divGrupo > .tableCap .divVardesc span.contadorvar,
.divGrupoPadre.font_27 .divGrupo > .tableCap input[type="number"],
.divGrupoPadre.font_27 .divGrupo > .tableCap input[type="datetime-local"],
.divGrupoPadre.font_27 .divGrupo > .tableCap input[type="date"],
.divGrupoPadre.font_27 .divGrupo > .tableCap.formato_6 label,
.divGrupoPadre.font_27 .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span,
.form_template .pnltituloform.font_27 span,
.divGrupoPadre.font_27 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar span,
.divGrupoPadre.font_27 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart span,
.divGrupoPadre.font_27 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif !important;
}

/*Quicksand*/
.divGrupoPadre.font_28 .divGrupo > .tableCap > .divVardesc > .vardesc,
.divGrupoPadre.font_28 .divGrupo > .tableCap .divEditVal > span.lblRbtValor,
.divGrupoPadre.font_28 .divGrupo > .tableCap .divOpciones label,
.divGrupoPadre.font_28 .divGrupo > .tableCap textarea,
.divGrupoPadre.font_28 .divGrupo > .tableCap .divOpciones textarea,
.divGrupoPadre.font_28 .divGrupo > .tableCap .divValores textarea,
.divGrupoPadre.font_28 .divGrupo > .tableCap .divOpciones p,
.divGrupoPadre.font_28 .divGrupo > .tableCap .divOpciones input,
.divGrupoPadre.font_28 .divGrupo > .tableCap select,
.divGrupoPadre.font_28 .divGrupo > .tableCap .divOpciones select option,
.divGrupoPadre.font_28 .divGrupo > .tableCap .divValores label,
.divGrupoPadre.font_28 .divGrupo > .tableCap .divOpciones span,
.divGrupoPadre.font_28 .divGrupo > .tableCap .divVardesc span.contadorvar,
.divGrupoPadre.font_28 .divGrupo > .tableCap input[type="number"],
.divGrupoPadre.font_28 .divGrupo > .tableCap input[type="datetime-local"],
.divGrupoPadre.font_28 .divGrupo > .tableCap input[type="date"],
.divGrupoPadre.font_28 .divGrupo > .tableCap.formato_6 label,
.divGrupoPadre.font_28 .divGrupo > .pnlVar_ENC.tableCap.formato_16 .divTxtCont span,
.form_template .pnltituloform.font_28 span,
.divGrupoPadre.font_28 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderVar span,
.divGrupoPadre.font_28 .divGrupo > .pnlVar_ENC.tableGrupVariable .CellHeaderStart span,
.divGrupoPadre.font_28 .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-family: 'Quicksand', sans-serif !important;
}

#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap {
    margin-top: 10px;
}

/*TOGGLE BORDER*/
/*Syevrus (left-side border)*/
#advanced_survey_aspx .divGrupoPadre.border_2 .divGrupo > .tableCap,
#divtbEncuesta .divGrupoPadre.border_2 .divGrupo > .pnlVar_ENC.tableGrupVariable {
    border-left: 4px solid #00AEAE !important;
}
/*Solid*/
#advanced_survey_aspx .divGrupoPadre.border_3 .divGrupo > .tableCap,
#divtbEncuesta .divGrupoPadre.border_3 .divGrupo > .pnlVar_ENC.tableGrupVariable {
    border: 1px solid #00AEAE !important;
}
/*Dashed*/
#advanced_survey_aspx .divGrupoPadre.border_4 .divGrupo > .tableCap,
#divtbEncuesta .divGrupoPadre.border_4 .divGrupo > .pnlVar_ENC.tableGrupVariable {
    border: 4px double #00AEAE !important;
}
/*Double*/
#advanced_survey_aspx .divGrupoPadre.border_5 .divGrupo > .tableCap,
#divtbEncuesta .divGrupoPadre.border_5 .divGrupo > .pnlVar_ENC.tableGrupVariable {
    border: 2px dashed #00AEAE !important;
}
/*None*/
#advanced_survey_aspx .divGrupoPadre.border_1 .divGrupo > .tableCap,
#divtbEncuesta .divGrupoPadre.border_1 .divGrupo > .pnlVar_ENC.tableGrupVariable {
    border: 1px solid #d9d9d9 !important;
}

/*TOGGLE SHADOW*/
/*No shadow*/
#advanced_survey_aspx .divGrupoPadre.shadow_1 .divGrupo > .tableCap,
#divtbEncuesta .divGrupoPadre.shadow_1 .divGrupo > .pnlVar_ENC.tableGrupVariable {
    box-shadow: none !important;
}
/*Flat shadow*/
#advanced_survey_aspx .divGrupoPadre.shadow_2 .divGrupo > .tableCap,
#divtbEncuesta .divGrupoPadre.shadow_2 .divGrupo > .pnlVar_ENC.tableGrupVariable {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
}
/*Inner shadow*/
#advanced_survey_aspx .divGrupoPadre.shadow_3 .divGrupo > .tableCap,
#divtbEncuesta .divGrupoPadre.shadow_3 .divGrupo > .pnlVar_ENC.tableGrupVariable {
    box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset !important;
}
/*Deep shadow*/
#advanced_survey_aspx .divGrupoPadre.shadow_4 .divGrupo > .tableCap,
#divtbEncuesta .divGrupoPadre.shadow_4 .divGrupo > .pnlVar_ENC.tableGrupVariable {
    box-shadow: rgba(0, 174, 174, 0.4) -5px 5px, rgba(0, 174, 174, 0.3) -10px 10px, rgba(0, 174, 174, 0.2) -15px 15px !important;
}
/*Long shadow*/
#advanced_survey_aspx .divGrupoPadre.shadow_5 .divGrupo > .tableCap,
#divtbEncuesta .divGrupoPadre.shadow_5 .divGrupo > .pnlVar_ENC.tableGrupVariable {
    box-shadow: rgba(0, 174, 174, 0.5) 7px 7px !important;
}

/*TOGGLE BORDER RADIUS*/
/*Sharp*/
#advanced_survey_aspx .divGrupoPadre.borderRadius_1 .divGrupo > .tableCap,
#divtbEncuesta .divGrupoPadre.borderRadius_1 .divGrupo > .pnlVar_ENC.tableGrupVariable {
    border-radius: 0 !important;
}

/*Rounded*/
#advanced_survey_aspx .divGrupoPadre.borderRadius_2 .divGrupo > .tableCap,
#divtbEncuesta .divGrupoPadre.borderRadius_2 .divGrupo > .pnlVar_ENC.tableGrupVariable {
    border-radius: 10px !important;
}

body.form_template .divGrupoPadre.borderRadius_3 .divGrupo > .tableCap:first-child {
    border-radius: 10px 10px 0 0 !important;
}

body.form_template .divGrupoPadre.borderRadius_3 .divGrupo > .tableCap:not(:first-child):not(:last-child) {
    border-radius: 0 !important;
}

body.form_template .divGrupoPadre.borderRadius_3 .divGrupo > .tableCap:last-child {
    border-radius: 0 0 10px 10px !important;
}

#divtbEncuesta .divGrupoPadre .divGrupo > .pnlVar_ENC.tableGrupVariable .divGroupdesc span {
    font-size: 18px !important;
}

/*Pill*/
#advanced_survey_aspx .divGrupoPadre.borderRadius_3 .divGrupo > .tableCap,
#divtbEncuesta .divGrupoPadre.borderRadius_3 .divGrupo > .pnlVar_ENC.tableGrupVariable {
    border-radius: 30px !important;
}

body.form_template .divGrupoPadre.borderRadius_3 .divGrupo > .tableCap:first-child {
    border-radius: 30px 30px 0 0 !important;
}

body.form_template .divGrupoPadre.borderRadius_3 .divGrupo > .tableCap:not(:first-child):not(:last-child) {
    border-radius: 0 !important;
}

body.form_template .divGrupoPadre.borderRadius_3 .divGrupo > .tableCap:last-child {
    border-radius: 0 0 30px 30px !important;
}

/*Irregular*/
#advanced_survey_aspx .divGrupoPadre.borderRadius_4 .divGrupo > .tableCap,
#divtbEncuesta .divGrupoPadre.borderRadius_4 .divGrupo > .pnlVar_ENC.tableGrupVariable {
    border-radius: 0 20px !important;
}

body.form_template .divGrupoPadre.borderRadius_4 .divGrupo > .tableCap:first-child {
    border-radius: 0 20px 0 0 !important;
}

body.form_template .divGrupoPadre.borderRadius_4 .divGrupo > .tableCap:not(:first-child):not(:last-child) {
    border-radius: 0 !important;
}

body.form_template .divGrupoPadre.borderRadius_4 .divGrupo > .tableCap:last-child {
    border-radius: 0 0 0 20px !important;
}

/*TOGGLE PRESETS*/
#advanced_survey_aspx .divGrupo .divVardesc {
    background: rgba(255, 255, 255, .5) !important;
}

#advanced_survey_aspx .divGrupo .botonera-listas > .resp-btn {
    background-color: #fff;
}

#advanced_survey_aspx .divGrupoPadre.style_1 .divOpcion,
#advanced_survey_aspx .divGrupoPadre.style_2 .divOpcion,
#advanced_survey_aspx .divGrupoPadre.style_3 .divOpcion,
#advanced_survey_aspx .divGrupoPadre.style_4 .divOpcion,
#advanced_survey_aspx .divGrupoPadre.style_5 .divOpcion,
#advanced_survey_aspx .divGrupoPadre.style_6 .divOpcion,
#advanced_survey_aspx .divGrupoPadre.style_7 .divOpcion,
#advanced_survey_aspx .divGrupoPadre.style_8 .divOpcion {
    border-bottom-color: transparent !important;
}

#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(1),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(6),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(11),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(16),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(21),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(26),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(31),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(36),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(41),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(46),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(51),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(56) {
    background-position: 0 0 !important;
}

#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(2),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(7),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(12),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(17),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(22),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(27),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(32),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(37),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(42),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(47),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(52),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(57) {
    background-position: 0 -200px !important;
}

#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(3),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(8),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(13),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(18),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(23),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(28),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(33),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(38),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(43),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(48),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(53),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(58) {
    background-position: 0 -800px !important;
}

#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(4),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(9),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(14),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(19),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(24),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(29),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(34),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(39),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(44),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(49),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(54),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(59) {
    background-position: 0 -400px !important;
}

#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(5),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(10),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(15),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(20),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(25),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(30),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(35),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(40),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(45),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(50),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(55),
#advanced_survey_aspx .divGrupoPadre .divGrupo > .tableCap:nth-child(60) {
    background-position: 0 -600px !important;
}
/*Autumn*/
#advanced_survey_aspx .divGrupoPadre.style_1 .divGrupo > .tableCap {
    border-radius: 40px;
    box-shadow: rgba(150, 169, 177, .54) 7px 7px;
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255,255,255,0.8)), url(../images/winter.png);
    /*background-repeat: no-repeat, no-repeat;*/
    background-size: cover;
    padding: 30px !important;
    border-left: 2px dashed #becace;
    border-top: 2px dashed #becace;
    border-bottom: none;
    border-right: none;
}

#advanced_survey_aspx .divGrupoPadre.style_1 span.varName {
    font-size: 14px;
    padding: 6px 3px 4px 3px;
    color: #fff;
    margin-left: -43px;
    border-radius: 45px;
    background: #444;
    line-height: 15px;
}

#advanced_survey_aspx .divGrupoPadre.style_2 .divGrupo > .tableCap {
    border-top: 4px solid #0f76e7;
    border-right: none;
    border-left: none;
    border-radius: 0;
    background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255,255,255,0.85)), url(../images/summer.png);
    /*background-repeat: no-repeat, no-repeat;*/
    background-size: cover;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

#advanced_survey_aspx .divGrupoPadre.style_2 .varName {
    margin-top: -20px;
    background: #007ae2;
    padding: 4px 8px;
    border-radius: 0 0 6px 6px;
    color: #fff;
    height: 25px;
}

#advanced_survey_aspx .divGrupoPadre.style_2 .divGrupo > .tableCap .vardesc {
    font-size: 20px !important;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important;
}

/*Spring*/
#advanced_survey_aspx .divGrupoPadre.style_3 .divGrupo > .tableCap {
    border-radius: 0;
    border: 1px solid #00aeae9c;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    padding-bottom: 20px !important;
    background-image: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.8)), url(../images/spring.png);
    /*background-repeat: no-repeat, no-repeat;*/
    background-position: right, left;
    background-size: cover;
}

#advanced_survey_aspx .divGrupoPadre.style_3 .divGrupo .fa-arrows-alt.my-handle {
    color: #444 !important;
    background: #fff !important;
    border-radius: 45px !important;
    padding: 3px 6px !important;
    line-height: 20px !important;
}

#advanced_survey_aspx .divGrupoPadre.style_3 span.varName {
    color: #6b6b6b !important;
    font-weight: bolder !important;
}

#advanced_survey_aspx .divGrupoPadre.style_3 .divGrupo .divVardesc {
    background-color: transparent !important;
}

/*Autumn*/
#advanced_survey_aspx .divGrupoPadre.style_4 .divGrupo > .tableCap {
    border-radius: 26px;
    border: 2px solid #9b9b9b;
    box-shadow: none;
    background-image: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)), url(../images/autumn.png);
    /*background-repeat: no-repeat, no-repeat;*/
    background-position: right, left;
    background-size: cover;
}

    #advanced_survey_aspx .divGrupoPadre.style_4 .divGrupo > .tableCap:first-child {
        margin-top: 10px;
    }

    #advanced_survey_aspx .divGrupoPadre.style_4 .divGrupo > .tableCap .vardesc {
        border-bottom: 1px solid #9b9b9b;
        color: #444;
        font-weight: bold;
        font-size: 17px;
        /*font-family: 'Rajdhani', sans-serif !important;*/
    }

    #advanced_survey_aspx .divGrupoPadre.style_4 .divGrupo > .tableCap .valign {
        border-bottom: none !important;
    }

    #advanced_survey_aspx .divGrupoPadre.style_4 .divGrupo > .tableCap .radio,
    #advanced_survey_aspx .divGrupoPadre.style_4 .divGrupo > .tableCap .radio,
    #advanced_survey_aspx .divGrupoPadre.style_4 .divGrupo > .tableCap .checkbox {
        background-color: transparent !important;
        border: 2px #5f5f5f solid !important;
    }

#advanced_survey_aspx .divGrupoPadre.style_4 span.varName {
    font-size: 14px !important;
    font-weight: bold !important;
    color: #9b9b9b !important;
    margin-left: -45px !important;
    margin-top: -24px !important;
}

#advanced_survey_aspx .divGrupoPadre.style_4 .resp-btn-delate {
    background-color: transparent;
}

/*Creativity*/
#advanced_survey_aspx .divGrupoPadre.style_5 .divGrupo > .tableCap:not(:first-child) {
    margin-top: 30px;
}

#advanced_survey_aspx .divGrupoPadre.style_5 .divGrupo > .tableCap {
    border-radius: 0 40px 0 0;
    box-shadow: rgba(0, 140, 174, .40) -5px 5px, rgba(0, 124, 174, .30) -10px 10px, rgba(0, 124, 174, .20) -15px 15px;
    background-image: linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0.9)), url(../images/watercolor.png);
    /*background-repeat: no-repeat, no-repeat;*/
    background-position: top;
    background-size: cover;
}

    #advanced_survey_aspx .divGrupoPadre.style_5 .divGrupo > .tableCap .divValor.valign {
        margin-bottom: 1px !important;
    }

/*Education*/
#advanced_survey_aspx .divGrupoPadre.style_6 .divGrupo > .tableCap {
    border-radius: 0 20px;
    border-bottom: 4px dashed #00aeae9c;
    box-shadow: none;
    padding-bottom: 20px !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255,255,255,0.8)), url(../images/fons_geometric_rev.png);
    /*background-repeat: no-repeat, no-repeat;*/
    background-position: right, left;
    background-size: cover;
}

#advanced_survey_aspx .divGrupoPadre.style_6 .divGrupo .tableCap .vardesc {
    border-bottom: 1px solid #c1c1c1;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 19px;
}

#advanced_survey_aspx .divGrupoPadre.style_6 .divGrupo > .tableCap .divOpciones label,
#advanced_survey_aspx .divGrupoPadre.style_6 .divGrupo > .tableCap .divOpciones textarea,
#advanced_survey_aspx .divGrupoPadre.style_6 .divGrupo > .tableCap .divOpciones p,
#advanced_survey_aspx .divGrupoPadre.style_6 .divGrupo > .tableCap .divOpciones input,
#advanced_survey_aspx .divGrupoPadre.style_6 .divGrupo > .tableCap .divOpciones select,
#advanced_survey_aspx .divGrupoPadre.style_6 .divGrupo > .tableCap .divOpciones select option {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*Marketing*/
#advanced_survey_aspx .divGrupoPadre.style_7 .divGrupo > .tableCap {
    border-bottom: 3px solid #00AEAE;
    border-right: none;
    border-left: none;
    border-top: none;
    border-radius: 6px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background-image: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.8)), url(../images/marketing.png);
    /*background-repeat: no-repeat, no-repeat;*/
    background-position: bottom;
    background-size: cover;
}

/*Healthy*/
#advanced_survey_aspx .divGrupoPadre.style_8 .divGrupo > .tableCap {
    border-bottom: 2px dashed #00AEAE;
    border-right: 4px solid #00AEAE;
    border-left: 2px dashed #00AEAE;
    border-top: 2px dashed #00AEAE;
    border-radius: 6px;
    background-image: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.9)), url(../images/healthy.png);
    background-repeat: repeat;
    background-position: top;
    background-size: cover;
}

    #advanced_survey_aspx .divGrupoPadre.style_8 .divGrupo > .tableCap .vardesc,
    #advanced_survey_aspx .divGrupoPadre.style_8 .divGrupo > .tableCap .divOpciones label,
    #advanced_survey_aspx .divGrupoPadre.style_8 .divGrupo > .tableCap .divOpciones textarea,
    #advanced_survey_aspx .divGrupoPadre.style_8 .divGrupo > .tableCap .divOpciones p,
    #advanced_survey_aspx .divGrupoPadre.style_8 .divGrupo > .tableCap .divOpciones input,
    #advanced_survey_aspx .divGrupoPadre.style_8 .divGrupo > .tableCap .divOpciones select,
    #advanced_survey_aspx .divGrupoPadre.style_8 .divGrupo > .tableCap .divOpciones select option {
        font-family: 'Roboto', sans-serif;
    }

#advanced_survey_aspx .dropdown_skins .dropdown-item[data-value="1"],
#advanced_survey_aspx .dropdown_skins .dropdown-item[data-value="5"] {
    border-top: 1px solid #cfcfcf;
    margin-top: 5px !important;
    padding-top: 5px !important;
}

/*SURVEY CONSTRUCTOR (Textarea with checkbox)*/
.chkOpcion + textarea {
    margin-top: 10px !important;
}

.lblRbtValor + textarea {
    margin-top: 5px !important;
}

.divGrupoPadre .divGrupo > .tableCap > .divOpciones {
    width: 100%;
}

.divEditVal .span.lblRbtValor {
    float: initial;
}

.divEditVal input[type="radio"] {
    transform: scale(1.5);
    margin-left: 3px;
}

div[data-idtipo="14"] .pnlCondiciones {
    height: 50px !important;
}

@media(max-width: 575px) {
    .columnX3 {
        width: 100% !important;
        margin: 4px 10px 4px 0 !important;
    }

    div[data-idtipo="14"] span.lblRbtValor {
        margin-left: 10px !important;
    }

    div[data-idtipo="1"] .cellValor2 span.lblRbtValor,
    div[data-idtipo="4"] .cellValor2 span.lblRbtValor,
    div[data-idtipo="8"] .cellValor2 span.lblRbtValor {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}
/******/