main{
    width: 100vw;
    height: 100vh;
}
#mainCont{
    width: 100vw;
    overflow: auto;
    height: calc(100vh - -10px);
    margin-top: 68px;
}
#contenido{
    width: 1100px;
    max-width: 95vw;
    margin: auto;
    padding-top: 40px;
    padding-bottom: 40px;
}
#encabezado{
    padding-top: 20px;
    padding-bottom: 20px;
    color: var(--colorFondoClaro);
    background: var(--colorPrincipal);
}
#encabezado .row{
    align-items: center;
}
#encabezado_cont{
    width: 1100px;
    margin: auto;
    max-width: 95vw;

}
#encabezado_cont .boton{
    margin-top:0px;
    margin-bottom:0px
}
.no_content_box{
    text-align: center !important;
    padding-top: 70px;
    padding-bottom: 70px;
}
#cargaContent{
    text-align: center !important;
    padding-top: 70px;
    color: var(--colorTextoClaro);
}
#formDiagosis{
    padding:20px;
    background-color: var(--colorFondoClaro);
    margin:10px;
    border-radius: 5px;
    margin-bottom: 40px;
}

#formDiagosis input, #formDiagosis select, #formDiagosis textarea {
	width: 100%;
	padding: 8px;
	margin: 8px 0 0;
	width: calc(100% - 40px);
	padding-right: 24px;
	font-family: "Cuerpo" !important;
	min-height: 23px;
	-ms-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	font-size: var(--p-1);
	color: var(--colorTexto);

	border-radius: 5px;

    margin-top: 3px;
	max-width:calc(100% - 24px);

	background-color: var(--colorFondoClaro);
	border:1px solid var(--colorTextoOscuro);
    margin-bottom: 20px;;
}
.blqFormu #formDiagosis input, .blqFormu #formDiagosis select, .blqFormu #formDiagosis textarea{
	margin-bottom: 0px;
}
.pesta_konfiguraketa #formDiagosis input, .pesta_konfiguraketa #formDiagosis select, .pesta_konfiguraketa #formDiagosis textarea{
	margin-bottom: 7.5px !important;
}

body.pant_respuesta{
    background-color: var(--colorPrincipal) !important;
}
body.pant_respuesta div.blq_respuestas{
    width: 1100px;
    max-width: 90vw;
    margin: auto;

    background-color: var(--colorFondo);
    border-radius: 10px;
    min-height: 400px;
    padding: 20px;
}
body.pant_respuesta  .brdBtn_top{
    border-top: 1px solid #ddd;
	margin-top: 50px;
	padding-top: 20px;
}
#pag_perfil input, #pag_perfil select{
    margin-bottom: 0px;
}
.preguntablq p {
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;

	padding-top: 20px;

}
#qstLst0 .preguntablq p {
	font-size: 1.1em;

	margin-top: 20px;
	margin-bottom: 10px;

	padding-top: 20px;
}


.preguntablq input, .preguntablq select, .preguntablq textarea {
	width: 100%;
	padding: 8px;
	margin: 8px 0 0;
	width: calc(100% - 40px);
	padding-right: 24px;
	font-family: "Cuerpo" !important;
	min-height: 23px;
	-ms-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	font-size: var(--p-1);
	color: var(--colorTexto);

	border-radius: 5px;

    margin-top: 3px;
	max-width:calc(100% - 24px);

	background-color: var(--colorFondoClaro);
	border:1px solid var(--colorTextoOscuro);
    margin-bottom: 20px;;
}
.preguntablq input, .preguntablq select, .preguntablq textarea{
	margin-bottom: 0px;
}

.labSentim {
	width: 25%;
	text-align: center;
	font-size: var(--p-2);
	color: var(--colorTerciarioClaro);
	margin-bottom: 5px;
}
.bar8{
    width:calc(100% / 8);
    padding-left:3px;
    padding-right:3px;
}
.bar10{
    width:10%;
    padding-left:3px;
    padding-right:3px;
}
.bar4{
    width:25%;
    padding-left:3px;
    padding-right:3px;
}
.bar4 .sentiX, .bar10 .sentiX, .bar8 .sentiX {
	border: 1px solid var(--borde);
	width: 100%;
	height: 40px;
	border-radius: 10px;
    cursor: pointer;
    background-color: var(--colorFondoClaro);
}

.bar10 .sentiX:hover, .bar8 .sentiX:hover {
    background-color: var(--colorInteraccionClaro);
}
.bar4 .sentiX.marked, .bar10 .sentiX.marked, .bar8 .sentiX.marked {
    background-color: var(--colorInteraccionClaro);
    color:var(--colorFondoClaro);
    border: 1px solid var(--colorInteraccionOscuro);
}

.innerCheck{
    width:20px;
    height:20px;
    background-color: var(--colorFondo);
    border:1px solid var(--borde);
    border-radius: 100%;
    background-color: var(--colorFondo);
    transition: .3s;
    
}
.valoresBlq {
	border: 1px solid var(--borde);
	border-radius: 10px;
	margin-bottom: 5px;
	width: calc(100% - 5px);
	padding: 3px;
	align-items: center;
	cursor: pointer;
	background-color: var(--colorFondoClaro);
}
.valoresBlq:hover .innerCheck{
    background-color: var(--colorInteraccionClaro);
}
.valoresBlq.marked{
    background-color: var(--colorInteraccionClaro);
    color:var(--colorFondoClaro);
    border: 1px solid var(--colorInteraccionOscuro);
}
.valoresBlq.marked .innerCheck{
    background-color: var(--colorInteraccionOscuro);
    border: 1px solid var(--colorInteraccionOscuro);
}
.valoresBlq.row{
    align-items: center;
}
.class_sentimiento{
    margin-bottom: 5px;
    align-items: center;
}
.class_sentimiento .sentiX {
	padding: 5px;
	text-align: center;
	font-size: var(--p-2);
	align-items: center;
    background-color: var(--colorFondoClaro);
    display: flex;
    cursor: pointer;
}
.class_sentimiento .sentiX:hover{
    color:var(--colorInteraccionOscuro);
    border: 1px solid var(--colorInteraccionOscuro);
}
.class_sentimiento .bar4.marked .sentiX{
    background-color: var(--colorInteraccionClaro);
    color:var(--colorFondoClaro);
    border: 1px solid var(--colorInteraccionOscuro);
}
.class_sentimiento .sentiX > div{
    text-align: center;
    width: 100%;
}
.iinerCont_introduccion p{
    line-height: 1.2em;
    margin-bottom: 20px;
}
.quedanTopBoot{
    margin-top: 10px;
    margin-bottom: 10px;
}
@media(max-width:550px){
    .bar10{
        padding-left: 1px;
        padding-right: 1px;
    }
}
.quedanTopBoot.error{
    color:var(--colorSucess)
}
/*.pregunta_tp2 .bar10 .sentiX.sentiX_1{
    opacity: 0.28;
}
.pregunta_tp2 .bar10 .sentiX.sentiX_2{
    opacity: 0.36;
}
.pregunta_tp2 .bar10 .sentiX.sentiX_3{
    opacity: 0.44;
}
.pregunta_tp2 .bar10 .sentiX.sentiX_4{
    opacity: 0.52;
}
.pregunta_tp2 .bar10 .sentiX.sentiX_5{
    opacity: 0.60;
}
.pregunta_tp2 .bar10 .sentiX.sentiX_6{
    opacity: 0.68;
}
.pregunta_tp2 .bar10 .sentiX.sentiX_7{
    opacity: 0.76;
}
.pregunta_tp2 .bar10 .sentiX.sentiX_8{
    opacity: 0.84;
}
.pregunta_tp2 .bar10 .sentiX.sentiX_9{
    opacity: 0.92;
}
.pregunta_tp2 .bar10 .sentiX.sentiX_10{
    opacity: 1;
}*/

@media(max-width:550px){
    .bar10{
        padding-left: 1px;
        padding-right: 1px;
    }
}
.pregunta_tp2 .bar10 div.sentiX:hover{
    background-color: var(--colorInteraccionClaro)  !important;   
}
.pregunta_tp2 .bar10 div.sentiX.marked{
    background-color: var(--colorInteraccionOscuro) !important;   
}
.pregunta_tp3 .bar10 .sentiX.sentiX_1.marked, .pregunta_tp3 .bar10 .sentiX.sentiX_1:hover{
    background-color: #aa1100;
    border: 1px solid #990000;
}
.pregunta_tp3 .bar10 .sentiX.sentiX_2.marked, .pregunta_tp3 .bar10 .sentiX.sentiX_2:hover{
    background-color: #bb2200;
    border: 1px solid #aa1100;
}
.pregunta_tp3 .bar10 .sentiX.sentiX_3.marked, .pregunta_tp3 .bar10 .sentiX.sentiX_3:hover{
    background-color: #b2546c;
    border: 1px solid #bb2200;
}
.pregunta_tp3 .bar10 .sentiX.sentiX_4.marked, .pregunta_tp3 .bar10 .sentiX.sentiX_4:hover{
    background-color: #dd6622;
    border: 1px solid #cc5511;
}
.pregunta_tp3 .bar10 .sentiX.sentiX_5.marked, .pregunta_tp3 .bar10 .sentiX.sentiX_5:hover{
    background-color: #ffaa33;
    border: 1px solid #dd9922;
}
.pregunta_tp3 .bar10 .sentiX.sentiX_6.marked, .pregunta_tp3 .bar10 .sentiX.sentiX_6:hover{
    background-color: #ffcc00;
    border: 1px solid #eebb00;
}
.pregunta_tp3 .bar10 .sentiX.sentiX_7.marked, .pregunta_tp3 .bar10 .sentiX.sentiX_7:hover{
    background-color: #cccc22;
    border: 1px solid #bbbb22;
}
.pregunta_tp3 .bar10 .sentiX.sentiX_8.marked, .pregunta_tp3 .bar10 .sentiX.sentiX_8:hover{
    background-color: #f4e46e;
    border: 1px solid #88bb22;
}
.pregunta_tp3 .bar10 .sentiX.sentiX_9.marked, .pregunta_tp3 .bar10 .sentiX.sentiX_9:hover{
    background-color: #66aa00;
    border: 1px solid #55bb00;
}
.pregunta_tp3 .bar10 .sentiX.sentiX_10.marked, .pregunta_tp3 .bar10 .sentiX.sentiX_10:hover{
    background-color: #8cd79e;
    border: 1px solid #228800;
}






.blq_valid_2_box {
	border: 1px solid var(--borde);
	font-size: var(--p-1);
	padding: 10px;
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	background-color: var(--colorFondoClaro);
	cursor: pointer;
}
.blq_valid_2_box:hover{
    background-color: var(--colorInteraccionClaro);
    color:var(--colorFondoClaro);
    border: 1px solid var(--colorInteraccionOscuro);   
}
.pregunta_tp5 div.blq_valid_2_box.inhab, .pregunta_tp6 div.blq_valid_2_box.inhab{
    display: none;
}
.pregunta_tp5 .blq_valid_2_check{
    width: auto;
	border: 1px solid var(--borde);
	padding: 10px;
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	cursor: pointer;
}

.pregunta_tp6 .blq_valid_2_check{
    width: auto;
	border: 1px solid var(--borde);
	font-size: var(--p-2);
	padding: 5px;
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	cursor: pointer;
}
.pregunta_tp5 .blq_valid_2_check_1{
    background-color: var(--colorInteraccionClaro);
    border: 1px solid var(--colorInteraccionOscuro);
    opacity:1;
}
.pregunta_tp5 .blq_valid_2_check_2{
    background-color: var(--colorInteraccionClaro);
    border: 1px solid var(--colorInteraccionOscuro);
    opacity:0.8;
}
.pregunta_tp5 .blq_valid_2_check_3{
    background-color: var(--colorInteraccionClaro);
    border: 1px solid var(--colorInteraccionOscuro);
    opacity:0.6;
}
.pregunta_tp5 .blq_valid_2_check_4{
    background-color: var(--colorInteraccionClaro);
    border: 1px solid var(--colorInteraccionOscuro);
    opacity:0.4;
}




.pregunta_tp6 .blq_valid_2_check_1{
    background-color: var(--colorInteraccionClaro);
    border: 1px solid var(--colorInteraccionOscuro);
    opacity:1;
}
.pregunta_tp6 .blq_valid_2_check_2{
    background-color: var(--colorInteraccionClaro);
    border: 1px solid var(--colorInteraccionOscuro);
    opacity:0.9;
}
.pregunta_tp6 .blq_valid_2_check_3{
    background-color: var(--colorInteraccionClaro);
    border: 1px solid var(--colorInteraccionOscuro);
    opacity:0.8;
}
.pregunta_tp6 .blq_valid_2_check_4{
    background-color: var(--colorInteraccionClaro);
    border: 1px solid var(--colorInteraccionOscuro);
    opacity:0.7;
}
.pregunta_tp6 .blq_valid_2_check_5{
    background-color: var(--colorInteraccionClaro);
    border: 1px solid var(--colorInteraccionOscuro);
    opacity:0.6;
}
.pregunta_tp6 .blq_valid_2_check_6{
    background-color: var(--colorInteraccionClaro);
    border: 1px solid var(--colorInteraccionOscuro);
    opacity:0.5;
}
.blq_valid_2_check > div{
    font-size: var(--p-2);
    padding:5px;
    text-align: center;
}
.pregunta_tp6 .blq_valid_2_check:empty, .pregunta_tp5 .blq_valid_2_check:empty{
    opacity: 0 !important;
   
}
.pregunta_tp5 .blq_valid_2_check {
    width: auto;
	font-size: var(--p-2);
	padding: 5px;
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	cursor: pointer;
}

.pregunta_tp5 .blq_valid_2_check > div, .pregunta_tp6 .blq_valid_2_check > div{
    width: 100%;
    text-align: center;
}

.blq_valid_2_box {
    width: auto;
	font-size: var(--p-2);
	padding: 10px;
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	cursor: pointer;
}
.blqs_validos {
	margin-top: 30px;
}
.conchek{
    width: 35px;
}
.conctxt{
    width:calc(100% - 40px)
}
@media(max-width:550px){
    .class_sentimiento{
        margin-bottom: 20px;
    }
    .class_sentimiento .lab{
        margin-bottom: 5px;
    }
    .conchek{
        width: 25px;
    }
    .conctxt{
        width:calc(100% - 30px);
        font-size: var(--p-2);
    }
    .blq_valid_2_box {
        width: 100%;
        margin-left: 0px;
    }
    .pregunta_tp5 .blq_valid_2_check{
        width: 100%;
        margin-left: 0px;
    }
}

.blqSelect{
    border: 1px solid var(--borde);
    background-color: var(--colorFondoClaro);
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
}
.blqSelect:hover{
    background-color: var(--colorInteraccionClaro);
    color:var(--colorFondoClaro);
    border: 1px solid var(--colorInteraccionOscuro);   
}
div.blqSelect.marked{
    background-color: var(--colorInteraccionClaro) !important;
}
.prgBarraExt{
    height:9px;
    border: 1px solid #888;
    width: 100%;
    margin-top: 6px;
    border-radius: 5px;
    overflow: hidden;
}
.prgBarraExt .prgBarraInt{
    height:7px;
    background-color: var(--colorInteraccionClaro);
    border-radius: 5px;
}
#header{
    width: 1100px;
    max-width: 90vw;
    margin: auto;
    margin-top: 30px;
    color:white;
    font-size:12px;
}
#header > .row{
    align-items: center;
}

.brdBtn_top .boton {
	max-width: calc(100% - 20px);
	min-width: auto;
}
#pag_informe .bloque{
    padding:20px;
    background-color: var(--colorFondoClaro);
    margin:10px;
    border-radius: 5px;
    margin-bottom: 20px;
}
#pag_informe h1 span, #pag_informe h2 span, #pag_informe h3 span, #pag_informe h4 span{
    color:var(--colorInteraccion);
}
#pag_informe h3::before, #pag_informe h4::before, #pag_informe h5::before{
    content: "";
    width: 00px;
    height: 0px;
    background: var(--colorInteraccion);
    display: block;
    display: inline-block;
    top: 0px;
    margin-right: 0px;
    position: relative;
}
#page_inner h1::before, #page_inner h2::before, #page_inner h3::before, #page_inner h4::before, #page_inner h5::before{
    content: "";
    width: 00px;
    height: 0px;
    background: var(--colorInteraccion);
    display: block;
    display: inline-block;
    top: 0px;
    margin-right: 0px;
    position: relative;
}
#pag_informe .circle_lat{
    width:70px;
}
#pag_informe .circle_lat_lab{
    width: calc(100% - 80px);
    margin-left: 10px;
}
#pag_informe .circle{
    width: 70px;
    height: 70px;
    border: 5px solid black;
    border-radius: 100%;
}
#pag_informe .diag_valor{
    margin-bottom: 10px;
}

#pag_informe .barra_ext_inf {
	width: 100%;
	height: 7px;
	border: 2px solid black;
	border-radius: 5px;
	background-color: black;
	margin-top: 6px;
}
#pag_informe .barra_int_inf {
	height: 20px;
	width: 20px;
	border: 5px solid black;
	background-color: white;
	border-radius: 100%;
	margin-top: -8px;
}
.chart_grafic{
    min-height: 50px;
    margin-top:40px;
}
.chart_grafic > .cargaCgart_grafc{
    margin-top:100px;
    color:#aaa;
    text-align: center;
}
.table .encab {
	font-size: var(--h4);
	font-weight: bold;
}
.row.fila {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
}

#chart_tabl {
	min-height: 200px;
}
.chart_tabl {
	min-height: 200px;
	text-align: center;
	margin-top: 24px;
	position: relative;
}
.circIntVal {
	position: absolute;
	width: 100%;
	height: calc(100% - 81px);
	top: 81px;
	font-size: 40px;
    font-family: titulos;
}
.chart_extern{
    min-height: 150px;
	text-align: center;
	position: relative;
}
.chart_intern{
    position: absolute;
	width: 100%;
	height: calc(100% - 81px);
	top: 50px;
	font-size: 30px;
}
.chart_extern .circIntVal {
	top: 59px;
}
.botonRecog {
	border: 1px solid var(--borde);
	border-radius: 100%;
	width: 24px;
	height: 24px;
	padding: 4px;
	position: absolute;
	right: -13px;
	background-color: white;
    z-index: 99;
    top:16px;
    cursor: pointer;
}
.encogido .botonRecog {
	transform: rotate(180deg);
}
#menuLatDiagnosis.encogido{
    width: 10px;
}
#menuLatDiagnosis.encogido > #contentInMenLat{
    display: none;
}
.botonRecog > img{
    height: 16px;
    width: 16px;
}
#pag_Diagnosis #mainContent{
    padding-top:60px;
}
#pag_Diagnosis #ConDiagnosis{
    display:flex;
    flex-wrap: wrap;

}
#pag_Diagnosis  #ConDiagnosis #menuLatDiagnosis{
    width:var(--col-2);
    background-color: white;
    height: calc(100vh - 60px);
    position: relative;
}
#pag_Diagnosis  #ConDiagnosis #menuLatDiagnosis > #contentInMenLat{
    background-color: white;
    height: calc(100vh - 60px);
    position: fixed;
    width:var(--col-2); 
    border-right: 1px solid var(--borde);
    overflow: auto;
}
#pag_Diagnosis  #ConDiagnosis  #anexoColores{
    display: flex;
}
#pag_Diagnosis  #ConDiagnosis  #anexoColores > div{
    margin-right:16px;
    display: flex;
}
#pag_Diagnosis  #ConDiagnosis  #anexoColores > div > div{
    margin-right: 8px;
}
#pag_Diagnosis  #ConDiagnosis  #anexoColores > div .boxColFilter{
    height:16px;
    width: 16px;
    border-radius: 4px;
    display: flex;
}   
#pag_Diagnosis  #ConDiagnosis #anexoColores > div .boxColFilter.morado{
    background-color: #237b9f;
}
#pag_Diagnosis  #ConDiagnosis #anexoColores > div .boxColFilter.rojo{
    background-color: #b3dbc0;
}
#pag_Diagnosis  #ConDiagnosis #anexoColores > div .boxColFilter.pastel{
    background-color: #facfad;
}
#pag_Diagnosis  #ConDiagnosis #anexoColores > div .boxColFilter.verde{
    background-color: #d5e1a3;
}
#pag_Diagnosis  #ConDiagnosis #anexoColores > div .boxColFilter.azul{
    background-color: #78c0e0;
}

#botoneraFiltro{
    margin-bottom: 32px;
    display: flex;
    margin-top:8px;
    overflow-x: auto;
}

#botoneraFiltro > div{
    border-radius: 4px;
    background-color: white;
    padding:8px 16px 8px 16px;
    margin:0px 8px 8px 0px;
}
.boxStats #botoneraFiltro > div{
    background-color:var(--colorFondo);
}
#botoneraFiltro > div:hover{
    color:var(--colorInteraccion);
    cursor: pointer;
}
#botoneraFiltro > div.selected{
    background-color:var(--colorInteraccion);
    font-family: 'TituloBold';
}
#botoneraFiltro > div.selected:hover{
    background-color:var(--colorInteraccion);
    font-family: 'TituloBold';
}

#conDiagnosis{
    width:var(--col-10);
    max-width: 100%;
}
#conDiagnosis.encogido{
    width:calc(100vw - 38px);
}
#anexoColores{
    padding:16px;
    margin-bottom: 24px;
    background-color: white;
    border-radius: 4px;
    border:1px solid var(--borde);
    display: flex;
    flex-wrap: wrap;
}
#anexoColores .anexoColores_box{
    margin-bottom: 8px;
}
#anexoColores  > #anexoColores_box{
    display: flex;
}
#pag_Diagnosis  #ConDiagnosis #menuLatDiagnosis .TitLatMenu {
    font-family: 'TituloBold';
    font-size:var(--h5);
}
#pag_Diagnosis  #ConDiagnosis #menuLatDiagnosis .optLatMenu{
    margin-left:8px;
    padding:8px;
}
#pag_Diagnosis  #ConDiagnosis #menuLatDiagnosis .optLatMenu:hover {
    cursor: pointer;
    color:var(--colorInteraccion);
}
#pag_Diagnosis  #ConDiagnosis #menuLatDiagnosis .optLatMenu.selected {
    background-color: var(--colorInteraccion);
    border-radius: 8px;
}
#pag_Diagnosis  #ConDiagnosis #menuLatDiagnosis .separador {
    height:1px;
    background-color: var(--borde);
    margin-top:8px;
    margin-bottom:8px;
}
#pag_Diagnosis  #ConDiagnosis .boxStats{
    padding:16px;
    border-radius: 8px;
    background-color: white;;
    margin:8px;
    position: relative;
}
#pag_Diagnosis  #ConDiagnosis .boxStats .infobox{
    position: absolute;
    top:16px;
    text-align: center;
    right: 16px;
    height:16px;
    width: 16px;
    border-radius: 100%;
    background-color: #f7f7f7;
}
#pag_Diagnosis  #ConDiagnosis .boxStats .infobox::before{
    content: "i";
    font-size: 8px;
    color:#7b7b7b;
}
#pag_Diagnosis  #ConDiagnosis .boxStats .bs_footer{
    display: flex;
}
.circleCont{
    position: relative;
    height: 250px;
}
#pag_Diagnosis  #ConDiagnosis .boxStats .contebox {
	height: calc(100% - 40px);
    margin-top: 8px;
    margin-bottom: 8px;
    position: relative;
    width:calc(100% - 40px);
    max-width: 100%;
}
#pag_Diagnosis  #ConDiagnosis .boxStats .conteboxBars{
    height: 260px;
    margin-top: 8px;
    margin-bottom: 8px;
    position: relative;
    width:calc(100% - 40px);
    max-width: 100%;
}
.chartBarValoresTg{
    text-align: center;
}
#pag_Diagnosis  #ConDiagnosis .boxStats .circleCont .contebox {
	height: 240px;
    margin-top: 8px;
    margin-bottom: 8px;
    position: absolute;
    width:240px;
    max-width: 100%;
}
.boxStats .circleCont .contebox_mini {
    height: 200px;
    margin-top: 8px;
    margin-bottom: 8px;
    position: absolute;
    width: 200px;
    max-width: calc(100% - 40px);
    top: 30px;
    left: 20px;
}
.row > .x6  .boxStats.boxStatsGrd .contebox{
    width: 100%;
}
.row > .x6 .boxStats.boxStatsGrd .circleCont{
    width:100%;
    max-height: 250px;
}
.row > .x6 .boxStats.boxStatsGrd .circleCont canvas{
    max-height: 250px;
}
#pag_Diagnosis  #ConDiagnosis .boxStats .titut{
    font-family: 'TituloBold';
    font-size:var(--h6);
    height: 40px;
}
#pag_Diagnosis  #ConDiagnosis .boxStats.boxStatsChc{
    min-height: 150px;
}
#pag_Diagnosis  #ConDiagnosis .boxStats.boxStatsGrd{
    min-height: 370px;
}
#pag_Diagnosis  #ConDiagnosis .boxStats.boxStatsMed{
    min-height: 220px;
}
#pag_Diagnosis  #ConDiagnosis .boxStats.boxStatsMed .contebox {
    height: 260px;
}
#pag_Diagnosis  #ConDiagnosis .boxStats.boxStatsGrd .contebox {
    height: 290px;
}
#pag_Diagnosis  #ConDiagnosis .boxStats.boxStatsChc .circIntVal{
    position: absolute;
    width:100%;
    font-size:100px;
    text-align: center;
    top:60px
}
#pag_Diagnosis  #ConDiagnosis .boxStats.boxStatsGrd .circleCont{
    margin:auto;
    width:290px;
    max-width: 100%;
}
#pag_Diagnosis  #ConDiagnosis .boxStats.boxStatsMed .circleCont{
    margin:auto;
    width:260px;
    max-width: 100%;
}
#pag_Diagnosis  #ConDiagnosis .boxStats.boxStatsChc .circleCont{
    margin:auto;
    width:220px;
    max-width: 100%;
}


#pag_Diagnosis  #ConDiagnosis .boxStats.boxStatsGrd .circIntVal{
    position: absolute;
    width:100%;
    font-size:100px;
    text-align: center;
    top:155px
}
#pag_Diagnosis  #ConDiagnosis .boxStats.boxStatsMed .circIntVal{
    position: absolute;
    width:100%;
    font-size:100px;
    text-align: center;
    top: 88px;
    font-size: 48px;
}
.boxStats.boxStatsMed .contebox_mini .circIntVal {
	top: 110px;
	font-size: 20px;
	color: var(--colorTextoClaro);
}
#pag_Diagnosis  #ConDiagnosis .boxStats.inhabil{
    background-color: #ededed;
    border:1px solid var(--borde);   
}
#pag_Diagnosis  #ConDiagnosis .boxStats.inhabil .contebox{
    display: none;
}
#pag_Diagnosis .header{
    margin-top:48px;
}
#pag_Diagnosis .header .subtitulo{
    font-size:var(--h6);
    font-family: 'TituloBold';
    margin-bottom: 8px;
}
#pag_Diagnosis .header .titulo{
    font-size:var(--h3);
    font-family: 'TituloBold';
    margin-bottom: 32px;
}
#pag_Diagnosis .comenIcon{
    width:32px;
}
#pag_Diagnosis .comenIcon img{
    width:24px;
}
#pag_Diagnosis .comenCantComent{
    width:calc(100% - 64px); 
}
#pag_Diagnosis .diagComment{
    padding-top:16px;
    margin-top:16px;
    border-top:1px solid var(--borde);
    padding-bottom:16px;
    margin-bottom:16px;
}
#pag_Diagnosis .comenIcon.isNew::before{
    content: "";
    height:16px;
    width: 16px;
    border-radius: 100%;
    background-color: red;
    display: block;
    margin-top: 5px;
}
#pag_Diagnosis .comenIcon.isNow::before{
    content: "";
    height:16px;
    width: 16px;
    border-radius: 100%;
    background-color: #1cd9c0;
    display: block;
    margin-top: 5px;
}
.fch_comen{
    margin-bottom: 4px;
    color:var(--colorTextoClaro);
    font-size:var(--p-2);
}
#pag_Diagnosis .titulo4.diagIn{
    margin-top:32px;
    margin-left: 8px;
}
.bloquePregunta .tituPregunta {
	padding-top: 8px;
	padding-bottom: 8px;
	
	margin-bottom: 8px;
}
.respuesPreguntas{
    border-top: 1px solid var(--borde);
    padding-top: 16px;
}
.bloquePregunta .respuPregunta{
    padding-top: 6px;
    padding-bottom: 6px;
}
.bloquePregunta .barraPregun {    
	max-width: 100%;
	height: 8px;
	border-radius: 4px;
	background-color: var(--borde);

    position: relative;
    z-index: 200;
}
.BarraLatPreguntas .barHorizCont{
    position: relative;
}
.BarraLatPreguntas .barLatBox {
	padding: 8px;
	height: 80px;
	width: calc(100% - 8px);
	padding: 4px;
	border-radius: 4px;
	background-color: var(--colorFondo);
	margin: 4px;
}
.BarraLatPreguntas .conteBarHoriz{
    position: absolute;
    top:48px;
    width: 100%;
    left:12px;
}
.BarraLatPreguntas .conteBarHoriz .barraInter{

    height:12px;
    background-color: #237b9f;
    border-radius: 6px;
    
}
.hideShowblq{
    background-color: var(--colorFondo);
    border-radius: 4px;
    padding: 4px;
    height: 20px;
    width: 20px;
    font-size: 16px;
    padding-top: 0px;
    text-align: center;
    margin-left: auto;
    margin-right: 0px;
    cursor: pointer;
}
#pag_Diagnosis .tablaPalancas{
    margin-top:32px;
}
.barrChart  {
    width: 100%;
    height: calc(100% - 30px);
}
.barrChart .chartBarValores{
    width: 100%;
    display: flex;
    flex-wrap: wrap;

    height: 25px;
}
.barrChart  .chartBarBarras{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
 
    height: calc(100% - 57px);
}
.barrChart  .chartBarBarrasTg{
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    height: 100%;

    justify-content: center;
}
.barrChart  .chartBarBarras .chartBarBarrasTgInner{
    height: 100%;
    width:9px;
    margin-left:3px;
    margin-right:3px;
    border-radius: 6px 6px 0px 0px;
}
.barrChart .chartBarTags {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	height: 32px;
	border-top: 1px solid var(--borde);
	padding-top: 8px;
}
.dotsChart{
    width:100%;
    height:100%;
    display: flex;
    flex-wrap: wrap;
    min-height:350px;
}
.dotsChart .dotChartRangos{
    width:20%;
    border-right: 1px solid var(--borde);
}
.dotsChart .dotChartRangosValores{
    width: 80%;
    overflow: hidden;
    overflow-x: auto;
}
.dotChartRangosValores_in{
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}
.dotsChart .dotChartRangosValores .boxDotConte{
    width:70px;
    height: 290px;
    
}
.boxDotConDot{
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: #237b9f;
    left: 27px;
    position: absolute;
}
.dotsChart .dotChartRangos .boxDotChat{
    display: flex;
    align-items: center;
    padding-top: 8px;
}
.dotsChart .boxDotConte{
    height: 290px;

}
.dotsChart .chatDotsLabel{
    height: 70px;
    text-align: center;
}
.dotsChartContenido{
    position: relative;
}
.dotsChartContenido .dotsChartLines{
    position: absolute;
    width: 100%;
    height: 100%;
}
.dotsChartContenido .dotsChart{
    position: relative;
}
.boxDotConteBar{
    width: 70px;
    height: 320px;
    position: relative;
}
.boxDotChatBar{
    width: 100%;
    border-top: 1px solid var(--borde);
}
.barXChartContenido{
    min-height: 150px;
    width: 100%;
    max-height: 100%;
    position: relative;
}
.barXChartContenido .barXChartLines{
    position: relative;

    width: 100%;
}
.barXChartContenido .barXChart{
    height: 150px;
    width: 100%;
    position: relative;
    display: flex;
    overflow: auto;
}
.barXChartContenido .barXChart .barXChartRangos{
    display: flex;
    margin-left: 50px;
    
}
.barXChartContenido .barXChart .chartBarTags{
    width: calc(100% - 60px);
}
.barXChartContenido .barXChart .chartBarTags .chartBarTags_in{
    display: flex;
}
.barXChartContenido .barXChart .chartBarTags .chartBarTags_in .chartBarTagsTg{
    width: 30px;
}
.barXChartRangos_in{
    height:450px;
}
.barXChartRangos .chartBarBarrasTg{
    height: 91px;
    width: 40px;

}
.chartBarBarrasTgInner{
    width:9px;
    border-radius: 6px 6px 0px 0px;
}
.barXChartRangos  .chartBarBarrasCon{
    height: 92px;
    display: flex;
    align-items: flex-end;
}
.barXChartRangos .chartBarTagsTg_in {
	transform: rotate(-45deg);
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: right;
	margin-top: 73px;
	margin-left: -169px;
    font-size: 10px;
}
.pregun2Box{
    position: relative;
    z-index: 300;
}
.pregun2Box.limiters{
    position: relative;
    z-index: 50;
}
.respuPregunta {
    margin-bottom: 8px;
}
.respuPregunta .barraPregun {    
	max-width: 100%;
	height: 8px;
	border-radius: 4px;
	background-color: var(--borde);

    position: relative;
    z-index: 200;
    margin-bottom: 6px;
}


#chgEmprActiva {
	width: 1440px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	display: block;
	padding: 8px;
	margin-top: 32px;
	border: 1px solid var(--borde);
	font-size: var(--h5);
}
#pag_Diagnosis .tpk2 .comenCantComent {
	width: calc(100% - 197px);
}
#pag_Diagnosis  #extenComentarios #newcoment{
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    margin-bottom: 8px;
    border: 1px solid var(--borde);
    min-height: 150px;
}
#pag_Diagnosis .nodata{
    background-color: #ededed;
    border:1px solid var(--borde)
}
#pag_Diagnosis .nodatos2show{
    height:100%;
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ededed;
    min-height: 200px;
}
.tabla .renglon .renglonCon > div {
	overflow: hidden;
	padding-left: 3px;
	padding-right: 3px;
}
.boxStats.inhabBox{
    background-color: #ededed;
    border:1px solid #ccc;
    font-size: var(--p-2);
}
.boxStats.boxStatsChc .circIntVal {
	font-size: 15px;
}

.boxStats.boxStatsChc .circleCont .contebox{
    max-width: 120px;
    max-height: 120px;
}
.boxStats.boxStatsChc .circleCont .contebox_mini{
    max-width: 100px;
    max-height: 100px;
    top: 10px;
    left: 10px;

}
.boxStats.boxStatsChc .circIntVal{
    font-size: 20px;
    top: 43px;
}
.boxStatsChc .contebox_mini .circIntVal {
	font-size: 13px;
	top: 51px;
	color: var(--colorTextoClaro);
}
#despilfarroSalarialGen canvas, #despilfarroSalarial canvas{
    opacity: 0;
}
.btn_chartPrgs {
	width: 20px;
	height: 20px;
	padding: 3px;
	font-size: 13px;
	border-radius: 5px;
	background-color: #f7f7f7;
	text-align: center;
	border: 1px solid var(--borde);
	cursor: pointer;
}
#downloableImg{
    height: 0px;
    overflow: hidden;
}
#copiaParaPdf{
    overflow: hidden;
    max-width:1000px ;
}
#copiaParaPdf #int{
    width:1012px
}
#downloableImg > #interior{
    height: 5000px;
    width:992px;
}
#downloableImg > #interior img{
    width:912px;
}
#copiaParaPdf > #montaje .boton, #copiaParaPdf > #montaje input, #copiaParaPdf > #montaje select, #copiaParaPdf > #montaje textarea{
    display: none;
}

#copiaParaPdf > #int .boton, #copiaParaPdf > #int input, #copiaParaPdf > #int select, #copiaParaPdf > #int textarea, #copiaParaPdf > #int canvas {
    background-color: transparent !important;
    border:0px solid !important;
    
}
#copiaParaPdf > #int img{
    display: block;
    position: absolute;
    top: 0px;
}
#copiaParaPdf > #int .bs_footer img{
    position: relative;
}
#copiaParaPdf > #int .boxStats{
    background-color: transparent !important;
    border:0px solid !important;
}
@media(max-width:700px){
    .BarraLatPreguntas .barLatBox{
        font-size:10px;
    }
}

.colVert {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: 10px;
    width: 30px;
    padding-top: 15px;
}
.colNormal {
	width: calc(100% - 50px);
	padding-left: 5px;
	margin-bottom: 20px;
	min-height: 140px;
}
.icon_acc img {
	height: 18px;
	text-align: center;
}
.icon_acc {
	text-align: center;
    cursor: pointer;
}
.icon_acc:hover {
    opacity:0.6
}
.group_circl .circIntVal {
	margin-top: 25px;
}
.minicircl .chart_extern .circIntVal {
	font-size: 23px;
	top: 41px;
}
.blqSelect.slctedBox {
	background-color: var(--colorInteraccionClaro);
	color: var(--colorFondoClaro);
	border: 1px solid var(--colorInteraccionOscuro);
}
.bar10 {
	width: 10%;
	border: 2px solid var(--colorPrincipal);
	width: 30px;
	height: 30px;
	border-radius: 100%;
	cursor: pointer;
	background-color: var(--colorFondoClaro);
	overflow: hidden;
	padding: 0px;
}
.bar4 .sentiX, .bar10 .sentiX, .bar8 .sentiX {

	border-radius: 10px;
	cursor: pointer;
	background-color: var(--colorFondoClaro);
    border:0px solid transparent;
}
.pregunta_tp2 .bar10 div.sentiX.marked {
	background-color: var(--colorInteraccionOscuro) !important;
	height: 100px;
	width: 100px;
}

.pregunta_tp3 .bar10.valsentiX_1{
    border: 2px solid #990000;
}
.pregunta_tp3 .bar10.valsentiX_2{
    border: 2px solid #aa1100;
}
.pregunta_tp3 .bar10.valsentiX_3{
    border: 2px solid #bb2200;
}
.pregunta_tp3 .bar10.valsentiX_4{
    border: 2px solid #cc5511;
}
.pregunta_tp3 .bar10.valsentiX_5{
    border: 2px solid #dd9922;
}
.pregunta_tp3 .bar10.valsentiX_6{
    border: 2px solid #eebb00;
}
.pregunta_tp3 .bar10.valsentiX_7{
    border: 2px solid #bbbb22;
}
.pregunta_tp3 .bar10.valsentiX_8{
    border: 2px solid #88bb22;
}
.pregunta_tp3 .bar10.valsentiX_9{
    border: 2px solid #55bb00;
}
.pregunta_tp3 .bar10.valsentiX_10{
    border: 2px solid #228800;
}


.circlerSlc {
	width: 25px;
	border: 1px solid var(--borde);
	height: 25px;
	border-radius: 5px;
	background-color: var(--colorFondo);
    transition: .5s;
    margin-left:0px;
    margin-right: auto;
    cursor: pointer;
    
}
.circlerSlc div {
    height: 35px;
    width: 15px;
    border-radius: 5px;
    font-size: 34px;
    transition: .5s;
    margin-left: 0px;
    margin-top: -6px;
    display: none;
    cursor: pointer;
    transform:rotate(45deg);
}   

.circlerSlc.select div {
    margin-left: 2px;
    display: block;
}

#conteMenu_mobile{
    display: none;
}
#hamburguesas > div {
	width: 50px;
	height: 4px;
	background-color: white;
	margin-top: 9px;
	margin-bottom: 4px;
}
#menu_mobile{
    display: none;
}
#conteMenu_mobile_pleca {
    display: none;
    position: fixed;
    height: 100vh;
    width: 100vw;
    background-color: rgba(0,0,0,0.9);
    z-index: 9999;
}
#conteMenu_mobile_pleca  #conteMenu_mobile{
    text-align: center;
}
#conteMenu_mobile_pleca  #conteMenu_mobile .menuopots,#conteMenu_mobile_pleca  #conteMenu_mobile .menuOpt{
    color:white;
    margin-top: 10px;
}
@media(max-width:850px){
    #menu_mobile{
        display: block;
    }
    body #conteMenu #menu_mobile #menuInt #logoMenu{
        width:calc(100% - 70px);
    }
    #menu_desktop{
        display: none;
    }

}
.bloque .nps2largo{
    width:33%;
}
#contenidoCharts{
    width: 1100px;
    max-width: 95vw;
}
.fullyPags .bloque .nps2largo {
	width: 100%;
}
.fullyPags {
	--h1: 35px;
	--h2: 27px;
	--h3: 24px;
	--h4: 20px;
	--h5: 18px;
	--p-1: 18px;
	--p-2: 16px;
}
#pag_informe #contenidoCharts_pdf .bloque, #pag_diagnostico #contenidoCharts .bloque{
	padding: 20px;
	background-color: var(--colorFondoClaro);
	margin: 10px;
	border-radius: 5px;
	margin-bottom: 20px;
}

#pag_informe h1 span, 
#pag_informe h2 span,
#pag_informe h3 span,
#pag_informe h4 span,
#pag_informe h5 span,
#pag_diagnostico #contenidoCharts h1 span,
#pag_diagnostico #contenidoCharts h2 span,
#pag_diagnostico #contenidoCharts h3 span,
#pag_diagnostico #contenidoCharts h4 span,
#pag_diagnostico #contenidoCharts h5 span{
    color:#0000FF;
}
.blq_box .p2{
    font-size:12px;
    color:#999;
}
.blq_box ul li {
	font-size: .8em !important;
}
.bloque.blq_redondeado {
	border-radius: 20px !important;
}
.etikeLab {
	margin: 3px;
	padding: 3px;
	text-align: center;
	background-color: #e8edf0;
	margin-top: 10px;
}
.barraResis{
    height: 250px;
    margin:auto;
    width: 25px;
    background-color: #e8edf0;
}
.row.etikeErisk {
	text-align: center;
	font-size: 13px;
}
.row.etikeNumber {
	text-align: center;
	font-family: Titulos;
	font-size: var(--h3);
	padding-top: 5px;
	padding-bottom: 5px;
}
.barraResis {
	height: 250px;
	margin: auto;
	width: 25px;
	background-color: #e8edf0;
	padding-top: 111px;
}
.barraResis_int {
	height: 125px;
	/* margin-top: 50%; */
	width: 25px;
	background-color: var(--colorInteraccion);
}

.parraf_intn ul li{
    font-size: 16px !important;
}
.parraf_intn ul li{
    font-size: 16px !important;
}
.parraf_intn h2{
    font-size: var(--h3);
    margin-top:20px;
    margin-bottom:5px;
}
.parraf_intn h3 {
	font-size: var(--h5);
	margin: 0px;
}
.parraf_intn h5{
    margin-top:20px;
}
.btn_enorme_adqui .circle_box {
	border-radius: 100%;
	text-align: center;
	height: 50px;
	width: 50px;
	padding: 10px;
	font-size: 30px;
	background-color: #ffffff;
	margin-top: 10px;
    cursor: pointer;
    margin-left: auto;
    margin-right: 0px;
}
.btn_enorme_adqui{
    background-color: #13658a;
    padding:20px;
    cursor: pointer;
}
.btn_enorme_adqui:adqui{
    opacity:0.95
}
.btn_enorme_adqui:hover{
    opacity:0.85
}
.btn_enorme_adqui:active .btn_enorme_adqui{
    margin-top:10px;
}
.btnFake_sub {
	color: #0000FF;
	text-decoration: underline;
	padding-bottom: 5px;
	font-style: italic;
	margin-top: 20px;
	font-size: var(--h3);
	margin-bottom: 10px;
    cursor: pointer;
}
ul.listaSp li{
    font-size: var(--p-1) !important;
}

.blqTxtSpecResum > p {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 0px;
}

#pag_diagnostico #contenidoCharts_pdf h1 span, #pag_diagnostico #contenidoCharts_pdf h2 span,
 #pag_diagnostico #contenidoCharts_pdf h3 span{
	color: #0000FF;
}
#pag_informe #contenidoCharts_pdf .bloque, #pag_diagnostico #contenidoCharts_pdf .bloque {
	padding: 20px;
	background-color: var(--colorFondoClaro);
	margin: 10px;
	border-radius: 5px;
	margin-bottom: 20px;
}
.inputCajaConfig {
	width: 100%;
	padding: 8px;
	margin: 8px 0 0;
	width: calc(100% - 40px);
	padding-right: 24px;
	font-family: "Cuerpo" !important;
	min-height: 23px;
	-ms-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	font-size: var(--p-1);
	color: var(--colorTexto);
	border-radius: 5px;
	margin-top: 3px;
	max-width: calc(100% - 24px);
	background-color: var(--colorFondoClaro);
	border: 1px solid var(--colorTextoOscuro);
	margin-bottom: 10px;
}



.btn_enorme_adqui h1::before, .btn_enorme_adqui h2::before, .btn_enorme_adqui h3::before{
    width:0px;
    margin:0px;
    padding:0px;
}
.itinerario_pdf h2 {
	color: #0000FF;
}
.blqSinLinea h3::before{
    width:0px;
    margin:0px;
    padding:0px;
}
@media(max-width:1100px){
    .gcloMob{
        padding-bottom: 5px;;
    }
}
.statmedio {
	width: 50%;
	margin-top: -20px;
}
.statmedio span {
	font-size: 12px;
}