@charset "utf-8";
/* CSS Document */

html {
    background-color: #f5f5f5;
    margin: 0;
    padding: 0;
    min-height: 100%;
}

#contenidoGrupos {
    max-height: 450px;
    overflow-y: auto;
}

.documents {
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
}

.objectDoc {
    width: 100%;
    height: 100%;
}

p,
table,
pre {
    margin-bottom: 1em;
}

td,
th {
    padding: 0;
}

th {
    border: none;
}

#contenido:after {
    clear: both;
    content: " ";
}

#contenido2 {
    width: 1600px;
    height: 100%;
}

#contenedor_dise {
    height: auto;
}

/* Aqua Panel Skin CSS */

/* Skin default Panel elements */

#wait.yui-panel {
    border: none;
    overflow: visible;
    background: none;
}

/* Style the body and footer */
#wait.yui-panel .bd {
    overflow: hidden;
    padding: 4px;
    border: 1px solid #aeaeae;
    background: none;
    border: none;
}

.yui-skin-sam .yui-panel-container.shadow .underlay {
    background: none !Important;
    top: 0px !Important;
    left: 0px !Important;
    right: 0px !Important;
    bottom: 0px !Important;
}

/*------------------para elementos dentro de las tablas---------------------*/

.margin_selectores {
    margin: 10px 0px;
}

.text-decoration-line-through {
    text-decoration: line-through;
}


.menu_lateral {
    background: url(../imagenes/divisoria_menu_lateral.png) top center no-repeat;
    padding-left: 10px;
}

.menu_lateral_item1 {
    padding-left: 10px;
}

.item_menu_lateral {
    padding: 10px 5px;
    text-align: left;
    display: list-item;
    margin-left: 15px;
}

/*---------------------------------*/
.msg_error {
    margin: auto auto 10px auto;
    border-bottom: 3px solid #DE7A7B;
    border-top: 3px solid #DE7A7B;
    background: #E6C0C0;
    width: 780px;
}

.msg_error .icono {
    background: url('../imagenes/alerta.png');
    width: 32px;
    height: 28px;
    margin: 5px;
    float: left;
}

.msg_error .contenido {
    height: 45px;
    overflow-y: auto;
    width: 710px;
    padding: 5px;
    float: left;
}

.msg_error .btn {
    background: url('../imagenes/btn_cerrar_mensaje_error.png');
    width: 15px;
    height: 16px;
    cursor: pointer;
    float: left;
    margin: 5px;
}

/********************** Pestana de medidas base de modulo Indicadores *******************************/
.medBases {
    list-style: none;
    height: 34px;
    padding: 0px;
    margin: 0px;
}

.medBases li {
    display: block;
    text-align: center;
    position: relative;
    padding: 2px 2px 2px 2px;
    margin-right: 30px;
    margin-top: 4px;
    border: none;
    text-align: left;
    width: 98%
}

.nombre_medida {
    cursor: pointer;
}

.listaPasar {
    list-style: none;
    height: 34px;
    padding: 0px;
    margin: 0px;
}

.listaPasar li {
    display: block;
    text-align: center;
    position: relative;
    padding: 2px 2px 2px 2px;
    margin-right: 30px;
    border: none;
    text-align: left;
    width: 98%;
}

.listaPasar .par {
    background-color: #EDF5FF;
}

.listaPasar .impar {
    background-color: #FFFFFF;
}

.nombre_item {
    cursor: pointer;
}

/* 2013-03-07: Alexander Ulloa, se agrega la clase para el boton de consultar de filtros para tenerla disponible en varios módulos  */
#btnConsultarFiltros {
    background: url(../imagenes/btnGuardar.png) no-repeat center;
    width: 95px;
    height: 24px;
    border: none;
    cursor: pointer;
    padding: 2px 0;
    margin-left: 2px;
}

ul.listas {
    padding: 0px;
    margin: 0px;
    width: auto;
}

ul.listas li {
    list-style: none;
    padding: 4px;
    text-align: left;
    border-bottom: 1px solid var(--bs-border-color-translucent);
}


ul.listas li:nth-of-type(even) {
    /* background-color:#F3F4F8; */
}

ul.listas li:nth-of-type(odd) {
    background-color: var(--bs-table-striped-bg);
}

ul.listas li:hover {
    background: var(--bs-table-hover-bg);
}

ul.listas li.selected {
    border-top: 1px solid #3399FF;
    border-bottom: 1px solid #3399FF;
    background-color: #3399FF;
}

div.accordion:not(.accordion-bootstrap) h3,
div.criterios h3 {
    text-align: left;
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 600;
}

div.accordion:not(.accordion-bootstrap) div:first-child,
div.criterios div:first-child {
    padding-top: 0px !important;
}

div.accordion:not(.accordion-bootstrap) table:first-child,
div.criterios table:first-child {
    margin: 0px !important;
    width: 100%;
}

div.accordion:not(.accordion-bootstrap) table tr td,
div.criterios table tr td {
    background: none;
    padding: 3px 0;
}

div.accordion:not(.accordion-bootstrap) table:not(#contenedorCarga) tr td:first-child,
div.accordion:not(.accordion-bootstrap) table:not(#contenedorCarga) tr td:last-child,
div.criterios table tr td:first-child,
div.criterios table tr td:last-child {
    width: 49%;
    text-align: center !important;
}

div.accordion:not(.accordion-bootstrap) div#listadoDocumentos table tr td:first-child {
    width: auto;
    text-align: center !important;
}

div.accordion:not(.accordion-bootstrap) div#listadoDocumentos table tr td:last-child {
    width: auto;
    text-align: left !important;
}

div.accordion:not(.accordion-bootstrap) div#listadoDocumentos table tr td.dataTables_empty {
    width: auto;
    text-align: center !important;
}

div.accordion:not(.accordion-bootstrap) div#listadoDocumentos table tr td {
    padding: 5px;
}

div.accordion:not(.accordion-bootstrap) table tr td div.contenedor,
div.criterios table tr td div.contenedor {
    height: 100px;
    border: 1px solid #bbbbbb;
    background: #FFFFFF;
    overflow: auto;
    width: 100%;
}

div.accordion:not(.accordion-bootstrap) div span.navegador {
    color: #337AB7;
    cursor: pointer;
}

div.accordion:not(.accordion-bootstrap) div span.navegador:hover {
    font-weight: bold;
    cursor: pointer;
}

.btnAgregar,
.btnAgregar2,
.btnAtras,
.btnAtras2 {
    width: 150px;
    height: 24px;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
}

.btnAgregar {
    background: url('../imagenes/agregar2.png') no-repeat;
}

.btnAgregar2 {
    background: url('../imagenes/agregar2-grises.png') no-repeat;
}

.btnAtras {
    background: url('../imagenes/btnAtrasGrande.png') no-repeat;
}

.btnAtras2 {
    background: url('../imagenes/agregar2-grises.png') no-repeat;
}

.btnGeneralMediano,
.btnGeneralMediano2 {
    width: 90px;
    height: 24px;
    color: #ffffff;
    border: none;
    cursor: pointer;
    font-size: 11px !important;
}

.btnGeneralMediano {
    background: url('../imagenes/btnMediano.png') no-repeat;
}

.btnGeneralMediano2 {
    background: url('../imagenes/btnMediano2.png') no-repeat;
}

.btnGeneralGrande,
.btnGeneralGrande2 {
    width: 150px;
    height: 24px;
    border: medium none;
    color: #ffffff;
    font-size: 11px !important;
    cursor: pointer;
}

.btnGeneralGrande {
    background: url('../imagenes/btnGrande.png') no-repeat center;
}

.btnGeneralGrande2 {
    background: url('../imagenes/btnGrande2.png') no-repeat center;
}

.btnGeneralPequeno,
.btnGeneralPequeno2 {
    width: 44px;
    height: 24px;
    border: medium none;
    color: #ffffff;
    font-size: 11px !important;
    cursor: pointer;
}

.btnGeneralPequeno {
    background: url('../imagenes/btnPeq.png') no-repeat center;
}

.btnGeneralPequeno2 {
    background: url('../imagenes/btnPeq2.png') no-repeat center;
}

.btnPrev,
.btnPrev2 {
    width: 90px;
    height: 24px;
    color: #ffffff;
    border: none;
    cursor: pointer
}

.btnPrev {
    background: url('../imagenes/btnPrev.png') no-repeat;
}

.btnPrev2 {
    background: url('../imagenes/btnPrev2.png') no-repeat;
}

.btnNext,
.btnNext2 {
    width: 90px;
    height: 24px;
    color: #ffffff;
    border: none;
    cursor: pointer
}

.btnNext {
    background: url('../imagenes/btnNext.png') no-repeat;
}

.btnNext2 {
    background: url('../imagenes/btnNext2.png') no-repeat;
}

.disabled {
    color: #ABADB3;
}

.paginadorSF table {
    border: 1px solid #cdcdcd !important;
    margin: auto !important;
}

.btnIzquierda,
.btnIzquierda2,
.btnDerecha,
.btnDerecha2,
.btnTodosIzq,
.btnTodosIzq2,
.btnTodosDer,
.btnTodosDer2 {
    width: 44px;
    height: 24px;
    border: none;
    cursor: pointer;
}

.btnBuscarActivo {
    width: 47px;
    height: 24px;
    border: none;
    cursor: pointer;
    background: url('../imagenes/busquedaActivos_btn.png') no-repeat;
}

.btnIzquierda {
    background: url('../imagenes/flechaIzquierda.png') no-repeat;
}

.btnIzquierda2 {
    background: url('../imagenes/flechaIzquierda2.png') no-repeat;
}

.btnDerecha {
    background: url('../imagenes/flechaDerecha.png') no-repeat;
}

.btnDerecha2 {
    background: url('../imagenes/flechaDerecha2.png') no-repeat;
}

.btnTodosIzq {
    background: url('../imagenes/flechaIzquierdaDoble.png') no-repeat;
}

.btnTodosIzq2 {
    background: url('../imagenes/flechaIzquierdaDoble2.png') no-repeat;
}

.btnTodosDer {
    background: url('../imagenes/flechaDerechaDoble.png') no-repeat;
}

.btnTodosDer2 {
    background: url('../imagenes/flechaDerechaDoble2.png') no-repeat;
}

.ns-comment {
    background: #f1f1f9;
    border-radius: .2rem;
    margin-bottom: 10px;
    padding: 5px 15px;
    width: 100%;
}

.ns-reply {
    background: #f9f9f9;
    border-radius: .2rem;
    margin-bottom: 10px;
    padding: 5px 15px;
    width: 100%;
}

.ns-btn-info {
    color: #fff !important;
    background-color: #1b95e0 !important;
    border: solid 1px #1b95e0 !important;
    margin: auto .25em;
    border-radius: .2rem;
}

table.encabezado {
    border-collapse: collapse;
    width: 405px;
    border: solid 1px #76a8c1;
}

table.encabezado tr td {
    text-align: left;
    padding: 2px;
    background: #f3f7f9;
    /*border: 1px #999 solid;*/
}

table.encabezado tr td div.lista {
    height: 20px;
    background: url('../imagenes/arrow_rigth.png');
    width: 20px;
    margin: auto;
}

table.encabezado tr td div.vacio {
    height: 22px;
    width: 22px;
    margin: auto;
}

table.encabezado tr td div.chulo {
    height: 22px;
    width: 22px;
    margin: auto;
    background: url('../imagenes/accept.png');
}

.btnCalendario {
    width: 22px;
    height: 22px;
    border: none;
    cursor: pointer;
    background: url('../imagenes/date22x22.png');
}

.attach,
.hiperlink {
    width: 24px;
    height: 24px;
    border: none;
    cursor: pointer;
    margin-right: 2px;
    float: left;
}

.attach {
    background: url('../imagenes/add_adjunto.png') no-repeat;
}

.hiperlink {
    background: url('../imagenes/add_enlaces.png') no-repeat;
}

table.matriz-valoracion {
    margin: 0;
    width: auto;
}

table.matriz-valoracion>tbody>tr>td,
table.matriz-valoracion>tbody>tr>th {
    text-align: center;
    vertical-align: middle;
}

table.matriz-valoracion td.label-matriz,
table.matriz-valoracion td.nivel-matriz {
    padding: 3px;
    width: 150px;
}

table.matriz-valoracion td.label-matriz div {
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
}

table.matriz-valoracion td.nivel-matriz {
    border: 1px solid #ddd;
    height: 80px;
}

table.matriz-valoracion td.nivel-matriz button {
    border-radius: 50%;
}

.texto-centrado-tabla {
    text-align: center;
    vertical-align: middle !Important;
}

table.contenedorMatriz {
    margin: auto;
}

table.contenedorMatriz tr td {
    background: #EDEDED;
}

table.contenedorMatriz tr td.esquina_sup_izq,
table.contenedorMatriz tr td.esquina_sup_der {
    width: 15px;
    height: 10px;
}

table.contenedorMatriz tr td.borde_izq {
    background: url('../imagenes/borde_tabla_izq2.png') top right repeat-y;
}

table.contenedorMatriz tr td.borde_der {
    background: url('../imagenes/borde_tabla_der2.png') top right repeat-y;
}

table.contenedorMatriz tr td.esquina_sup_izq {
    background: url('../imagenes/th_sin_izq_bg2.png')no-repeat;
}

table.contenedorMatriz tr td.esquina_sup_der {
    background: url('../imagenes/th_sin_der_bg2.png')no-repeat;
}

table.contenedorMatriz tr td.esquina_inf_izq,
table.contenedorMatriz tr td.esquina_inf_der {
    height: 15px;
}

table.contenedorMatriz tr td.esquina_inf_izq {
    background: url('../imagenes/borde_tabla_abajo_izq2.png') no-repeat;
}

table.contenedorMatriz tr td.esquina_inf_der {
    background: url('../imagenes/borde_tabla_abajo_der2.png') no-repeat;
}

table.contenedorMatriz tr td.borde_inf {
    background: url('../imagenes/borde_abajo2.png') repeat-x;
}

table.matrizRiesgo {
    margin: auto;
    border-collapse: separate;
}

table.matrizRiesgo tr td div.vertical {
    margin: auto;
    background: url('../imagenes/label_impacto.png') no-repeat;
    width: 20px;
    height: 60px;
}

table.matrizRiesgo tr td div.horizontal {
    margin: auto;
    background: url('../imagenes/label_probabilidad.png') no-repeat;
    width: 85px;
    height: 20px;
}

table.matrizRiesgo tr td.nivelesImpacto {
    height: 55px;
    text-align: right;
    font-size: 9px;
    color: #555;
    font-weight: bold;
}

table.matrizRiesgo tr td.nivelesImpacto span {
    padding: 5px 2px 5px 10px;
}

table.matrizRiesgo tr td.info {
    width: 55px;
    height: 55px;
    cursor: pointer;
    font-size: 100%;
    vertical-align: middle;
    font-weight: normal;
    border: 1px solid #EDEDED;
}

table.matrizRiesgo tr td.info select {
    display: none;
    font-size: 11px;
    width: 90px;
}

table.matrizRiesgo tr td.infoSelect {
    border: 1px solid blue;
}

table.matrizRiesgo tr td.nivelesProbabilidad {
    width: 55px;
    font-size: 9px;
    color: #555;
    font-weight: bold;
}

table.matrizRiesgo tr td.nivelesProbabilidad span {
    padding: 2px 2px 2px 2px;
}

table.formulario,
table.listado {
    margin: auto;
}

table.formulario>tr>td,
table.listado>tr>td {
    background: #e7e3e3;
}

table.formulario tr td.none,
table.listado tr td.none,
table.contenedorMatriz tr td.none {
    background: none;
    padding: 3px;
    text-align: center;
}

table.formulario tr td.esquina_sup_izq,
table.formulario tr td.esquina_sup_der {
    width: 15px;
    height: 10px;
    display: block;
}

table.listado tr td.esquina_sup_izq,
table.listado tr td.esquina_sup_der {
    width: 15px;
    height: 30px;
    display: block;
}

table.listado tr td.superior {
    height: 30px;
    background: url('../imagenes/th_arreglo.png') repeat-x;
    font-weight: bold;
    color: #fff;
    font-size: 90%;
}

table.formulario tr td.esquina_sup_izq {
    background: url('../imagenes/th_sin_izq_bg.png')no-repeat;
}

table.formulario tr td.esquina_sup_der {
    background: url('../imagenes/th_sin_der_bg.png')no-repeat;
}

table.listado tr td.esquina_sup_izq {
    background: url('../imagenes/th_izq_bg.png') no-repeat;
}

table.listado tr td.esquina_sup_der {
    background: url('../imagenes/th_der_bg.png') no-repeat;
}

table.formulario tr td.borde_izq,
table.listado tr td.borde_izq {
    background: url('../imagenes/borde_tabla_izq.png') top right repeat-y;
}

table.formulario tr td.borde_der,
table.listado tr td.borde_der {
    background: url('../imagenes/borde_tabla_der.png') top left repeat-y;
}

table.formulario tr td.esquina_inf_izq,
table.listado tr td.esquina_inf_izq,
table.formulario tr td.esquina_inf_der,
table.listado tr td.esquina_inf_der {
    height: 15px;
}

table.formulario tr td.esquina_inf_izq,
table.listado tr td.esquina_inf_izq {
    background: url('../imagenes/borde_tabla_abajo_izq.png') no-repeat;
}

table.formulario tr td.esquina_inf_der,
table.listado tr td.esquina_inf_der {
    background: url('../imagenes/borde_tabla_abajo_der.png') no-repeat;
}

table.formulario tr td.borde_inf,
table.listado tr td.borde_inf {
    background: url('../imagenes/borde_abajo.png') repeat-x;
}

table.formulario tr td.borde_titulo_izq {
    background: url('../imagenes/activo_izq_bg2.png') no-repeat;
    width: 14px;
}

table.formulario tr td.borde_titulo_der {
    background: url('../imagenes/activo_der_bg2.png') no-repeat;
    width: 14px;
}

table.formulario tr td.fondo_titulo {
    background: url('../imagenes/activo_bg2.png') repeat-x;
    height: 26px;
    color: white;
    font-weight: bold;
}

table.resultados {}

table.resultados tr th {
    background-color: #efeFeF;
}

table.resultados tbody tr td,
table.resultados thead tr th {
    padding: 5px 10px 5px 10px;
    font-size: 95%;
}

table.resultados tbody tr td {
    border-right: 1px solid #cbcbcb;
}

table.resultados tbody tr:first-child td {
    border-top: 1px solid #7f7f7f;
}

table.resultados tbody tr.row0 td {
    background-color: #fffFFF;
}

table.resultados tbody tr.row1 td {
    background-color: #EDF5FF;
}

a.excel,
a.pdf,
a.word {
    border: none;
    width: 32px;
    height: 32px;
    text-decoration: none;
    display: block;
    margin: auto;
    cursor: pointer;
}

a.excel {
    background: url('../imagenes/iconoEXCEL.png') no-repeat;
}

a.pdf {
    background: url('../imagenes/iconoPDF.png') no-repeat;
}

a.word {
    background: url('../imagenes/iconoWORD.png') no-repeat;
}

a.excel:hover,
a.pdf:hover,
a.excel:visited,
a.pdf:visited,
a.word:visited,
a.word:hover {
    text-decoration: none;
    border: none;
}


/* 2013-06-14, inicio, Alexander Ulloa, se agregan funciones y clases para el modulo de ciclo */
#btnBusquedaGap {
    background: url('../imagenes/busquedaGAP_btn.png') no-repeat center;
    width: 47px;
    height: 24px;
    border: none;
    cursor: pointer;
    padding: 2px 0;
    float: left;
}

/* Usado para el formulario de ciclo */
#insercionCiclo {}

#insercionCiclo td {
    width: 160px;
    text-align: left;
    padding: 10px;
    vertical-align: top;
}

#insercionCiclo input {
    width: 300px;
    maxlength: 255;
}

#insercionCiclo textarea {
    width: 100%;
    float: left;
}

#insercionCiclo .opcEstado {
    width: 20px;
}

#insercionCiclo .inptTamanioGeneral {
    width: 300px;
}

#insercionCiclo .inptfechas {
    text-align: left;
    width: 80px;
}

#insercionCiclo .imgfechas {
    background: url('../imagenes/calendario.png') no-repeat center;
    width: 28px;
    height: 30px;
    border: none;
}

#insercionCiclo .btnProcesos {
    background: url(../imagenes/btnMediano.png);
    width: 90px;
    height: 24px;
    border: medium none;
    color: #ffffff;
    font-family: Tahoma;
    font-size: 8pt;
    focursor: pointer;
}

#insercionCiclo .tdPqnDtos {
    width: 120px;
    height: 26px;
    text-align: left;
}

#insercionCiclo .tdBtons {
    width: 80px;
    height: 26px;
    text-align: left;
}

#insercionCiclo .tblAlineado {
    float: left;
}

#insercionCiclo .txtAlineado {
    text-align: left;
}

#insercionCiclo .btnAgregaRecurso {
    background: url(../imagenes/agregar2.png);
    width: 150px;
    height: 24px;
    border: medium none;
    color: #ffffff;
    font-family: Tahoma;
    font-size: 8pt;
    focursor: pointer;
}

.objetivoRecuadro {
    /* Se agrega la clase para el recuadro de los objetivos en ciclo, usable para otros modulos */
    /* padding: 2px; background: none; border: 1px solid #ccc; width: 98%; height: 98%;*/
}

.btnProcesosGAP {
    background: url(../imagenes/btnMediano.png);
    width: 90px;
    height: 24px;
    border: medium none;
    color: #ffffff;
    font-family: Tahoma;
    font-size: 8pt;
    focursor: pointer;
}

.btnPrcPqtoGAP {
    background: url(../imagenes/btnPeq.png);
    width: 44px;
    height: 24px;
    border: medium none;
    color: #ffffff;
    font-family: Tahoma;
    font-size: 7pt;
    focursor: pointer;
}

.btnListarActivos {
    background: url(../imagenes/btnListarActivos.png);
    width: 30px;
    height: 30px;
    border: medium none;
    color: #ffffff;
    font-family: Tahoma;
    font-size: 8pt;
    focursor: pointer;
}

.btnGeneralGap {
    background-color: #22bbe7;
    margin: 3px;
    border-radius: 10px;
    border: medium none;
    color: #ffffff;
    font-size: 8pt;
    focursor: pointer;
    border: 1px solid #1e768f;
}

.tdTamImagenes {
    width: 15px;
}

/* 2013-06-27, Alexander Ulloa, se agrega divs form */
.tdIniIniForm {
    width: 15px;
    background: url('../imagenes/th_sin_izq_bg.png')
}

/* 2013-06-27, Alexander Ulloa, se agrega divs form */
.tdIniFinForm {
    width: 15px;
    background: url('../imagenes/th_sin_der_bg.png')
}

/* 2013-06-27, Alexander Ulloa, se agrega divs form */
.tdFinIniForm {
    height: 15px;
    background: url('../imagenes/borde_tabla_abajo_izq.png')
}

/* 2013-06-27, Alexander Ulloa, se agrega divs form */
.tdFinFinForm {
    height: 15px;
    background: url('../imagenes/borde_tabla_abajo_der.png')
}

/* 2013-06-27, Alexander Ulloa, se agrega divs form */
.tdFndInicio {
    background: transparent url(../imagenes/borde_tabla_izq.png) repeat-y scroll right top;
}

.tdFndlateralesIzq {
    height: 26px;
    background: url(../imagenes/activo_izq_bg2.png);
    width: 14px;
}

.tdFndCentral {
    height: 26px;
    background: url(../imagenes/activo_bg2.png);
}

.tdFndlateralesDer {
    height: 26px;
    background: url(../imagenes/activo_der_bg2.png);
    width: 14px;
}

.tdFndFin {
    background: transparent url(../imagenes/borde_tabla_der.png) repeat-y scroll right top;
}

.tblAlineado {
    float: left;
}

.tblAlignRight {
    float: right;
}

.txtAlineado {
    text-align: left;
}

.inptTmnioGeneral {
    width: 300px;
    text-align: left;
}

.tdPqnDtos {
    width: 120px;
}

.tdEtqObjetivosRpts {
    width: 380px;
    text-align: left;
}

.tdEtqObjRpts {
    width: 400px;
    text-align: left;
}

.tdPequenio {
    width: 65px;
    text-align: left;
}

.tdEtqDominiosRpts {
    width: 410px;
    text-align: left;
}

.inptTamRelativo {
    width: 100%;
}

/*Relativa desde posicion*/
.cpaRcdroColor {
    margin-left: 5px;
    float: left;
    height: 14px;
    width: 14px;
}

.mrgImagen {
    margin-right: 10px;
    float: left;
    height: 14px;
    width: 14px;
}

/* Capas internas usadas en gap */
.cpaListadoRs {
    max-height: 200px;
    overflow: auto;
}

.cpaLstDtsControl {
    width: 650px;
    height: 450px;
    overflow: auto;
}

.cpaLstControlFaltantes {
    WIDTH: 700px;
    HEIGHT: 410px;
    overflow: auto;
}

#tblLstFaltantes {
    WIDTH: 670px;
    border: solid 1px #000000;
}

#tblLstFaltantes td {
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
}

#tblLstFaltantes th {
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
}

#tblLstFaltantes .tdNumeralControlFlts {
    width: 90px;
}

#tblLstFaltantes .tdDscrpcionControlFlts {
    width: 200px;
}

/* 2013-06-27, Alexander Ulloa, se agrega estilos para el listado de objetivos y controles */
/*#tblObjControles {}*/
#insercionGestionCiclo {
    width: 90%;
}

#insercionGestionCiclo td {
    width: 250px;
    text-align: left;
    padding: 10px;
    vertical-align: top;
}

#insercionGestionCiclo .inptTamanioGeneral {
    width: 115%;
}

#insercionGestionCiclo .tdInformacion {
    width: 30px;
}

#insercionGestionCiclo .tdEtiquetas {
    width: 140px;
}

#insercionGestionCiclo textarea {
    width: 100%;
    float: left;
}

#informacionControles {
    vertical-align: top;
}

#informacionControles .tdNumeral {
    width: 7%;
}

#informacionControles .tdControl {
    width: 45%;
}

#informacionControles .tdCalificacion {
    width: 20%;
}

#informacionControles .tdPorcentaje {
    width: 3%;
}

#informacionControles .tdSimbolo {
    width: 2%;
}

#informacionControles .tdPqPorcentaje {
    width: 10%;
}

#informacionControles .tdAccion {
    width: 28%;
}

#informacionControles .tdDescripcion {
    width: 100px;
}

#informacionControles .tdDescripcionLstFlt {
    width: 100px;
    border: solid 1px #CCCCCC;
}

#informacionControles .tdNumeralControlFlts {
    width: 60px;
}

#informacionControles .tdDscrpcionControlFlts {
    width: 60px;
}

#informacionControles .btnGeneralGap {
    background-color: #22bbe7;
    margin: 3px;
    border-radius: 10px;
    border: medium none;
    color: #ffffff;
    font-size: 7pt;
    focursor: pointer;
    border: 1px solid #1e768f;
}

/* 2013-09, Alexander Ulloa, se agrega estilos para ventana de insercion de nivel */
#nivelColorGap {}

#nivelColorGap .tdEtiquetaGAP {
    width: 120px;
    text-align: left;
    padding: 10px;
    vertical-align: top;
}

#nivelColorGap .tdInsercionGAP {
    width: 180px;
    text-align: left;
    padding: 10px;
    vertical-align: top;
}

#nivelColorGap .tdNumGap {
    width: 70px;
    text-align: left;
    vertical-align: top;
}

/*#nivelColorGap td { width:150px; text-align: left; padding: 10px; vertical-align: top;}*/
#nivelColorGap input {
    width: 180px;
}

#nivelColorGap textarea {
    width: 100%;
}

#nivelColorGap .inptTamanioGeneral {
    width: 100%;
}

#nivelColorGap .tdInformacion {
    width: 30px;
}

#nivelColorGap .tdEtiquetas {
    width: 200px;
}

.lnkOrdenamietoGAP {
    color: #009999;
    text-decoration: none;
}

/* finaliza codigo agregado */

/* 2013-10, Alexander Ulloa, se asocia propiedades para la ventana en normatividad */
/* Usado para el formulario de ciclo */
#formNormatividad {
    width: 100%;
}

#formNormatividad textarea {
    width: 100%;
    float: left;
}

#formNormatividad .tdInformacion {
    width: 10px;
}

#formNormatividad .inptfechas {
    float: left;
    text-align: left;
    width: 80px;
}

#formNormatividad .tdLblNormatividad {
    width: 100px;
    text-align: left;
    padding: 10px;
    vertical-align: top;
}

#formNormatividad .clmInicial {
    width: 100px;
    text-align: left;
    padding: 10px;
    vertical-align: top;
}

#formNormatividad .opcEstado {
    width: 20px;
}

#formNormatividad .inptTamanioGeneral {
    width: 300px;
}

#formNormatividad .imgfechas {
    background: url('../imagenes/calendario.png') no-repeat center;
    width: 28px;
    height: 30px;
    border: none;
}

#formNormatividad .btnProcesos {
    background: url(../imagenes/btnMediano.png);
    width: 90px;
    height: 24px;
    border: medium none;
    color: #ffffff;
    font-family: Tahoma;
    font-size: 8pt;
    focursor: pointer;
}

#formNormatividad .tdPqnDtos {
    width: 120px;
    height: 26px;
    text-align: left;
}

#formNormatividad .tdBtons {
    width: 80px;
    height: 26px;
    text-align: left;
}

#formNormatividad .tblAlineado {
    float: left;
}

#formNormatividad .txtAlineado {
    text-align: left;
}

#formNormatividad .btnAgregaRecurso {
    background: url(../imagenes/agregar2.png);
    width: 150px;
    height: 24px;
    border: medium none;
    color: #ffffff;
    font-family: Tahoma;
    font-size: 8pt;
    focursor: pointer;
}

.mrgnDerechoBoton {
    float: right;
    margin-right: 60px;
}

div#impacto table,
div#probabilidad table,
div#escala table {
    margin: auto;
}

div#colorPicked .yui-picker-controls li {
    list-style: none;
}

div.txtNivelRiesgo {
    text-align: center !important;
}

div.txtNivelRiesgo span {
    font-size: 20px;
    cursor: pointer;
}

div.txtValorNivel {
    position: relative;
    display: block;
}

div.label-nivel-riesgo {
    float: left;
    margin-right: 20px;
}

div.indicador-nivel-riesgo {
    font-size: 16px;
    position: absolute;
    right: 0;
    width: 16px;
    height: 16px;
}

/* 2013-11, Alexander Ulloa, se asocia propiedades para identificacion riesgo por actividades */
#tblFactorCausa {}

#tblFactorCausa thead {
    border: solid 1px #000000;
}

#tblFactorCausa thead th {
    border: solid 1px #000000;
    text-align: left;
    padding: 5px;
    vertical-align: top;
    background-color: #CCCCCC;
}

#tblFactorCausa tbody td {
    border: solid 1px #000000;
    text-align: left;
    padding: 5px;
    vertical-align: top;
}

#tblFactorCausa tbody {
    border: solid 1px #000000;
}

/* 2013-11-25, Andres Gomez, propiedades para dar estilo a formularios.*/
form.formulario {}

form.formulario select {}

form.formulario select.error {
    border: solid 1px #CC0000;
}

form.formulario input[type=text].error {
    border: solid 1px #CC0000;
}

/* Filtro select*/
select.filtroSelect {
    width: 200px;
}

/* 2013-11-27, Andres Gomez, propiedades para dar estilo a mensajes.*/
.mensajesSistema {}

.mensajesSistema .msgError,
.mensajesSistema .msgOk {
    background-color: #fff;
    bottom: 0px;
    height: auto;
    left: 50%;
    margin-left: -400px;
    position: fixed;
    width: 800px;
    z-index: 1;
    -moz-box-shadow: -4px 0px 15px #aaa;
    -webkit-box-shadow: -4px 0px 15px #aaa;
    box-shadow: -4px 0px 15px #aaa;
    padding: 0px 5px;
}

.mensajesSistema .msgError {
    border-top: 3px solid #bd1421;
    z-index: 100;
}

.mensajesSistema .msgOk {
    border-top: 3px solid #1581c5;
    z-index: 100;
}

.msgError .iconoMensajes,
.msgOk .iconoMensajes {
    font-size: 30px !Important;
}

.msgError .iconoMensajes {
    color: #bd1421 !Important;
}

.msgOk .iconoMensajes {
    color: #1581c5 !Important;
}

.mensajesSistema .tablaMensajes {
    max-height: 150px;
    overflow-y: auto;
    padding: 10px 0;
}

.mensajesSistema .tablaMensajes div {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.mensajesSistema div.ocultarDivMensajes {
    cursor: pointer;
}

.mensajesSistema .close {
    font-size: 20px;
    line-height: 18px;
    color: #888 !Important;
    text-decoration: none;
    opacity: 1;
}

/* 2013-12-05, Andres Gomez, propiedades para dar estilo a tablas.*/
.yui-dt .ns-tabla * {
    box-sizing: content-box;
}

.ns-tabla {
    background: #ffffff !Important;
    border-collapse: collapse;
    border: 1px solid #cdcdcd;
    margin: auto !important;
    width: auto;
    /*-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .20); -webkit-border-radius: 3px;border: 1px solid rgba(100, 100, 100, .4);-webkit-background-clip: padding-box;*/
}

.ns-tabla th,
.ns-tabla td {
    border: 1px solid #cdcdcd;
    /*color:#333333;font-size:12px;*/
    font-weight: normal;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
    /*font-family: verdana, Helvetica, sans-serif;*/
}

.ns-tabla thead tr {
    /*border-bottom: 2px solid #aaaaaa;*/
}

.ns-tabla thead th,
.ns-tabla tbody th {
    padding: 7px 5px;
    color: #555555;
    border: 1px solid #cdcdcd;
    text-align: center;
    background: #f6f8fa;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    /*
    background: -moz-linear-gradient(top,  #fdfdfd, #e4ecf1);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#e4ecf1));
    background: -webkit-linear-gradient(top,  #fdfdfD,#e4ecf1);
    background: -o-linear-gradient(top,  #fdfdfd,#e4ecf1);
    background: -ms-linear-gradient(top,  #fdfdfd,#e4ecf1);
    background: linear-gradient(to bottom,  #fdfdfd,#e4ecf1);*/
}

.ns-tabla tbody td {
    border: solid 1px #dddddd;
}

.ns-tabla>tbody>tr>th:first-child,
.ns-tabla>tbody>tr>td:first-child {
    border-left: solid 1px #cdcdcd;
}

/*.ns-tabla tbody tr:nth-of-type(odd), .ns-tabla.no-hover tbody tr:hover:nth-of-type(odd), .ns-tabla tbody tr.no-hover:hover:nth-of-type(odd){background:#ffffff;}
.ns-tabla tbody tr:nth-of-type(even),.ns-tabla.no-hover tbody tr:hover:nth-of-type(even),.ns-tabla tbody tr.no-hover:hover:nth-of-type(even){background:#F3F4F8;}
.ns-tabla.hoja-trabajo tbody tr:nth-of-type(odd),.ns-tabla.hoja-trabajo tbody tr:nth-of-type(even){background:#ffffff;}
.ns-tabla.hoja-trabajo tbody tr:hover:nth-of-type(odd),.ns-tabla.hoja-trabajo tbody tr:hover:nth-of-type(even){background:#ffffff;}*/
.ns-tabla .bold {
    font-weight: bold;
}

.ns-tabla .normal {
    font-weight: normal;
}

.ns-tabla .center {
    text-align: center;
}

.ns-tabla .left {
    text-align: left;
    float: inherit;
}

.ns-tabla .right {
    text-align: right;
    float: inherit;
}

.ns-tabla .hidden {
    display: none;
}

.ns-tabla input[type="text"],
.ns-tabla select,
.ns-tabla textarea {
    width: 95%;
}

/*.ns-tabla tbody tr:hover, .ns-tabla tbody tr:nth-of-type(odd):hover, .ns-tabla tbody tr.odd:hover{background:#EAEDF2;}*/
/*.ns-tabla tbody i.icon,.ns-tabla tbody i.fa{font-size: 18px;}*/
.ns-tabla tbody .text-error {
    color: #bd1421;
}

.ns-tabla tfoot {
    font-style: italic
}

.ns-tabla tfoot tr {
    background: #ecf0f7;
    color: #555555
}

.ns-tabla tfoot tr td {
    border-color: #b7c1d9;
}

.ns-tabla caption {
    font-weight: bold;
    text-align: left;
    color: #555;
    font-size: 13px;
    margin-left: 10px;
    padding: 0px;
}

.ns-tabla>tbody>tr>td ul {
    margin: 0;
    padding: 0;
}

.ns-tabla>tbody>tr>td ul li {
    list-style-type: square;
    list-style-position: inside;
}

.ns-tabla .ns-tabla {
    border-top: solid 1px #cdcdcd !Important;
    border-bottom: solid 1px #cdcdcd !Important;
}

.ns-tabla.no-border,
.ns-tabla.no-border * {
    border: 0 !Important;
}

/* 2013-12-18, Andres Gomez, propiedades para dar estilo al reportes de Variables.*/
.criticidad-bia {
    background-color: #f2f2f2;
    border: solid 1px #a5acb5;
    min-width: 250px;
    position: relative;
    float: left;
    margin: 3px 0;
    margin-left: 1%;
    width: 32%;
}

.criticidad-bia .info-criticidad {
    padding: 5px 5px 0px 5px;
    word-wrap: break-word;
}

.criticidad-bia .var-criticidad {
    color: #555555;
    font-weight: bold;
    text-align: right;
    right: 10px;
    top: 5px;
}

/*Clase para ajustar un componente al 100%*/
.width100 {
    width: 100%;
}

/* Estilos para notificaciones */
.ns-notificaciones {}

.ns-notificaciones ul.ns-content-notificaciones {
    background: #fff;
    height: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0px;
    top: 35px;
    width: 325px;
    /*z-index: 999999;*/
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .20);
    -webkit-border-radius: 3px;
    border: 1px solid rgba(100, 100, 100, .4);
    border-top: 3px solid #ECBE2A;
    -webkit-background-clip: padding-box;
}

ul.ns-content-notificaciones li {
    border-bottom: 1px solid #ececec;
    float: none;
    margin: 0;
    padding: 0;
}

ul.ns-content-notificaciones li a {
    background-color: #FFFFFF;
    border: 0;
    display: block;
    padding: 3px 10px;
    text-align: left;
    text-decoration: none;
    white-space: inherit;
}

ul.ns-content-notificaciones li.ver-todas a {
    background-color: #f7f7f7;
    border-top: 1px solid #c5c5c5;
    color: #1581c5;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 10px;
    text-align: center;
}

ul.ns-content-notificaciones li.notificacion a:hover {
    background-color: #f3f4f8;
}

ul.ns-content-notificaciones li.ver-todas a:hover {
    background-color: #EAEDF2;
}

ul.ns-content-notificaciones .nombre {
    color: #555;
    font-size: 13px;
    padding-bottom: 4px;
}

ul.ns-content-notificaciones .fecha {
    font-size: 11px;
    color: #777;
}

.ns-notificaciones .content-numero-notificaciones {
    height: 30px;
    display: block;
}

.ns-notificaciones .content-numero-notificaciones .numero-notificaciones {
    background-color: #E9252F;
    border: solid 1px #bd1421;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    margin: auto;
    padding: 5px 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

/**
* 2014-01-02, Alexander Ulloa, se agregan estilos para la expansion en plan de tratamiento de gestion de riesgo
* Style the yui-dt-expandablerow-trigger column
*
**/
.yui-dt-expandablerow-trigger {
    width: 18px;
    height: 22px;
    cursor: pointer;
}

.yui-dt-expanded .yui-dt-expandablerow-trigger {
    background: url(../imagenes/arrow_open.png) 4px 4px no-repeat;
}

.yui-dt-expandablerow-trigger,
.yui-dt-collapsed .yui-dt-expandablerow-trigger {
    background: url(../imagenes/arrow_closed.png) 4px 4px no-repeat;
}

.yui-dt-expanded .yui-dt-expandablerow-trigger.spinner {
    background: url(../imagenes/spinner.gif) 1px 4px no-repeat;
}

/*Andres Gomez, propiedades para dar estilo a las notas de los formulatios.*/
.ns-form-notas {
    border: 1px solid #a5acb5;
    background-color: #ffffff;
    border-radius: .2rem;
    margin-top: 10px;
    padding: 5px;
}

.ns-form-notas.ns-form-notas-warging {
    border: 1px solid #e2d076;
    background-color: #fffceb;
}

.ns-form-notas ul {
    margin: 5px 0 0 0px;
    list-style: square;
    padding-left: 25px;
    text-align: left;
}

.ns-form-notas ul li {
    color: #444444;
    list-style: square;
}

.ns-form-notas ul li.notas-titulo {
    color: #444444;
    font-size: 13px;
    font-weight: 600;
    list-style: none;
}


.separator-bottom {
    margin-bottom: 5px;
}

.separator-top {
    margin-top: 5px;
}

/*Clases para las listas de accesos de activos*/
.ns-select-pasar option {
    padding: 2px 0;
}

.ns-select-pasar option:nth-of-type(odd) {
    background: #EDF5FF;
}

.ns-select-pasar option:nth-of-type(even) {
    background: #ffffff;
}

.ns-ayuda-formulario {
    display: block;
    text-align: right;
    font-style: italic;
}

/*Andres Gomez - Estandarización de botones de busqueda*/
#cadenaBusqueda,
#txtEtapaRiesgo,
#buscadorGestionRiesgo,
#buscadorBIA {
    /*padding:3px 5px; color:#777; height:24px; */
    float: left;
    width: 100px;
}

.itemOpciones {
    padding: 5px !important;
}

.resultado-vista-indicador {
    background-color: #fff;
    border: 1px solid #bcbcbc;
    display: inline-block;
    height: 575px;
    margin: 10px;
    overflow: auto;
    padding: 10px;
    width: 420px;
}

.resultado-vista-indicador .titulo {
    color: #666;
    font-size: 13px;
    font-weight: bold;
    height: 45px;
    margin-bottom: 10px;
    overflow: auto;
}

.resultado-vista-indicador .grafica {
    height: 245px;
    margin: 0px auto;
    width: 385px;
}

.resultado-vista-indicador .tabla {
    max-height: 150px;
    width: 420px;
}

/* Andres Gómez, estilos para el formulario de cambio de contraseña. */
#frmCambioContrasena {}

#frmCambioContrasena table {
    margin: 0;
    padding: 0;
}

#frmCambioContrasena table tr td {
    padding-bottom: 5px;
    text-align: left;
}

/* Andres Gomez, estilos para campos de fomulario. */
textarea,
input[type="text"],
input[type="search"],
input[type="password"],
input[type="color"],
select {
    /* border-radius: 2px; */
    /* box-shadow: 1px 1px 3px #eee inset; */
    /* font-size: 13px; */
    /* color: #333333!Important; */
    /* padding: 0 2px; */
    /* border: 1px solid #bbbbbb; */
    /* display: inline-block; */
    /* background: #ffffff; */
    /* line-height: 23px; */
    /* height: 23px; */
    /* outline: none; */
    /* -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; */
}

input[type="color"] {
    padding: 3px !Important;
}

textarea {
    height: 50px;
    overflow: auto;
    line-height: 15px;
}

textarea:hover,
input[type="text"]:hover,
input[type="search"]:hover,
input[type="password"]:hover,
input[type="color"]:hover,
select:hover,
textarea:focus,
input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
select:focus {
    /* border-color: #3CA6D8;
    background: #fff;
    color: #5d5d5d;
    box-shadow: inset 0 1px rgba(34, 25, 25, 0.2), 0 1px rgba(255, 255, 255, 0.6), 0 0 5px rgba(56, 149, 194, 0.5);
    -moz-box-shadow: inset 0 1px rgba(34, 25, 25, 0.2), 0 1px rgba(255, 255, 255, 0.6), 0 0 5px rgba(56, 149, 194, 0.5);
    -webkit-box-shadow: inset 0 1px rgba(34, 25, 25, 0.2), 0 1px rgba(255, 255, 255, 0.6), 0 0 5px rgba(56, 149, 194, 0.5);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none; */
}

input[readonly],
input[readonly]:hover,
input[readonly]:focus,
textarea[readonly],
textarea[readonly]:hover,
textarea[readonly]:focus {
    /* background: #eef1f3; color: #777777; */
}

[disabled] {
    /* background-color:#f2f2f2; */
}

/* Andres Gomez, estilos para los formularios. */
.ns-form {}

.ns-form fieldset {
    padding: 15px;
}

.ns-form .ns-form-tabla {
    margin: 0;
    padding: 0;
}

.ns-form .ns-form-tabla tr td {
    padding: 2px 0;
    text-align: left;
    vertical-align: top;
}

.ns-form textarea,
.ns-form input[type="text"],
.ns-form input[type="password"],
.ns-form select {
    width: 300px;
}

.ns-form #txtDescripcion {
    margin: 0;
}

/* Andres Gomez, estilos para el conetenedor de logs. */
.ns-logger-container {
    width: auto !Important;
    height: auto !Important;
    color: #bbbbbb;
    position: fixed !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    right: auto !important;
    z-index: 999999;
}

.ns-logger-container #btnAbrirLogger {
    position: absolute;
    bottom: 0px;
    left: 0px;
    position: fixed;
    /*z-index: 999999;*/
}

.ns-logger-container #btnAbrirLogger .btn-logger {
    font-size: 20px;
}

.ns-logger-container .ns-logger {
    background: rgba(0, 0, 0, .75);
    display: none;
    height: 100%
}

.ns-logger-container .title-logger {
    background: #333333;
    border-top: 1px solid #3D3D3D;
    color: #CCC;
    font-weight: 700;
    line-height: 20px;
    overflow: hidden;
    padding: 3px 4px 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.ns-logger-container .btn-logger {
    font-size: 16px;
    cursor: pointer;
    color: #bbb;
    float: right;
    margin: 0 2px;
}

.ns-logger-container .ns-logger-content {
    margin: 5px 0px;
    text-align: left;
    height: 170px;
    width: 450px;
    overflow-x: auto;
}

.ns-logger-container .ns-logger-content ul {
    border-bottom: solid 1px #777;
    margin: 5px 0 0 20px;
    list-style: square;
    text-align: left;
    padding: 2px 5px;
}

.ns-logger-container .ns-logger-content li {
    color: #777;
    list-style: square;
}

.ns-logger-container .ns-logger-content li span {
    color: #bbb;
}

.contenedor-permisos-modulo {
    float: left;
    padding: 5px;
    width: 33.3333%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Andres Gomez, estilos para los reportes. */
.ns-reporte-resultado {
    width: 100%;
    text-align: center;
}

.ns-reporte-resultado>div {
    margin: auto;
}

.ns-reporte-resultado .ns-reporte-exporting {
    text-align: right;
}

.ns-reporte-resultado .ns-reporte-grafica {
    display: inline-block;
}

.ns-reporte-resultado .ns-reporte-grafica div:first-child {
    border: 1px solid #cbcbcb;
}

.ns-reporte-resultado .ns-reporte-datos {
    margin: 10px auto;
    width: auto;
}

/*Andres Gómez, estilos para el tooltip de las gráficas highchart*/
.highcharts-tooltip span {
    width: 250px;
    overflow: auto;
    white-space: normal !important;
}

.ns-dash-content {
    display: block;
    position: relative;
    /*padding: 10px;*/
    text-align: left;
    vertical-align: top;
    min-height: 500px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ns-content-graphic {
    width: 50%;
    float: left;
    position: relative;
    min-height: 1px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ns-dash-content .row {
    width: 100%;
    /*padding: 10px;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    margin-right: 0 !Important;
    margin-left: 0 !Important;
}

.widget-box {
    padding: 0;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    /*    margin: 3px 0;*/
    border: 1px solid #d9d9d9;
    webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}

.widget-header {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    min-height: 35px;
    background: #f7f7f7 repeat-x;
    background-image: -webkit-linear-gradient(top, #fff 0, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #fff 0, #f5f5f5 100%);
    background-image: linear-gradient(to bottom, #fff 0, #f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff5f5f5', GradientType=0);
    color: #669fc7;
    border-bottom: 1px solid #DDD;
    padding-left: 12px;

}

.widget-main {
    padding: 12px;
    min-height: 300px;
}

.widget-title {
    color: #666666;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    height: auto;
    line-height: 23px;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
}

.widget-body {
    background-color: #FFFFFF;
}

.ns-nodatos {
    color: #666666;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    padding-top: 30px;
}

hr.ns-hr {
    display: block;
    margin: 0px;
    margin-bottom: 10px;
    border-style: inset;
    border-width: 1px;
    border-top: 1px solid rgba(0, 0, 0, .2);
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*** Plugin de ZenDesk ***/
#zenbox_tab {
    border: solid 1px;
    cursor: pointer;
    position: fixed;
    top: 23%;
    z-index: 10000
}

.ZenboxTabLeft {
    left: 0;
    background-position: right 0
}

.ZenboxTabRight {
    right: 0;
    background-position: left 0
}

#zenbox_tab:hover {
    background-color: #444
}

#zenbox_tab img {
    display: block
}

#zenbox_overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 90000
}

#zenbox_overlay * {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-size: 12px;
    margin: 0;
    padding: 0
}

#zenbox_container {
    height: 620px;
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 638px;
    z-index: 2
}

#zenbox_container .zenbox_header {
    position: relative;
    text-align: right;
    width: auto;
    z-index: 100
}

#zenbox_close {
    cursor: pointer;
    height: 46px;
    position: relative;
    top: 10px;
    width: 46px
}

#zenbox_body {
    height: 900px;
    margin-top: -18px;
    position: relative;
    width: 615px
}

#zenbox_scrim {
    background-color: #000;
    filter: alpha(opacity=42);
    -moz-opacity: .42;
    left: 0;
    position: absolute;
    opacity: .42;
    top: 0;
    width: 100%;
    z-index: 1
}

#mapa-estrategico {}

#detalle_elemento table td {
    word-break: break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.mod-documentos .lista-docupetas tr.no_selection {
    -webkit-user-select: none;
    /* webkit (safari, chrome) browsers */
    -moz-user-select: none;
    /* mozilla browsers */
    -khtml-user-select: none;
    /* webkit (konqueror) browsers */
    -ms-user-select: none;
    /* IE10+ */
    cursor: default;
}

.ns-button {
    padding-left: 10px !important;
    padding-right: 10px !important;
    min-width: 80px;
}

.ns-button-c {
    padding-left: 10px !important;
    padding-right: 10px !important;
    min-width: 60px !important;
}

.btn-disabled {
    color: #CCCCCC;
}

.container {
    height: 100vh;
}

.pulse {
    overflow: visible;
    position: relative;
}

.pulse:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: inherit;
    border-radius: inherit;
    transition: opacity .3s, transform .3s;
    animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    z-index: -1;
}

#nav-tabIndicadores.active,
#nav-tabMetas.active {
    color: #495057 !important;
    background-color: #fff !important;
    border-bottom: 3px solid #1581c5;
}

#nav-tabIndicadores,
#nav-tabMetas {
    color: #666666 !important;
    background-color: #efefef !important;
}

#nav-tabIndicadores,
#nav-tabMetas:hover {
    color: #495057 !important;
    background-color: #d1e5eb;

}

.adjuntoPolitica {
    border: 1px solid #dfe3e5;
    padding: 2px 2px 2px 6px;
}

/* Progress bar Interno para la gestion y reportes de los modulos*/
.progress-ns-head {
    background: #d2dfe8;
    display: inline-block;
    margin: 0;
    height: 18px;
    vertical-align: sub;
}

.progress-ns {
    font-size: 12px;
    line-height: 18px;
    text-align: left;
}

@keyframes pulse-animation {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0;
        transform: scale(1.5);
    }

    100% {
        opacity: 0;
        transform: scale(1.5);
    }
}

.body-no-scroll {
    overflow: hidden !important;
}

/******************* IA ****************************/
.ia-modal {
    box-sizing: border-box;
    position: fixed !Important;
    left: 0 !Important;
    top: 0 !Important;
    padding: 15px;
    margin: 0px !important;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: none !important;
}

.ia-modal.shadow,
.yui-panel-container.shadow {
    box-shadow: none ! Important;
}

/* Modal */
.ia-modal.yui-dialog .yui-panel {
    background-color: white;
    border-radius: 12.5px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    position: relative;
    display: flex;
    flex-direction: column;
    margin: auto;
    max-width: calc(100vw - 30px);
    max-height: calc(100vh - 30px);
    /*overflow: hidden;*/
}

.ia-modal.yui-dialog.full-screen .yui-panel {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
}

.ia-modal.yui-dialog .yui-panel .hd {
    background: white;
    border-bottom: none;
    border-radius: .5rem .5rem 0 0;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
    color: #485e82;
    font-size: 1rem;
    margin: 0px;
    flex-shrink: 0;
}

.ia-modal.yui-dialog .yui-panel .bd {
    margin: 15px 0px;
    padding: 0px 15px;
    overflow-x: auto;
    overflow-y: auto;
    flex-grow: 1;
    max-height: calc(100vh - 110px);
    max-width: 100%;
    word-wrap: break-word;
}

.ia-modal.yui-dialog .yui-panel .ft {
    margin: 0px;
    padding: 10px;
    background-color: #f9fafb;
    border-radius: 0 0 .5rem .5rem;
    flex-shrink: 0;
}

.ia-modal.yui-dialog .yui-panel .hd,
.ia-modal.yui-dialog .yui-panel .bd,
.ia-modal.yui-dialog .yui-panel .ft {
    border: none;
    border-width: 0px;
    border-color: transparent;
}

.ia-modal ul:not(.select2-results__options) li {
    list-style-type: disc;
    margin-left: 25px;
}

.ia-modal textarea,
.ia-modal input[type="text"],
.ia-modal input[type="search"],
.ia-modal input[type="password"],
.ia-modal select {
    border: 1px solid #b9c5d8;
    border-radius: 5px;
    color: #111827;
    line-height: 24px;
    height: 30px;
    padding: 6px 12px;
}

.ia-modal textarea:hover,
.ia-modal input[type="text"]:hover,
.ia-modal input[type="search"]:hover,
.ia-modal input[type="password"]:hover,
.ia-modal select:hover,
.ia-modal textarea:focus,
.ia-modal input[type="text"]:focus,
.ia-modal input[type="search"]:focus,
.ia-modal input[type="password"]:focus,
.ia-modal select:focus {
    border-color: #3CA6D8;
    background: #fff;
    color: #5d5d5d;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.ia-modal .select2-container--default .select2-selection--single,
.ia-modal .select2-container--default .select2-selection--multiple {
    border: 1px solid #b9c5d8;
    border-radius: 5px;
}

.ia-modal .select2-container .select2-selection--single {
    height: 30px;
}

.ia-modal .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
}

.ia-modal .select2-dropdown,
.ia-modal .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.ia-modal .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.ia-modal .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.ia-modal .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border: 1px solid #3CA6D8;
    box-shadow: none;
}

/* .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, 
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple
{
    border: 1px solid #3CA6D8;
    box-shadow: inset 0 1px rgba(34, 25, 25, 0.2), 0 1px rgba(255, 255, 255, 0.6), 0 0 5px rgba(56, 149, 194, 0.5);
    -moz-box-shadow: inset 0 1px rgba(34, 25, 25, 0.2), 0 1px rgba(255, 255, 255, 0.6), 0 0 5px rgba(56, 149, 194, 0.5);
    -webkit-box-shadow: inset 0 1px rgba(34, 25, 25, 0.2), 0 1px rgba(255, 255, 255, 0.6), 0 0 5px rgba(56, 149, 194, 0.5);
} */



.ia-modal .btn-default {
    border-color: #b9c5d8;
    color: #2f454f;
}

.alert-ia {
    display: inline-flex;
    align-items: center;
    border-radius: 50rem;
    
    /* Fondo con degradado muy suave (15% de opacidad) */
    background-image: linear-gradient(
        315deg, 
        rgba(31, 209, 249, 0.15) 0%, 
        rgba(182, 33, 254, 0.15) 74%
    ) !important;
    
    /* Eliminamos el borde por completo */
    border: none !important;
    
    /* Recuperamos tu color original */
    color: #b621fe !important; 
    
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
    box-shadow: none !important;
}

.ia-modal .yui-button,
.ns-button-ia {
    color: #dfe8ed !Important;
    background-color: #1fd1f9;
    background-image: linear-gradient(315deg, #1fd1f9, #b621fe 74%);
    border: solid 1px transparent ! Important;
    border: none !Important;
    /* zoom: 1.075 !Important; */
    margin: auto .25em;
    border-radius: .2rem;
    box-shadow: 0 0 3px rgba(31, 209, 249, 0.5) !important;
    font-weight: 500 !important;
}

.ia-modal .yui-button.default {
    background-color: #f8f9fa !important;
    background-image: none !important;
    box-shadow: none !important;
}

.ia-modal .yui-button:hover,
.ns-button-ia:hover {
    color: #fff !important;
    box-shadow: 0 0 5px rgba(182, 33, 254, 0.5) !important;
}

.ia-modal .yui-button.default:hover {
    box-shadow: none !important;
}


.loader-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

/* https://uiverse.io/xXJollyHAKERXx/lucky-falcon-75 */
.spinner {
    background-image: linear-gradient(rgb(186, 66, 255) 35%, rgb(0, 225, 255));
    width: 50px;
    height: 50px;
    animation: spinning82341 1.7s linear infinite;
    text-align: center;
    border-radius: 50px;
    filter: blur(1px);
    box-shadow: 0px -5px 20px 0px rgb(186, 66, 255), 0px 5px 20px 0px rgb(0, 225, 255);
    margin: 15px;
}

.spinner1 {
    background-color: #c8d7e5;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    filter: blur(10px);
}

@keyframes spinning82341 {
    to {
        transform: rotate(360deg);
    }
}

.loader-messages {
    width: 300px;
    height: 30px;
    overflow: visible;
    position: relative;
    white-space: nowrap;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    text-shadow: 0px 0px 12px rgb(152 228 255);
    font-weight: 500;
    /* background-color: #b7bbbf; */
    /* background: radial-gradient(ellipse at center, #b7bbbf, #b7bbbf36); */
}

.bd:has(.loader-container) {
    overflow: visible !important;
}

@keyframes fadeText {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }

    10% {
        opacity: 1;
        transform: translateY(0px);
    }

    90% {
        opacity: 1;
        transform: translateY(0px);
    }

    100% {
        opacity: 0;
        transform: translateY(-10px);
    }
}

.loader-messages span {
    position: absolute;
    opacity: 0;
    width: 100%;
    animation: fadeText 10s linear infinite;
    text-align: center;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: -webkit-linear-gradient(to right, #8A2BE2, #00BFFF);
    background-image: linear-gradient(to right, #8A2BE2, #00BFFF);
}

.collapse-custom {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.25s ease-out;
}

.collapse-custom.show {
    max-height: 500px;
}

.bg-comment {
    background-color: rgb(241, 241, 249);
}

.ns-conversation-container {
    margin: 10px 0;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 15px;
    background-color: #f8f9fa;
}

.ns-conversation-container.align-right {
    margin-left: auto;
}

.ns-conversation-container.align-left {
    margin-right: auto;
}

.ns-message-bubble {
    word-wrap: break-word;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.ns-comment-main {
    background-color: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
}

.ns-comment-main.my-comment {
    border-left: 4px solid #007bff;
}

.ns-comment-main.other-comment {
    border-left: 4px solid #6c757d;
}