/* CSS Principal de Nuevo Dise?o */
body { position:relative; min-width:320px; margin:0;border-top: #f2f2f2 solid 3px;font-family: 'Alegreya Sans', sans-serif;font-size:15px; color:#242424; overflow-x:hidden;}
a { text-decoration:none; color:#f34f54;}

/* no mostrar ese marco que aparece on focus alguno de los siguientes elementos */
input, textarea, button, a {
    outline: none;
}

#wrapped { width:100%; max-width:1140px; margin:0 auto; height:auto;}
label {display: block;}
label {border: none;}
.btn-guardar {color:#00b285;}
.btn-guardar:hover {color:#242424}
h1.ttlo {
    color: #f34f54;
    margin-top: 20px;
    border-bottom: #d6d6d6 solid 1px;
    width: 100%;
    font-weight: 700;
    float: left;
    background: none;
    font-size: 17px;
    margin-bottom: 0;
    height: auto;
}.bloque-biblioteca .busqueda input {font-family: 'Alegreya Sans', sans-serif;font-size: 14px;padding: 0 15px;background: #f34f54;color: white}
input.input-buscar { width:140px  ; height:40px  ; float:right; display:block   }
 th {
     line-height: 1em;
}


.personaInfo {
    width: 84px;
    float: left;
    text-align: left  ;
    margin: 16px 0 0 10px;
    width: 65%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.btn-alerta-rojo {
    border: #f34f54 solid 1px !important;
    padding-left: 10px !important;
    padding-right: 55px !important;
    padding-top: 0px !important;
}
.btn-alerta-verde {
    margin-top: 0px !important;
    border: #00b285 solid 1px !important;
    padding-left: 10px !important;
    padding-right: 55px !important;
    color: #00b285 !important;
}

table.dataTable thead th,
table.dataTable thead td {
  padding: 0 18px;
  text-transform:uppercase;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
  cursor: pointer;
  *cursor: hand;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background-repeat: no-repeat;
  background-position: center right;
}

table.dataTable thead .sorting_asc {
  background-image: url("/iwi/img/sort_asc.png");
}
table.dataTable thead .sorting_desc {
  background-image: url("/iwi/img/sort_desc.png");
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url("/iwi/img/sort_asc_disabled.png");
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url("/iwi/img/sort_desc_disabled.png");
}

table.dataTable tbody tr.selected {
  background-color: #B0BED9;
}


table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #abb9d3;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: whitesmoke;
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
  background-color: #a9b7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #f9f9f9;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad4;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b3cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a7b5ce;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b6d0;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #f9f9f9;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fbfbfb;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fdfdfd;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad4;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #adbbd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ebebeb;
}
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #eeeeee;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a1aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a2afc8;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a4b2cb;
}

table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}

table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/*
 * Control feature layout
 */

.dataTables_wrapper_contribuciones {
    max-width: 1110px  ;
    margin: 15px  ;
}


.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}

.dataTables_wrapper .dataTables_filter input {

    margin-left: 0.5em;
    float: right;
    border-radius: 5px;
    border: #d6d6d6 solid 1px;
    height: 30px;
    font-size: 15px;
    margin-top: -6px;font-family: 'Alegreya Sans', sans-serif;

}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none  ;
  cursor: pointer;
  *cursor: hand;
  color: #333  ;
  border: 1px solid transparent;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333  ;
  border: 1px solid #cacaca;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666  ;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white  ;
  border: 1px solid #111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #585858 0%, #111 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
}

.dataTables_wrapper .dataTables_length {float: left;}
.dataTables_wrapper .dataTables_length input {padding: 10px;}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0  ;
  padding: 0  ;
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

.ttlo-introduccion h2 { width:100%; float:left; font-size:17px;color:#f34f54; font-weight:700; margin-top:15px;/*background:url(../img/line.png) top repeat-x*/; height:20px; margin-bottom:0;}
.ttlo-introduccion h2 span {  padding-right:15px; background:#fff; height:20px; float:left;}

.btn-guardar { border:#00b285 solid 1px; float:right; width:auto; height:40px; border-radius:5px; text-align:left; padding-left:15px;line-height:39px; text-decoration:none; color:#00b285; /*margin-right:15px*/; background:url(../img/icon-guardar.png) right no-repeat; padding-right:55px; font-size: 14px; }.btn-guardar:hover { color:#242424; cursor: pointer;}
.btn-guardar2 { border:white solid 1px; float:right; width:auto; height:40px; border-radius:5px; text-align:center; padding-left:25px;line-height:39px; text-decoration:none; color:white; /*margin-right:15px*/; background-color:#00b285 ; padding-right:25px; font-size: 14px; }.btn-guardar2:hover { color:white; background-color: #5cc4bd; cursor: pointer;}

.busqueda {padding-right: 0;border-right: 0;}
.mostrar-todo {margin: 0 10px 0 0px;}
.info-documento-biblioteca strong {margin-right: 5px;}
.info-documento-biblioteca {line-height: 25px;}
.ttlo-right-biblioteca {padding: 5% 0 0 5%;}
.bloque-biblioteca {margin:0 0 15px 0;}

.mensajeAlerta {
    width: 300px;
    overflow: hidden;
    min-height: 100px;
    border: #d00a2c solid 2px;
    border-radius: 8px;
    margin: 0 auto;
    padding: 15px;
    font-family: 'Alegreya Sans', sans-serif;
    top: 30%;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10000;
    background-color: white;
}

.display-none{
	display: none;
}

.reconocimientos { width:33%; float:left; height:auto;min-height:325px;border-right:#d6d6d6 solid 1px;}
.user-rec { width:auto; float:left; height:auto; margin:15px 0 0 15px;}
.option-rec { width:auto; float:right; height:auto; margin-top:15px; }
.user-rec img .option-rec img { float:left; width:43px  ; margin-bottom:0}
.txt-reconocimiento p {width:90%;float:left;font-size:15px; height:auto;color:#8b8b8b; text-align:justify; padding-left:15px;margin-top: 5px;}.txt-reconocimiento a {color:#f34f54; }


.mensajeAlerta {
    width: 300px;
    overflow: hidden;
    min-height: 100px;
    border: #d00a2c solid 2px;
    border-radius: 8px;
    margin: 0 auto;
    padding: 15px;
    font-family: 'Alegreya Sans', sans-serif;
    top: 30%;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10000;
    background-color: white;
}

.btn-header{
	float: right; margin-right: 10px
}

.volver-intro:hover {color: #f34f54;}
.active, .accordion:hover {color: #f34f54;}
.bloque-soporte .tabcontent h2 {
    color: #f34f54;
    margin-top: 15px;
    width: 100%;
    float: left;
    border-bottom: none;
}
.ac-container input:checked + label, .ac-container label:hover::after, .ac-container input:checked + label:hover::after {background: url(../img/arrow_up.png) right no-repeat;color: #f34f54; text-align:left}.ac-container label:hover {color: #f34f54;}

.left-intro p a {color:#f34f54; text-decoration:none}
.left-intro ul li {color: #f34f54;}
.left-intro p span {color:#8b8b8b}
.left-intro p input { float:left;}
 input {display: block;}

.txt-info-right p span { color: #f34f54;font-weight: 700;}
.txt-info-right h4 {width: 100%;border-bottom: #d6d6d6 solid 1px;padding-bottom: 5px;}

.right-intro { width:24%; float:left; height:auto; }

.programa-contribuciones-mobile { width:100%; height:auto; float:left; display:none;}
.dato-programa-contribuciones-mobile { width:96%; height:auto; min-height:50px; border-radius:5px; color:#fff; padding:1%; margin-bottom:1%; float:left;}.bit { background:#28304f;}.feed { background:#fbc600;}.ev { background:#d4463b;}.com { background:#2580cc;}
.dato-programa-contribuciones-mobile img { width:115px; height:115px; float:left}
.dato-programa-contribuciones-mobile p { width:80%  ; float:left;color: #fff; padding-left:30px;}
#footer { width:100%; height:auto; float:left; border-top:#f1f1f1 solid 6px; padding-top:20px; padding-bottom:20px; text-align:center; margin-top:20px;}


.porcentajes { width:auto; background:#fff; height:auto; float:right; font-size:15px;color:#f34f54; font-size:14px; padding-right:0}
.porcentajes p {
    width: auto;
    float: left;
    margin-top: 5px;
    padding: 0px 10px;
    border-right: #d6d6d6 solid 1px;
    margin-bottom: 0;
}
.porcentajes p span {color: #242424;padding-right:5px !important; float:none !important}

.item-detalle {
    max-width: 74px;
    text-align: left;
    font-size: 10px;
    float: left;
    height: 40px;
    margin-right: 0;
    cursor: pointer;
}

.txt-desc a {color: #f34f54;}


.bloque-eva-flex.ev-nofull {
    margin: 0.5%;
}

.bloque-eva-flex.ev-nofull .ac-container div#container { padding:0; max-height:175px}
.bloque-eva-flex.ev-nofull .ac-container div.container-limitado { padding:0}
.bloque-eva-flex.ev-nofull .ac-container div.bloque-evaluacion-factor { padding:10px 0}

#content-app.tabcontent .bloque-tres-evaluacion {
    width: 100%;
    float: left;
    height: auto;
    align-items: stretch;
    border: 0  ;
    border-radius: 5px;
    padding: 0  ;
    margin-bottom: 15px;
}#content-app.tabcontent .bloque-tres-evaluacion .bloque-evaluacion {
    width: 98%;
    padding: 1%;
}
#content-contribuciones.tabcontent .bloque-tres-evaluacion {
    width: 100%;
    float: left;
    height: auto;
    align-items: stretch;
    border: 0  ;
    border-radius: 5px;
    padding: 0  ;
    margin-bottom: 0;
    margin-bottom: 15px;
}#content-contribuciones.tabcontent .bloque-tres-evaluacion .bloque-evaluacion {
    width: 98%;
    padding: 1%;
}

#content-reporte-clima.tabcontent .bloque-tres-evaluacion {
    width: 100%;
    float: left;
    height: auto;
    align-items: stretch;
    border: 0  ;
    border-radius: 5px;
    padding: 0  ;
    margin-bottom: 0;
	margin-bottom: 15px;
}#content-reporte-clima.tabcontent .bloque-tres-evaluacion .bloque-evaluacion {
    width: 98%;
    padding: 1%;
}

#content-reporte-app.tabcontent .bloque-tres-evaluacion {
    width: 100%;
    float: left;
    height: auto;
    align-items: stretch;
    border: 0  ;
    border-radius: 5px;
    padding: 0  ;
    margin-bottom: 0;
	margin-bottom: 15px;
}#content-reporte-app.tabcontent .bloque-tres-evaluacion .bloque-evaluacion {
    width: 98%;
    padding: 1%;
}

#content-reporte-externo.tabcontent .bloque-tres-evaluacion {
    width: 100%;
    float: left;
    height: auto;
    align-items: stretch;
    border: 0  ;
    border-radius: 5px;
    padding: 0  ;
    margin-bottom: 0;
	margin-bottom: 15px;
}#content-reporte-externo.tabcontent .bloque-tres-evaluacion .bloque-evaluacion {
    width: 98%;
    padding: 1%;
}

.icon-user span {
    background: #242424;
    border-radius: 5px;
    width: 17px;
    height: 16px;
    line-height: 14px;
    color: #fff;
    position: absolute;
    text-align: center;
    font-size: 12px;
    margin-left: 10px;
    margin-top: -7px;
}

.bloque-evaluacion.bloque-cont-avance label { padding:10px 0; text-align:left; font-size:16px;text-transform:uppercase;}

.contenedor-avance .ac-container input {
    display: none;
}

.container-limitado .bloque-evaluacion-factor {
    margin-bottom: 0;
    float: left;
    width: 46%;
    text-align:center;
    line-height: 15px;
    padding: 2%  ;
    font-size:14px;
    min-height:75px;
}


.bloque-evaluacion.bloque-cont-avance section { padding:0  }

div#ev-col.ev-col {margin:7px 10px 0 0;}
label.onoffswitch-label { padding:0}
span.onoffswitch-inner.onoffswitch-innerEVA { width:auto;background-color: #f34f54;}
.onoffswitch-inner::before {background-color: #f34f54;}
.nbs-flexisel-nav-left {
    font-size: 0;
    background: url(../img/left-carrousel.png) left no-repeat;
    width: 23px;
    height: 23px;
}

.nbs-flexisel-nav-right{
    font-size: 0;
    background: url(../img/right-carrousel.png) left no-repeat;
    width: 23px;
    height: 23px;
}

#flexiselDemo2 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;
    text-align:center;
    overflow: auto;
}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float: left;
    width: 97%;
    padding-left: 3%;
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
    min-width: 220px;
}

.nbs-flexisel-item img {
    max-width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*** Navigation ***/


.nbs-flexisel-nav-left {
    left: 0px;
}


.nbs-flexisel-nav-left.disabled {
    opacity: 0.4;
}

.nbs-flexisel-nav-right {
    right: 0px;
}


.nbs-flexisel-nav-right.disabled {
    opacity: 0.4;
}

.user-negativo {border: #d6d6d6 solid 1px;}
div.nombre.ficha {

    width: 100px;
    float: left;
    margin: 4px 0 0 10px;
    font-weight: normal;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

} 
div.nombre.ficha img { display:block; margin:0 0 0 0; 	}




img-usuario-resultados img {height: auto;}
h2.ttlo-tabla-ficha {margin: 5px 0;}
.ttlos-info-tabla-resultados-feed  {background: #f34f54;}

.tabla-ficha p span {
    color: #f34f54;
    background: #f1f1f1;
    line-height: 10px;
    height: 20px;
    padding: 0 5px;
    border-radius: 5px;
    width: 20px;
    border: #d6d6d6 solid 1px;
    font-weight: 700;
}
.tabla-ficha2 {
    width: 33%;
    float: left;
    border-left: #d6d6d6 solid 1px;
    text-align: center;
    min-height: 173px;
    background: url(../img/bg-tabla2.png) center no-repeat;
    border-right: 0;
}
.tabla-ficha2 p span {color: #f34f54;font-weight: 700;}


.btn-nuevo-kpi {
    width: 33%;
    background: url(../img/icon-mas.png) left no-repeat;
    height: 40px;
    border-radius: 5px;
    border: #d6d6d6 solid 1px;
    display: inline-block;
    line-height: 40px;
    color: #242424;
    font-weight: 700;
}
.btn-nuevo-kpi:hover {color:#d00a2d}

.btn-ver-kpi {border: #d6d6d6 solid 1px;}
.btn-ver-kpi:hover {color: #f34f54; background:url(../img/icon-ver-kpi.png) left no-repeat #f1f1f1;}
.btn-nuevo-kpi:hover {color: #f34f54; background:url(../img/icon-ver-kpi.png) left no-repeat #f1f1f1;}

.img-user {
	width:43px;
	float:left;
	height:43px;
	background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: 100% auto;
	}
.nbs-flexisel-item img {margin-top: auto;margin-bottom:0px;}


div#guardar_nuevos_kpi.btn-guardar.margin-kpi {margin-top: 22px;}

div#guardar_kpis.btn-guardar.margin-kpi {

    margin-top: 0;
    margin-bottom: 20px;
    float: right;
    margin-right: 10px;

}

.res-kpi{color: #f34f54;}
.msje-kpi-comentario a { font-weight:700}
.msje-kpi-comentario a:hover {color: #f34f54;}
.bloque-bitacora-feed h2 {color: #f34f54;}
.tres-bloques-bitacora h3 {
    color: #242424;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 5px;
}.tres-bloques-bitacora { min-height:0;width:31%; float:left; height:auto; padding:1%; }
.tres-bloques-bitacora .select-factor-kpi {margin-top: 0px}
#select-users2 {margin: 10px 0 0 0;width: 100%;max-width: 355px;height: auto;max-height: 140px;background: #f34f54;}
.user-select p {margin-left: 0;width: auto;max-width: 88px; float:left}
.user-select.proponeUnidad {border: #c1c1c1 solid 1px;margin: 1%;width: 92%;max-height: 50px;min-height: 50px; background: #f1f1f1;}
.user-select:hover {color: #242424;}
.elige2, .buscaPersonas input { font-size:15px}
.elige2, .buscaPersonas a img {margin-top: 7px;margin-right: 7px;max-height: 44px; cursor:pointer;}
.bloque-factor-kpi {border: #f34f54 solid 1px;}
.bloque-det-compromiso p span {color: #242424;margin-top: 0;font-weight: 700;font-size: 15px; width:111px; margin-top: 3px;}
.ui-datepicker-trigger {float:left; margin-top:0}
.bloque-det-compromiso p input {
    height: 30px;
    padding: 1%;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 15px;
}
.bloque-det-compromiso.line { background:none}
p.fecha-calendar div.nice-select {margin: 0 10px 15px 0px  ;}
.bloque-det-compromiso textarea {
    max-width: 99%;
    border-radius: 5px;
    height: 39px;
    border: #d6d6d6 solid 1px;
    float: left;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 2%;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 14px;
    box-sizing: border-box;
}
}
#con_fch_btn_agregar_compromiso {margin-top: 0px  ;}
button.tablinks span {
    background: #f34f54;
    color: #fff;
    border-radius: 26px;
    font-weight: 700;
    font-size: 14px;
    padding: 0;
    margin-left: 5px;
    width: 18px;
    height: 18px;
    float: right;
    line-height: 16px;
}
#editar-compromisos .bloque-det-compromiso p span { width:100px}
label:hover {color: #f34f54;}
table.dataTable thead {background: #f34f54;}
table.dataTable thead .sorting {color: #fff;background-image: url("/iwi/img/sort_both.png");}
.mensaje {border: #f34f54 solid 2px;}
.mensajeAlerta{border: #f34f54 solid 2px;}
.btn-cancelar { margin-top:0}
.mensajeAlerta h3 { border-bottom:#f34f54 solid 1px}

label span img {display: none;}
#bloque-bitacora h2 {color: #f34f54;}
#bloque-bitacora {margin-top: 20px;}
#bloque-filtro-comentarios{margin-top: 20px;}
#bloque-filtro-comentarios h2 {color: #f34f54;}
.rec { display:none}



.tabla-resultados {
    width: 100%;
    max-width: 1140px;
    height: auto;
    border-radius: 5px;
    border: #d6d6d6 solid 1px;
    float: left;
    box-sizing: border-box;margin-top: 20px;margin-bottom: 0;
}

.tabla-resultados-especificos {
    width: 100%;
    line-height: 2em;
    height: auto;
    border-radius: 5px;
    color: #7f8c8d;
    border: #d6d6d6 solid 1px;
}

.tabla-resultados-especificos tbody tr{
    border: #ecf0f1 solid 2px;
    height: 30px;
}
.tabla-resultados-especificos thead th{
    border: #ecf0f1 solid 2px;
    height: 30px;
}
.tabla-resultados-especificos tbody td{
    border: #ecf0f1 solid 2px;
    height: 30px;
}
.td-letra-verde{
    color: #00b285;
    font-size: 20px;
    text-align: center;

}

.th-verde{
    background-color: #00b285;
    color: white;
    width:200px;
}
.th-blanco{
    color: #474747;
    background-color: white;
    width: 700px;
}
.centrado{
    text-align: center;
}
.th-gris{
    color: #7f8c8d;
    background-color: #ecf0f1;
}



.fil-com { min-height:160px  }

.elige2, .buscaPersonas {height: 39px;}
.elige2, .buscaPersonas input {height: 32px;}
.tres-bloques-bitacora textarea { margin:0 0 10px 0; font-size:15px;height: 60px;width:99%; float:left; border-radius:5px;padding:5px 0 0 5px;border:#d6d6d6 solid 1px; background:#fff;font-family: 'Alegreya Sans', sans-serif;}



.tres-bloques-bitacora p input { float:left box-sizing: border-box;}
.btn-guardar {margin-top: 0px;}
.tres-bloques-bitacora p { font-size:14px; line-height:14px; max-width:none; }


.bloque-det-compromiso p {
    width: auto;
    height: auto;
    float: left;
    margin-top: 10px;
    text-align: left;
	margin-bottom:0;
}

div#DivAceptado.tabcontent { margin-bottom:15px; }
div#DivRechazado.tabcontent { margin-bottom:15px; }
div#DivPendiente.tabcontent { margin-bottom:15px; }
div#DataTables_Table_1_length.dataTables_length label { font-weight:bold;padding: 0;margin-bottom:15px;}
div#DataTables_Table_1_length.dataTables_length label .nice-select {float: right;max-width: 67px;}
div#DataTables_Table_1_filter.dataTables_filter label {

    padding: 0;
    line-height: 28px;
    margin-bottom: 15px;
    font-weight: normal;
    margin-right: 0;

}
div#DataTables_Table_1_filter.dataTables_filter input { border-radius:5px; border:#d6d6d6 solid 1px; width:110px; float:right; height:40px}
div#DataTables_Table_2_filter.dataTables_filter label {

    padding: 0;
    line-height: 28px;
    margin-bottom: 15px;
    font-weight: normal;
    margin-right: 0;

}
div#DataTables_Table_2_length.dataTables_length label .nice-select {float: right;max-width: 67px;}
div#DataTables_Table_2_filter.dataTables_filter label { padding: 0;
line-height: 28px;
margin-bottom: 15px;
font-weight: normal;
margin-right: 0;}
div#DataTables_Table_2_filter.dataTables_filter input { border-radius:5px; border:#d6d6d6 solid 1px; width:110px; float:right; height:40px}
div#DataTables_Table_0_length.dataTables_length label { font-weight:bold;padding: 0;margin-bottom:15px;}
div#DataTables_Table_0_length.dataTables_length label .nice-select {float: right;max-width: 67px;}
div#DataTables_Table_0_filter.dataTables_filter label {

    padding: 0;
    line-height: 28px;
    margin-bottom: 15px;
    font-weight: normal;
    margin-right: 0;

}
div#DataTables_Table_0_filter.dataTables_filter input { border-radius:5px; border:#d6d6d6 solid 1px; width:110px; float:right; height:40px}
table.dataTable thead .sorting {font-size: 14px;font-weight: normal;}
table.dataTable thead .sorting_asc {font-size: 14px;font-weight: normal; color: white;}

div.dato-nuevo-kpi .nice-select {margin: 0 0 0 0  ;}
div.nice-select span.current { font-weight:normal; overflow: hidden;display: block;  }

input#filtro_fechainicio.hasDatepicker  {}

#bloque-blanco { width:98%; float:left; padding:1%; border-radius:5px; background:#fff; border:#d6d6d6 solid 1px; overflow:hidden; margin-top:20px;}
#bloque-blanco h2 { width:100%; float:left; font-size:17px;color:#f34f54; font-weight:700;background:url(../img/line.png) top repeat-x; height:20px; margin-bottom:0; margin-top:0;}
#bloque-blanco h2 span { padding-left:0; padding-right:15px; /*background:#fff*/; height:20px; float:left;}

#bloque-azul { width:98%; padding:1%;float:left; border-radius:5px; background:#133a66;border: #133a66 solid 1px; overflow:hidden; margin-top:20px;}
#bloque-azul h2 { width:100%; float:left; font-size:17px;color:#fff; font-weight:700; margin-top:5px;background:url(../img/line2.png) top repeat-x; height:20px; margin-bottom:0;margin-top:0;}
#bloque-azul h2 span { padding-left:0; padding-right:30px; background:#133a66; height:20px; float:left;}

/* Traido desde Iwidesarrollo  */
.btn-publicalo {
    margin-right: 0px;
    border: #fff solid 1px;
    float: right;
    width: 110px;
    height: 39px;
    border-radius: 5px;
    text-align: left;
    padding-left: 15px;
    line-height: 40px;
    text-decoration: none;
    color: #fff;
    margin-top: 15px;
    background: url(/iwi/img/icon-publicalo.png) right no-repeat;
}

.btn-publicalo:hover {
    color: #e29d03;
    cursor: pointer;
}

.wrapped {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    height: auto;
}

/* Traido desde Iwidesarrollo  */

#bloque-clima { width:98%; padding:1%; float:left; border-radius:5px; background:#fff; border:#d6d6d6 solid 1px; overflow:hidden; margin-top:20px;}
#bloque-clima h2 { width:100%; float:left; font-size:17px;color:#f34f54; font-weight:700;background:url(../img/line.png) top repeat-x; height:20px; margin-bottom:0;margin-top:0;}
#bloque-clima h2 span { padding-left:0; padding-right:15px; /*background:#fff*/; height:20px; float:left;}

#bloque-ev-des { width:98%; padding:1%; float:left; border-radius:5px; background:#fff; border:#d6d6d6 solid 1px; overflow:hidden; margin-top:20px;}
#bloque-ev-des h2 { width:100%; float:left; font-size:17px;color:#f34f54; font-weight:700; margin-top:5px;background:url(../img/line.png) top repeat-x; height:20px; margin-bottom:0;margin-top:0;}#bloque-ev-des h4 { font-size:15px}#bloque-ev-des .btn-guardar { margin:0 0 0 0}
#bloque-ev-des h2 span {padding-right:15px; /*background:#fff*/; height:20px; float:left;}



#bloque-ev-des .compoGauge .graph {transform: scale(1.8); margin-bottom:0}
#bloque-ev-des .indicadorInfo {font-size: 16px;}

#bloque-planes { width:98%; padding:1%; float:left; border-radius:5px; background:#fff; border:#d6d6d6 solid 1px;overflow:hidden; margin-top:20px;}
#bloque-planes h2 { width:100%; float:left; font-size:17px;color:#f34f54; font-weight:700;background:url(../img/line.png) top repeat-x; height:20px; margin-bottom:0; margin-top:0;}
#bloque-planes h2 span { padding-right:15px; /*background:#fff*/; height:20px; float:left;}

#bloque-noticias { width:98%; padding:1%; float:left; border-radius:5px; background:#fff; border:#d6d6d6 solid 1px; overflow:hidden; margin-top:20px;}
#bloque-noticias h2 { width:100%; float:left; font-size:17px;color:#f34f54; font-weight:700; margin-top:0;background:url(../img/line.png) top repeat-x; height:20px; margin-bottom:0;}
#bloque-noticias h2 span {  padding-right:15px; /*background:#fff*/; height:20px; float:left;}

#bloque-puntos-productos { width:98%; padding:1%; float:left; border-radius:5px; background:#fff; border:#d6d6d6 solid 1px;overflow:hidden; margin-top:20px;}
#bloque-puntos-productos h2 { width:100%; float:left; font-size:17px;color:#f34f54; font-weight:700; margin-top:0;background:url(../img/line.png) top repeat-x; height:20px; margin-bottom:0;}
#bloque-puntos-productos h2 span { padding-right:15px; /*background:#fff*/; height:20px; float:left;}

#bloque-bitacora { width:100%; float:left; border-radius:5px; background:#fff; border:#d6d6d6 solid 1px; min-height:20px; margin-top:20px; overflow:hidden; height: 300px;}
#bloque-bitacora h2 { width:100%; float:left; font-size:17px;color:#f34f54; font-weight:700; margin-top:5px;background:url(../img/line.png) top repeat-x; height:20px; margin-bottom:0;}
#bloque-bitacora h2 span { padding-left:12px; padding-right:15px; background:#fff; height:20px; float:left;}

#comentarios-home { width:100%; height:auto; border-radius:5px; background:#b30523; float:left; margin-top:20px; }
#comentarios-home h2 { width:100%; float:left; max-width:300px;height: 82px; font-size:25px; line-height:25px; font-weight:normal; color:#fff; background:#f34f54 url(../img/vector.png) right top no-repeat; margin-top:0; margin-bottom:0; border-radius:5px 0 0 8px; padding:15px}

#comentarios-home h2 {background: #f34f54 url(../img/vector.png) right top no-repeat;}

.user-comentarios-home { margin-top:1px}
#usuarios-home { width:100%; float:left;height:auto; }


#show2,#hide2 {display:none;}





.ttlo-seccion { display:none;}

.ui-slider-horizontal {
    height: 5px;
}
.ui-slider-horizontal .ui-slider-handle {top: -6px  ;background: #333  ;min-width: 18px  ;text-align: center;}

div.fancybox-inner div {
    background-color: #fff  ;
    padding: 0  ;
    border: 0  ;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background: #f1f1f1;
    color: #242424;
    left: 0;
    margin-left: -59px;
    border: #f34f54 solid 1px;
}
.circle { margin-left: 0  }
.info-bloque-azul { width:33%; float:left; height:auto;min-height:30px; color:#fff;}
#bloque-azul .elige {margin: 15px 0 0 0;}
#bloque-azul .elige input { font-size:15px}
#bloque-azul .users-seleccionados {width: 90%;margin: 5px 0 0 0px;}
#bloque-azul .info-bloque-azul textarea {width: 89%; margin: 7px 0 0 0px;padding: 5px 0 0 5px;font-size: 15px;}

p.inf { width:auto; float:left; }

#cont-bottom-int { width:100%; max-width:780px; height:auto; float:left}

p.inf.bottom { float:right; width:auto  }

.btn-guardar.int {
    margin-right:0px  ;
    margin-top: 0px  ;
	float:right;clear: both; margin-bottom:20px
}


.divRow {
    display: table-row;
    width: 100%;
    float: left;
    padding: 15px 0;
    /*border-top: #d6d6d6 solid 1px;
    border-bottom: #d6d6d6 solid 1px;*/
}

.feedback-content .divRow{
    border-top: none;
    border-bottom: none;
    padding: 10px;
}

#con_fee_solicitar .divRow{
    width: auto;
}

.personaMini.divTable p { width:auto; float:left}

#notificaciones {
    width: 250px;
    height:auto;
    background: url(../img/arrow-top-not.jpg) top center no-repeat #f1f1f1;
    border-radius: 0 0 5px 5px;
    overflow: auto;
    float: left;
    margin: 35px 0 0 137px;
    position: absolute;
    z-index: 99999;
    padding-top: 20px;
    border-bottom: #d6d6d6 solid 3px;
    padding-bottom: 10px;
}

.notificacion {
    width: 92%;
    float: left;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 10px 10px;
    border-bottom: #d6d6d6 dashed 1px;
    padding-bottom: 10px;
    text-align: justify;
}
.notificacion b {
    color: #f34f54;
    width: 100%;
    float: left;
}
.notificacion a {color:#f34f54;}

.programa-contribuciones {
    width: 780px;
    height: 750px;
    float: left;
    background: url(../img/img-programa-contribuciones.png) left top no-repeat;
    padding-bottom: 20px;
    border-bottom: #d6d6d6 solid 1px;
    margin-bottom: 20px;
}

.b-b {
    width: 100%;
    float: left;
    max-width: 370px;
    min-height: 0;
    z-index: 1;
    position: relative;


}

.b-b p {
    width: 116px;
    height: 88px;
    float: left;
    margin: 0 0 0 121px;
    color: #fff;
    cursor: pointer;
}


.b-f { width:100%; float:left; max-width:370px; min-height:0; z-index:1; position:relative;margin-bottom: 150px; }
.b-f p {
    width: 116px;
    height: 88px;
    float: left;
    margin: 0px 0 0 115px;
    color: #fff;
    cursor: pointer;
}


.b-c { width:100%; float:left; max-width:405px; min-height:0; z-index:1; position:relative; }
.b-c div h3 {
    width: auto;
    float: right;
    clear: both;
    margin-top: 6px;
    margin-bottom: 0px;
    font-weight: normal;
    font-size: 13px;
    margin-right: 10px;
}
.b-c p {width: 116px;height: 88px;float: left;margin: 145px 0 0 67px;color: #fff; cursor:pointer;}


.b-e { width:100%; float:left; max-width:370px; min-height:0; z-index:1; position:relative;}

.b-e p {
    width: 116px;
    height: 88px;
    float: left;
    margin: 0 0 0 65px;
    color: #fff;
    cursor: pointer;
}

.left-intro {
    width:75%;
    float:left;
    height:auto;
    border-right:#d6d6d6 solid 1px;
}



.left-intro p {
    float:left;
    width:100%;
}



.b-b .tooltip p.medium-width {
    width: 130px ;
    height: 60px;
	margin-top:110px;
}

.b-f p.medium-width {
    width: 130px  ;
    height: 60px;
	margin-top:190px  ;
}

.b-e p.medium-width {
    width: 130px  ;
    height: 60px;
	margin-top: 75px  ;
}

.b-c p.medium-width {
    width: 130px  ;
    height: 60px;
	margin-top:135px  ;
}

span.tooltiptext.tooltip-bitacora {

    left: -5px  ;
    z-index: 9999  ;
    width: 305px  ;
    margin-left: -11px  ;
    padding: 15px  ;
    border-radius: 5px  ;
    background: #f2f2f2  ;
    color: #242424  ;
    text-align: justify  ;
    font-size: 14px  ;
    bottom: 65px  ;
    height: auto  ;
    max-height: 118px;
}

span.tooltiptext.tooltip-feddbacks {

    left: -5px  ;
    z-index: 9999  ;
    width: 300px  ;
    margin-left: -11px  ;
    padding: 15px  ;
    border-radius: 5px  ;
    background: #f2f2f2  ;
    color: #242424  ;
    text-align: justify  ;
    font-size: 14px  ;
    bottom: 0  ;
    bottom: 65px  ;
    max-height: 76px;
}

span.tooltiptext.tooltip-compromiso {

    left: -20px  ;
    z-index: 9999  ;
    width: 300px  ;
    margin-left: -35px  ;
    padding: 15px  ;
    border-radius: 5px  ;
    background: #f2f2f2  ;
    color: #242424  ;
    text-align: justify  ;
    font-size: 14px  ;
    bottom: 65px  ;
    height: auto  ;
    max-height: 82px;
}


span.tooltiptext.tooltip-evaluacion {
    /* top: 0; */
    left: -15px  ;
    z-index: 9999  ;
    width: 300px  ;
    margin-left: -44px  ;
    padding: 15px  ;
    border-radius: 5px  ;
    background: #f2f2f2  ;
    color: #242424  ;
    text-align: justify  ;
    font-size: 14px  ;
    bottom: 65px  ;
    height: auto  ;
    max-height: 118px;
}


.int { margin-right:0  ;margin-top: -50px  ; position:relative}

#container input#tab-1:checked ~ #content #content-1, #container input#tab-2:checked ~ #content #content-2, #container input#tab-3:checked ~ #content #content-3, #container input#tab-4:checked ~ #content #content-4, #container input#tab-5:checked ~ #content #content-5, #container input#tab-6:checked ~ #content #content-6, #container input#tab-7:checked ~ #content #content-7, #container input#tab-8:checked ~ #content #content-8, #container input#tab-9:checked ~ #content #content-9, #container input#tab-10:checked ~ #content #content-10, #container input#tab-11:checked ~ #content #content-11, #container input#tab-12:checked ~ #content #content-12, #container input#tab-13:checked ~ #content #content-13, #container input#tab-14:checked ~ #content #content-14, #container input#tab-15:checked ~ #content #content-15, #container input#tab-16:checked ~ #content #content-16, #container input#tab-17:checked ~ #content #content-17, #container input#tab-18:checked ~ #content #content-18, #container input#tab-19:checked ~ #content #content-19, #container input#tab-20:checked ~ #content #content-20, #container input#tab-21:checked ~ #content #content-21, #container input#tab-22:checked ~ #content #content-22, #container input#tab-23:checked ~ #content #content-23, #container input#tab-24:checked ~ #content #content-24, #container input#tab-25:checked ~ #content #content-25, #container input#tab-26:checked ~ #content #content-26, #container input#tab-27:checked ~ #content #content-27, #container input#tab-28:checked ~ #content #content-28, #container input#tab-29:checked ~ #content #content-29, #container input#tab-30:checked ~ #content #content-30, #container input#tab-31:checked ~ #content #content-31, #container input#tab-32:checked ~ #content #content-32, #container input#tab-33:checked ~ #content #content-33, #container input#tab-34:checked ~ #content #content-34, #container input#tab-35:checked ~ #content #content-35, #container input#tab-36:checked ~ #content #content-36, #container input#tab-37:checked ~ #content #content-37, #container input#tab-38:checked ~ #content #content-38, #container input#tab-39:checked ~ #content #content-39, #container input#tab-40:checked ~ #content #content-40, #container input#tab-41:checked ~ #content #content-41, #container input#tab-42:checked ~ #content #content-42, #container input#tab-43:checked ~ #content #content-43, #container input#tab-44:checked ~ #content #content-44 {
    opacity: 1;
    z-index: 100;
    margin-top:0;
    background: #f1f1f1;
    height: 119px;
    width: 94%;
    overflow: auto;
    padding: 3%;
    border-bottom: #d6d6d6 solid 3px;
    border-radius: 0 0 5px 5px;position: absolute;
}

#container input#citab-1:checked ~ #content #ci-content-1, #container input#citab-2:checked ~ #content #ci-content-2, #container input#citab-3:checked ~ #content #ci-content-3, #container input#citab-4:checked ~ #content #ci-content-4{
    opacity: 1;
    z-index: 100;
    margin-top:0;
    background: #f1f1f1;
    height: 119px;
    width: 94%;
    overflow: auto;
    padding: 3%;
    border-bottom: #d6d6d6 solid 3px;
    border-radius: 0 0 5px 5px;position: absolute;
}

#container input:hover + label {
  background: #f2f2f2; /* Fondo de las pesta?as al pasar el cursor por encima */
 color: #f34f54; /* Color del texto de las pesta?as al pasar el cursor por encima */
}

#container input:checked + label {

        color: #f34f54;
    position: relative;    background: #f2f2f2;
    z-index: 6;
}
#content {
    background: #fff;
    border-radius: 0 .25em .25em .25em;
    min-height: 145px;
    width: 100%;
    z-index: 5;
    padding: 0;
    clear: both;
}

.bloque-eva-flex {
    margin-top: 0;
    width: 98%;
    border-top:#d6d6d6 solid 2px;
    padding: 0;
    margin: 0;
}
.ac-container label {
    position: relative;
    z-index: 20;
    display: block;
    height: 30px;
    cursor: pointer;
    color: #242424;
    line-height: 30px;
    font-size: 16px;
    text-transform: none;
    background: url(../img/arrow_down.png) right no-repeat;
    font-weight: normal;
}
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 9px 15px;
    transition: 0.3s;
    font-size: 16px  ;
    border-radius: 5px 5px 0 0;
    border: #d6d6d6 solid 1px;
    margin: 0 2px;
    font-family: 'Alegreya Sans', sans-serif;
    font-weight: 700;
}

div.tab button:hover {
    background-color: #f1f1f1;
}


a.linkRojo {color: #f34f54;}


#content-1 p, #content-2 p, #content-3 p, #content-4 p, #content-5 p, #content-6 p, #content-7 p, #content-8 p, #content-9 p, #content-10 p, #content-11 p, #content-12 p, #content-13 p, #content-14 p, #content-15 p, #content-16 p, #content-17 p, #content-18 p, #content-19 p, #content-20 p, #content-21 p, #content-22 p, #content-23 p, #content-24 p, #content-25 p, #content-26 p, #content-27 p, #content-28 p, #content-29 p, #content-30 p, #content-31 p, #content-32 p, #content-33 p, #content-34 p, #content-35 p, #content-36 p, #content-37 p, #content-38 p, #content-39 p, #content-40 p, #content-41 p, #content-42 p, #content-43 p, #content-44 p {width: 50%;float: left;margin-bottom: 0;display: table; height:44px}

#content-1 p img, #content-2 p img, #content-3 p img, #content-4 p img, #content-5 p img, #content-6 p img, #content-7 p img, #content-8 p img, #content-9 p img, #content-10 p img, #content-11 p img, #content-12 p img, #content-13 p img, #content-14 p img, #content-15 p img, #content-16 p img, #content-17 p img, #content-18 p img, #content-19 p img, #content-20 p img, #content-21 p img, #content-22 p img, #content-23 p img, #content-24 p img, #content-25 p img, #content-26 p img, #content-27 p img, #content-28 p img, #content-29 p img, #content-30 p img, #content-31 p img, #content-32 p img, #content-33 p img, #content-34 p img, #content-35 p img, #content-36 p img, #content-37 p img, #content-38 p img, #content-39 p img, #content-40 p img, #content-41 p img, #content-42 p img, #content-43 p img, #content-44 p img
{ float:left; margin-right:5px; margin-left: 10px;}


#content-1 p span, #content-2 p span, #content-3 p span, #content-4 p span, #content-5 p span, #content-6 p span, #content-7 p span, #content-8 p span, #content-9 p span, #content-10 p span, #content-11 p span, #content-12 p span, #content-13 p span, #content-14 p span, #content-15 p span, #content-16 p span, #content-17 p span, #content-18 p span, #content-19 p span, #content-20 p span, #content-21 p span, #content-22 p span, #content-23 p span, #content-24 p span, #content-25 p span, #content-26 p span, #content-27 p span, #content-28 p span, #content-29 p span, #content-30 p span, #content-31 p span, #content-32 p span, #content-33 p span, #content-34 p span, #content-35 p span, #content-36 p span, #content-37 p span, #content-38 p span, #content-39 p span, #content-40 p span, #content-41 p span, #content-42 p span, #content-43 p span, #content-44 p span {display: table-cell;vertical-align: middle;width: 112px; font-size: 14px}

#content-1 a, #content-2 a, #content-3 a, #content-4 a, #content-5 a, #content-6 a, #content-7 a, #content-8 a, #content-9 a, #content-10 a, #content-11 a, #content-12 a, #content-13 a, #content-14 a, #content-15 a, #content-16 a, #content-17 a, #content-18 a, #content-19 a, #content-20 a, #content-21 a, #content-22 a, #content-23 a, #content-24 a, #content-25 a, #content-26 a, #content-27 a, #content-28 a, #content-29 a, #content-30 a, #content-31 a, #content-32 a, #content-33 a, #content-34 a, #content-35 a, #content-36 a, #content-37 a, #content-38 a, #content-39 a, #content-40 a, #content-41 a, #content-42 a, #content-43 a, #content-44 a {width: 50%;float: left;margin-bottom: 0;margin-top:0px;display: table; height:45px}

#content-1 p a span, #content-2 p a span, #content-3 p a span, #content-4 p a span, #content-5 p a span, #content-6 p a span, #content-7 p a span, #content-8 p a span, #content-9 p a span, #content-10 p a span, #content-11 p a span, #content-12 p a span, #content-13 p a span, #content-14 p a span, #content-15 p a span, #content-16 p a span, #content-17 p a span, #content-18 p a span, #content-19 p a span, #content-20 p a span, #content-21 p a span, #content-22 p a span, #content-23 p a span, #content-24 p a span, #content-25 p a span, #content-26 p a span, #content-27 p a span, #content-28 p a span, #content-29 p a span, #content-30 p a span, #content-31 p a span, #content-32 p a span, #content-33 p a span, #content-34 p a span, #content-35 p a span, #content-36 p a span, #content-37 p a span, #content-38 p a span, #content-39 p a span, #content-40 p a span, #content-41 p a span, #content-42 p a span, #content-43 p a span, #content-44 p a span {display: table-cell;vertical-align: middle;width: 112px; color:#242424}


#ci-content-1 p, #ci-content-2 p, #ci-content-3 p, #ci-content-4 p{width: 50%;float: left;margin-bottom: 0;display: table; height:44px}

#ci-content-1 p img, #ci-content-2 p img, #ci-content-3 p img, #ci-content-4 p img { float:left; margin-right:5px; margin-left: 10px;}


#ci-content-1 p span, #ci-content-2 p span, #ci-content-3 p span, #ci-content-4 p span{display: table-cell;vertical-align: middle;width: 112px; font-size: 14px}

#ci-content-1 a, #ci-content-2 a, #ci-content-3 a, #ci-content-4 a{width: 50%;float: left;margin-bottom: 0;margin-top:0px;display: table; height:45px}

#ci-content-1 p a span, #ci-content-2 p a span, #ci-content-3 p a span, #ci-content-4 p a span {display: table-cell;vertical-align: middle;width: 112px; color:#242424}


div#mensajeUsuario a {
    color: #f34f54;
    position: relative;
    height: 30px;
    float: left;
}


.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    color: white;
    box-sizing: border-box;
    font-weight: normal;
}

.onoffswitch-innerCOL {
    display: block;
    width: 200%  ;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
    /* display: block; */
    float: left;
    /* width: 50%; */
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    /* color: white; */
    box-sizing: border-box;
    padding: 0 8px 0 0;
    background-color: #00b285;
    color: #FFFFFF;
    text-align: right;
    font-weight: normal;
}

div#mensajeUsuario { color:#04728d}

.tabla-resultados.evaluadosFrame { margin-bottom:20px}

.tabla-ficha{  width:33%;float:left;border-right:0; text-align:center;min-height:173px; background:url(../img/bg-tabla.png) center no-repeat}
.tabla-ficha p { margin-top:0; margin-bottom:0; color:#242424}

a.botones4 {
    color: #949494;
    border: #d6d6d6 solid 1px;
    padding: 8px;
    border-radius: 5px;
    margin-top: 6px;
    float: right;
}

a.botones4{:hover {color:#242424}
}
#bloque-bitacora-feed {
    width:96%;
    float:right;
    border-radius:5px;
    background:#fff;
    border:#d6d6d6 solid 1px;
    min-height:20px;
    margin-top:22px;
    height:auto;
    padding: 2%;
}
#bloque-bitacora-feed h2 {
    width:100%;
    float:left;
    font-size:17px;
    color: #f34f54;
    font-weight:700;
    margin-top:0px;
    background:url(../img/line.png) top repeat-x;
    height:20px;
    margin-bottom:0;
}
#bloque-bitacora-feed h2 span {
    padding-left:12px;
    padding-right:15px;
 /*   background:#fff; */
    height:20px;
    float:left;
}

#bloque-bitacora-feed .contenido div.divRow {
    padding: 0;
    border: none;
    margin-bottom: 0;
}

#bloque-bitacora-feed .contenido div.divRow {
    padding: 0;
    border: none;
    margin-bottom: 0;
}


.bloque-bitacora-feedback {
    width:100%;
    float:left;
    border-radius:5px;
    background:#fff;
    border:#d6d6d6 solid 1px;
    min-height:20px;
    margin-top:22px;
    height:auto;
}
.bloque-bitacora-feedback h2 {
    width:100%;
    float:left;
    font-size:17px;
    color: #f34f54;
    font-weight:700;
    margin-top:10px;
    background:url(../img/line.png) top repeat-x;
    height:20px;
    margin-bottom:0;
}

.bloque-bitacora-feedback h2 span {
    padding-left:12px;
    padding-right:15px;
    background:#fff;
    height:20px;
    float:left;
}


.bloque-bitacora-feedback .contenido div.divRow {
    padding: 0;
    border: none;
    margin-bottom: 0;
}

.compoGauge .graph {
    transform: scale(1.8);
    margin-bottom:15px;
    margin-top: 15px;
    display: inline-block;
}

.compoGauge .graph.graph--margin {
    margin-left: 15px;
    margin-top: 12px;
}

.compoGauge div.gaugeResultado { margin-top:0 !important}

.ui-widget.ui-widget-content {
    border: 0px solid #d3d3d3 !important;
    height: auto;
    min-height: 5px;
	background:#c9c9c9;
}

#promedio { width:18%;  float:left; padding-left:1%; padding-top:1%;}
#puntaje {
    width: 76%;
    float: left;
    border-right: #d6d6d6 solid 1px;
    border-left: #d6d6d6 solid 1px;
    padding: 2%;
}
.simbologia-ficha { border-bottom:0}
.simbologia-ficha p {
    margin-top: 0;
    color: #242424;
    width: auto;
    float: left;
}

.detalle {
    width: 100%;
    max-width: 475px;
    float: right;
    height: auto;
    height: 40px;
    background: url(../img/bg-detalle.png);
    background-repeat: no-repeat;
    background-size: 95%;
    background-position-y: 2px;
    margin-right: 0;
    margin-top: 0px;
    margin-bottom: 0px;
}



.ranking-general-content .detalle{
    background-position-y: 3px;
    /*max-width: 500px;*/
}

.ranking-general-content .frame-rank{
    margin: 0.1em 4% !important;
}

.ranking-general-content .slider-ranking-gral>div{
    width: 93%;
    margin-left: 0%;
}

.simbologia { width:100%; float:left; height:auto; padding-top:6px; padding-bottom:6px;border-bottom:#d6d6d6 solid 1px;border-top:#d6d6d6 solid 1px; background:#fff;}
.simbologia p { color:#8b8b8b; width:auto; float:left; margin:10px 0 0 15px; }
.item-detalle img {margin:6px 0 0 0;}
.item-detalle p { width:30px; float:left; margin-left:-6px; text-align:center  ; margin-top:4px; font-size:14px; background: #e7e7e7; border-radius: 13px; color: #818181 !important; }
p.negativo { color:#ce0523;}
p.naranjo { color:#f3ad07;}
p.verde {color:#a6e808;}
p.verde-oscuro {color:#3d7005;}
p.azul { color:#04728d; text-align:right }

.item-puntaje {
    width: 285px;
    float: left;
    text-align: right;
    margin-top: 16px;
}
.item-puntaje .tooltip p {
    width: 250px;
    float: right;
    margin-top: 0;
    line-height: 15px;
}


.puntaje {
    width: 465px;
    float: right;
    height: auto;
    margin-top: 22px;
}

.lista-perfil {
    width: 100%;
    float: left;
    height: auto;
    min-height: 0;
    border-bottom: #d6d6d6 solid 1px;
    padding: 10px 0 20px 0;
    max-width: 893px;
    margin-bottom: 0;
    border-left: #d6d6d6 solid 1px;
    border-right: #d6d6d6 solid 1px;
    box-sizing: border-box;
}
.lista-perfil img {
    margin: 1px 0 0 8px;
    float: right;
}.nombre-perfil { width:200px; height:auto; float:left; margin:20px 0 0 20px; }
.lupa { width:75px; text-align:center; float:left; text-decoration:none; font-size:11px; color:#828282; margin-top:12px;}
.lupa img { margin:0 auto; float:none;}
.lupa a { width:100%; float:left; text-decoration:none; color:#818181}

.lista-perfil .item-puntaje .tooltip span.tooltiptext {
    width: 625px;
    background-color: #f1f1f1;
    color: #242424;
    right: 0px;
    margin-left: 5px;
    border: #f34f54 solid 1px;
    border-radius: 5px;
    font-size: 14px;
    text-align: justify;
    padding: 10px;
    bottom: 115%;    z-index: 9999;
}

.lista-perfil .item-puntaje .tooltip span.tooltiptext div {
    max-height: 350px;
    overflow-y: scroll;
    padding: 20px;
}

.lista-perfil .item-puntaje .tooltip span.tooltiptext table {
    margin: 10px 0 0 0;
}

.lista-perfil .item-puntaje .tooltip span.tooltiptext table tr {
    background: #c0c0c052;
    font-size: 14px;
}

.lista-perfil .item-puntaje .tooltip span.tooltiptext table tr {
    margin: 20px 0 0 0;
    display: inline-grid;
}

.item-puntaje p { width:auto; float:right; margin-top:20px; cursor:pointer}
.item-puntaje img {
    float: none;
    margin: 0 0 0 10px;
    cursor: pointer;
    position: absolute;
    right: 0;
}.left{ float:right  ; margin-right:10px  }

.item-puntaje .tooltip {
    min-width: 270px;
}
.tooltip {
    display: inline-grid;
    width: 170px;position: relative;
}

.tooltip-barra {
    display: block;
    width: 170px;position: relative;
}

.tooltip-introduce {
    display: block;
    width: 170px;position: initial;
}

.tooltip .tooltiptext {visibility: hidden;width: 120px;background-color: #f1f1f1;color: #333;text-align: center;border-radius: 6px;padding: 5px;position: absolute;z-index: 2;bottom: 110%;left: 20%;margin-left: -71px;transition: opacity 1s; border:#f34f54 solid 1px;}.m-r { margin-left:-62px  }
.tooltip .tooltiptext::after {content: "";position: absolute;top: 100%;left: 582px;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #f34f54 transparent transparent transparent;}
.tooltip:hover .tooltiptext {visibility: visible;opacity: 1;}

.tooltip-introduce .tooltiptext {visibility: hidden;width: 120px;background-color: #f1f1f1;color: #333;text-align: center;border-radius: 6px;padding: 5px;position: absolute;z-index: 2;bottom: 110%;left: 50%;margin-left: -71px;transition: opacity 1s; border:#f34f54 solid 1px;}.m-r { margin-left:-62px  }
.tooltip-introduce .tooltiptext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #f34f54 transparent transparent transparent;}
.tooltip-introduce:hover .tooltiptext {visibility: visible;opacity: 1;}


a.mostrar.ui-slider-handle.ui-state-default.ui-corner-all {

    top: 0px;
    background: #333;
    text-align: center;
    font-size: 11px;
    padding: 3px;
    border: #d6d6d6 solid 2px;
    color: #fff;
    /*anteriormente el "width" era "auto", pero se cambio a fit-content para 
    realizar la acción mejor manera y evitar expeciones*/
    width: fit-content;
    line-height: 11px;

}

.option {
    width: 100%;
    float: left;
    border-bottom: #d6d6d6 solid 1px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.nice-select .option {
    border-bottom: none;
}

.option p {
    width: 80px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: right;
    float: left;
}
.option input { float:right;}


.option2 {
    width: 100%;
    float: left;
    border-bottom: #d6d6d6 solid 1px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.option2 p {
    width: 80px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: right;
    float: left;
}
.option2 input { float:right;}

.agregar-justificacion textarea {
    width: 315px;
    float: right;
    border-radius: 5px;
    height: 80px;
    background: #fff;
    border: #d6d6d6 solid 1px;
    padding: 5px 0 0 5px;
    margin: 0;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 15px;
}

.agregar-justificacion { width:100%; float:left; height:auto; margin-top:12px;}
.agregar-justificacion a { float:right; text-align:right; text-decoration:none; color:#787878;width:100%; }
.agregar-justificacion a:hover {    color: #f34f54;}
.option-agregar-justificacion { width:110px; float:left; height:auto;}
.option-agregar-justificacion2 {
    width: 16.5%;
    min-width: 0;
    float: left;
    height: auto;
    margin: 1.4%;
}textarea.txt-area {
    width: 73.8%;
    float: left;
    border-radius: 5px;
    height: 80px;
    background: #fff;
    border: #d6d6d6 solid 1px;
    padding: 5px 0 0 5px;
    margin: 17px 0 20px 20px;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 15px;
}

#bloque-bitacora-feed #puntaje .divRow {
    display: table-row;
    width: 100%;
    float: left;
    padding: 2%;
    border: #d6d6d6 solid 1px;
    margin-bottom:0;
    background: #f1f1f1;
    border-radius: 5px 5px 0 0;
	margin-top:15px;
    box-sizing: border-box;
}

.bloque-bitacora-feedback #puntaje .divRow {
    display: table-row;
    width: 96%;
    float: left;
    padding: 2%;
    border: #d6d6d6 solid 1px;
    margin-bottom:0;
    background: #f1f1f1;
    border-radius: 5px 5px 0 0;
    margin-top:15px
}



#cajaSubtutilo.bloque-bitacora-feed {    padding-bottom: 20px;}

.btn-capacitaciones-editar { border:#00b285 solid 1px; float:right; width:110px; height:39px; border-radius:5px; text-align:left; padding-left:15px;line-height:40px; text-decoration:none; color:#00b285; margin-right:0; background:url(../img/icon-guardar.png) right no-repeat;}.btn-capacitaciones-editar:hover { color:#242424; }

.btn-capacitaciones-guardar {
    border: #00b285 solid 1px;
    float: right;
    width: 110px;
    height: 39px;
    border-radius: 5px;
    text-align: left;
    padding-left: 15px;
    line-height: 40px;
    text-decoration: none;
    color: #00b285;
    margin-right: 0/img/icon-guardar.png) right no-repeat;
}.btn-capacitaciones-guardar:hover { color:#242424}



.input-cap {
    width: 100%;
    max-width: 345px;
    height: 38px;
    border-radius: 5px;
    border: #d6d6d6 solid 1px;
    float: left;
    font-size: 14px;    font-family: 'Alegreya Sans', sans-serif;
}

.personaMini p {
    margin-top: 13px;
}

select#kpi.input {
    height: 39px;
    line-height: 39px;
    padding-bottom: 0;
}
.user-select.proponeUnidad p {
    /*width: 100%;*/
    font-size: 14px;
    max-width: 255px;
    line-height: 15px;
    float: left;
    padding-top: 10px;
    padding-left: 5px;
    color:#9b9b9b;
}

.buscaPersonas #select-users2 {
    margin: 39px 0 0 -1px;
    width: 100%;
    max-width: 353px;
    height: auto;
    max-height: 180px;
    background: white;
    border:#e2e2e2 solid 1px;
}

.user-select.proponeUnidadSinRespuesta {border: #c1c1c1 solid 1px;margin: 1%;width: 97%;max-height: 50px;min-height: 50px; background: #f1f1f1;}

.user-selectSinGente.proponeUnidadSinGente {border: #c1c1c1 solid 1px;margin: 1%;width: 97%;max-height: 50px;min-height: 50px; background: #f1f1f1;}


.user-select.proponeUnidadSinRespuesta p {
    width: 100%;
    font-size: 14px;
    max-width: 100%;
    line-height: 15px;
    float: left;
    padding: 1px;
    color: #9b9b9b;
}
.user-selectSinGente.proponeUnidadSinGente p {
    width: 100%;
    font-size: 14px;
    max-width: 100%;
    line-height: 15px;
    float: left;
    padding: 1px;
    color: #9b9b9b;
}

.bloque-tres-evaluacion {
    width: 100%;
    float: left;
    height: auto;
    align-items: stretch;
    margin-bottom: 20px;
}
#container label {
    background: #fff;
    border-radius: 5px 5px 0 0;
    color: #888;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 13px;
    height: 32px;
    line-height: 32px;
    margin-right: 0;
    padding: 0;
    text-align: center;
    width: 25%;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin:0;
}
#container label img {margin: 6px -5px 0 0;float: left;width: 20px;height: 20px;}

.simbologia-2 { width:100%; float:right; height:auto;}
.simbologia-2 p {width:auto;float: left;padding: 0%;text-transform: uppercase;line-height: 21px;font-size: 14px}
.simbologia-2 p img { float:left; margin-right:5px;}

.primero {
    display: none;
    border: #b30523 solid 1px;
    padding: 4px;
    background-color: #fff;
    position: relative;
    width: auto;
    top: -100px;
    border-radius: 5px;
    margin: 0 auto;
}


.user-comentarios-home { width:auto;}
.user-comentarios-home img {
    margin: 0 auto;
    margin-top: 28px;
    margin-left: 60px;
}
.primero img { margin-top:5px  }

	.primero-up:hover .primero {
		display:inline-block;
	}

.user-comentarios-home p {
    margin-top: 2px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 14px;
    width: 100%;
    display: inline-block;
    height: auto;
    overflow: hidden;
}

#comentarios-home h2 {
    width: 100%;
    float: left;
    max-width: 235px;
    height: 82px;
    font-size: 25px;
    line-height: 25px;
    font-weight: normal;
    color: #fff;
    background: #f34f54c url(/iwi/img/vector.png) right top no-repeat;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 5px 0 0 8px;
    padding: 15px;
}

.user-comentarios-home {
    width: 160px;
    height: 108px;
    float: left;
    text-align: center;
    color: #fff;
    cursor: pointer;
    background: none;
    padding-left: 10px;
    margin-top: 4px;
}

.usuarios-line {
    width: 100%;
    float: left;
    height: auto;
    background: url(/iwi/img/line-red.png) repeat-x;
}


.link-tooltip-home {
    width: 50px;
    height: auto;
    float: left;
    margin-right: 2px;
    text-align: center;
}

.ev-des h4 { color:#333; font-weight:normal; width:100%;border-top:#d6d6d6 solid 1px;border-bottom:#d6d6d6 solid 1px; font-size:17px; margin-top:0; text-align:center; float:left;padding-bottom:5px; padding-top:5px; margin-bottom:0;}
.ev-des h4 span { color:#f34f54; font-size:16px }


.link-tooltip-home p {font-size: 9.5px  ; font-weight:700;color:#333;}
.link-tooltip-home p:hover {color:#f34f54  }
.link-tooltip-home img { margin-top:6px;margin-left: 0px;}

.txt-reconocimiento span {
/*    background: url(../img/comillas.png) left top no-repeat;
*/   width: 85%;
    height: auto;
    float: left;
    padding-left: 5%;
    margin-left: 15px;
    text-align: justify;
    line-height: 18px;
    overflow: hidden;
    padding-right: 0;
    margin-bottom: 10px;
}

.plan {

    width: 100%;
    float: left;
    height: auto;
    border-radius: 0;
    padding: 2%;
    min-height: 235px;
    margin: 1% 0 0 0;
    max-width: 327px;

}.verde { background:#00b285;    border-radius: 5px 0 0 5px;} .azul { background:#133a66;} .red { background:#f34f54  ; border:none  ;    border-radius: 0 5px 5px 0;}p.red { color:#fff  }
.plan h3 { color:#fff; font-weight:normal; width:97%; margin-bottom:10px;font-size:16px; margin-top:0; text-transform:uppercase; background:url(../img/icon-ttlo.png) left no-repeat; padding-left:12px;line-height: 20px;}
.plan h3 a { float:right; color:#fff; opacity:0.7; font-size:16px; text-transform:none  ; text-decoration:none;}.plan h3 a:hover { opacity:1}

.options.not img {width: auto;
    height: auto;}

.producto h4 {
    width: 40%;
    padding: 0;
    float: right;
    text-align: right;
    color: #f34f54;
    margin-top: 0;
    font-weight: normal;
    height: 25px;
    font-size: 23px;
    margin-bottom: 0;
    border-top: #d6d6d6 solid 1px;
    font-weight: 700;
}
.rrss-footer { width:100%; max-width:370px; margin:0 auto; margin-bottom:20px;clear: both;}
.volver-intro {width: auto;float: right;padding-left:15px;color: #a2a2a2;background: #fff url(../img/arrow-left-volver.png) left no-repeat;margin-top: -9px;}
.volver-intro:hover { color:#d20025;}
.ttlo-introduccion h2 span {line-height: 30px;}
.bloque-biblioteca { width:100%; float:left; border-radius:5px; border:#d6d6d6 solid 1px; height:auto; min-height:15px; margin:15px 0}
.top-documentos { width:100%; height:auto; padding:10px 0; border-radius:5px 5px 0 0; float:left;background: #f1f1f1;}
.ttlo-top-documento { width:auto; float:left; height:auto; color:#f34f54; font-size:15px; font-weight:700;line-height: 35px;}
.ttlo-top-documento img {float:left; margin:0 10px}
.buscador-top-documento { width:auto; float:right; height:auto;color:#fff;}
.busqueda { width:auto; float:left; padding-right:15px;border-right:#cbcbcb solid 1px;margin-top: 2px;}
.busqueda-negro {color: #3c3c3d}
.busqueda span {float: left;line-height: 30px;margin-right: 10px;}
.busqueda input { height:30px; border-radius:5px; border:none; padding:0 5px}
.busqueda a img { margin-top:5px; float:right}
.mostrar-todo {float: left;width: auto;line-height: 35px;margin: 0 10px; font-weight:700}
.mostrar-todo a {color:#fff;}
.mostrar-todo a:hover {color:#ff758d}
.left-biblioteca { width:50%; float:left; height:auto; border-right:#d6d6d6 solid 1px;}
.right-biblioteca { width:49%; float:left; height:auto;}
.cada-documento-biblioteca { width:90%; float:left; padding:5%; height:auto; }
.icon-donwload { width:40px; height:40px; float:left;}
.icon-donwload:hover { opacity:0.8}
.info-documento-biblioteca { width:90%; float:right; height:auto; color:#8f8f8f;}
.info-documento-biblioteca strong { color:#242424}
.ttlo-right-biblioteca { width:90%; float:left; padding:5% 0 2% 5%; font-weight:700}
.right-biblioteca ul { width:90%; float:left; height:auto;line-height: 20px;}
.right-biblioteca ul li a { width:100%; float:left; }


.rrss-footer { width:100%; max-width:370px; margin:0 auto; margin-bottom:20px;clear: both;}.volver-intro {width: auto;float: right;padding-left:15px;color: #a2a2a2;background: #fff url(../img/arrow-left-volver.png) left no-repeat;margin-top: -9px;}.volver-intro:hover { color:#d20025;}
.bloque-soporte { width:100%; height:auto; border-radius:5px; border:#d6d6d6 solid 1px; float:left; min-height:20px; margin:15px 0}

div.tab {overflow: hidden;float: left; margin: 20px 0 0 0; clear:both}
div.tab button.active {background-color: #f1f1f1;}

.tabcontent {display: none;float: left;margin-top: -1px;border-top: #ccc solid 1px;padding-top: 15px;width: 96%;padding: 2%;}
p.fecha-calendar span { margin-top:0 !important; font-size:15px; width: 100%;}


div#content-personas.tabcontent { padding:0; width:100%}div#content-personas.tabcontent h2 { background:none;padding-bottom: 10px;}
div#content-personas.tabcontent .txt-desc.txt-avance-custom {border-bottom: 0;margin-bottom: 0;}

.ac-container input:checked + label,
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{background: url(../img/arrow_up.png) right no-repeat;}

article, aside, footer, header, hgroup, main, nav, section {
    display: block;
}
.ac-container {
    width: 100%;
    text-align: left;
}

.bloque-evaluacion-factor {width: 100%;text-align: justify;/*border-bottom: #d6d6d6 solid 1px*/;padding:10px 0;color: #787878;}

.ac-container article p {
    width: 100%;
}
.bloque-evaluacion-factor p {
    width: 100%;
    float: left;
    margin-top: 0;
    margin-bottom: 0;
}

#contribuciones h2 { margin-top:0; font-size:15px;color: #d00a2c;border-bottom: #d6d6d6 solid 1px;}

h4.middle { width:49.5%; border-top:0}
#menu { width:100%; float:left; background:#f1f1f1; border-bottom:#d6d6d6 solid 1px; border-top:#d6d6d6 solid 1px; margin-top:10px;}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
    background: #f1f1f1;
    width: auto;
    float: left;
}

#cssmenu > ul > li {
    float: left;
    border-left: 1px solid #E6E6E6;
}

#cssmenu > ul > li:last-child {
    border-right: 1px solid #E6E6E6;
}

#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
    font-size: 12px;
    text-decoration: none;
    color: #242424;
    text-transform: uppercase;
    padding: 10px;
    line-height: 15px;
    letter-spacing: 0px;
    font-weight: normal;
}
#cssmenu > ul > li:hover > a {
  color: #d00a2c;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 16px;
}
#cssmenu > ul > li.has-sub > a:after {
    position: absolute;
    top: 16px;
    right: 4px;
    width: 8px;
    height: 2px;
    display: block;
    background: #F44;
    content: '';
}
#cssmenu > ul > li.has-sub > a:before {
    position: absolute;
    top: 13px;
    right: 7px;
    display: block;
    width: 2px;
    height: 8px;
    background: #F44;
    content: '';
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px; z-index:9999;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu ul ul li {
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu li:hover > ul > li {
  height: 38px;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li a {
    border-bottom: #f2f2f2 solid 1px;
    padding: 11px 15px;
    width: 170px;
    font-size: 15px;
    text-decoration: none;
    color: #242424;
    background: #d6d6d6;
    float: left;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff  ; background:#d00a2c;
}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #333;
  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #333;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}


#cssmenu2 {
  padding: 0;
  margin: 0;
  border: 0;
  width: auto;
}
#cssmenu2 ul,
#cssmenu2 li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu2 ul {
  position: relative;
  z-index: 99;
}
#cssmenu2 ul li {
  float: left;
  min-height: 1px;
  vertical-align: middle;
}
#cssmenu2 ul li.hover,
#cssmenu2 ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#cssmenu2 ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}
#cssmenu2 ul ul li {
  float: none;
}
#cssmenu2 ul ul ul {
  top: 0;
  left: 190px;
  width: 190px;
}
#cssmenu2 ul li:hover > ul {
  visibility: visible;
}
#cssmenu2 ul ul {
  bottom: 0;
  left: 0;
}
#cssmenu2 ul ul {
  margin-top: 0;
}
#cssmenu2 ul ul li {
  font-weight: normal;
}
#cssmenu2 a {
  display: block;
  line-height: 1em;
  text-decoration: none;
}
/* Custom CSS Styles */
#cssmenu2 {
  font-size: 13px;
}
#cssmenu2 > ul {
  *display: inline-block;
}
#cssmenu2:after,
#cssmenu2 ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu2 ul {
  text-transform: uppercase;
}
#cssmenu2 ul ul {
  text-transform: none;
  min-width: 190px;
}

#cssmenu2 ul ul ul {
  border-top: 0 none;
}
#cssmenu2 ul ul li {
  position: relative;
}
#cssmenu2 ul ul li:first-child > a {
  border-top: 1px solid #ccc;
}
#cssmenu2 ul ul li:hover > a {
  color: #fff; background:#d00a2c;
}
#cssmenu2 ul ul li:last-child > a {
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#cssmenu2 ul ul li:last-child:hover > a {
  -moz-border-radius: 0 0 0 3px;
  -webkit-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#cssmenu2 ul ul li.has-sub > a:after {
  content: '+';
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
}
#cssmenu2 ul li:hover > a,
#cssmenu2 ul li.active > a {
  color: #d00a2c;
}
#cssmenu2 ul li.has-sub > a:after {
  content: '+';
  margin-left: 5px;
}
#cssmenu2 ul li.last ul {
  left: auto;
  right: 0;
}
#cssmenu2 ul li.last ul ul {
  left: auto;
  right: 99.5%;
}
#cssmenu2 a {
  color: #242424;background: url(../img/arrow_down.png) right no-repeat; font-size:14px; font-weight:700;
  padding: 0 30px;
}
#cssmenu2 > ul > li > a {
    font-size: 14px;
    font-weight: normal;
    padding: 0 20px 0 0px;
    margin: 0 15px 0 0px;
}

#cssmenu > ul > li:hover > a {color: #f34f54;}
#cssmenu > ul > li.has-sub > a::before {background:#f34f54;}
#cssmenu > ul > li.has-sub > a::after {background:#f34f54;}

.icon-user {
    width: 19px;
    height: 19px;
    float: left;
    border: none;
    margin: 6px 0 0 10px;
}

.icon-user:hover { opacity:0.7;}
img.logo-cliente { display:block; margin:0 auto;}
img.logo-kiwi { width:auto; float:right; margin-top:-5px; padding:0.5em 0; }

#cssmenu ul ul li a:hover {background: #f34f54;}
#cssmenu > ul > li > a {
    padding: 10px;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0px;
    font-weight: normal;
    text-transform: uppercase;
}
.nombre {float:left;margin:13px 15px 0 15px;width:170px;height:auto;line-height:14px; text-align:left;}.nombre a { color:#242424; font-size:15px; font-weight:700}

#cssmenu > ul li#responsive-tab a:hover {background-color: #f34f54;}
#cssmenu #menu-button::before {background: #f34f54;}
#cssmenu #menu-button::after {border-top: 2px solid #f34f54;border-bottom: 2px solid #f34f54;}
#cssmenu #menu-button { font-size:14px}
#cssmenu > ul li#responsive-tab a:hover {background: #fff;}
#cssmenu .submenu-button{background: #f34f54;}
#cssmenu2 ul li:hover > a, #cssmenu2 ul li.active > a {color: #f34f54;}
#cssmenu2 > ul > li > a {
    font-size: 14px;
    font-weight: normal;
    padding: 0 20px 0 20px;
}



#cssmenu2 ul ul a {
    background: #d6d6d6;
    color: #242424;
    border-top: 0 none;
    padding: 10px 20px;
    font-size: 15px;
    border-bottom: #f1f1f1 solid 1px;
    font-weight: normal;
}

#cssmenu2 ul ul li:hover > a {background: #f34f54; color: #fff;}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {background: #f34f54;}

.info-top { width:33%; float:left; height:auto; padding-top:10px; }
li.active {color: #fff;}
.icon-menu { width:auto; float:right; height:auto;}

.txt-desc.txt-avance-custom {
    width: 100%;
    float: left;
    padding: 2% 0;
    border-top: #d6d6d6 solid 1px;
    border-bottom: #d6d6d6 solid 1px;
    margin-bottom: 20px;
	margin-top:0
}
.contenido div p { clear:both}

.dato-tabla-ficha { width:48%; float:left; height:90px; text-align:center;}.dato-tabla-ficha img { margin-top:20px;}

div.item-detalle.item-escala .tooltip {width: auto !important; float:left;font-size: 14px;}
div.item-detalle{ margin-right: 0;text-align: right; width: 25px;}div.item-detalle .tooltip .circle { float:left; margin-left:0 !important}
div.item-detalle .tooltip {width: auto !important;font-size: 14px;}
div#puntaje.ancho-border {
    border-right: 0;
    width: 74%;
    border-left: 0;
    padding-right: 57px;
    float: right;
    max-width: 870px;
}
.fecha-calendar { max-width:50%  ; float:left; margin-bottom:0; min-width:50%;}
.fecha-calendar span {width: 100%;float: left; margin:6px 0 5px 0; font-size:14px;}

.fecha-calendar input {
    width: 73%;
    float: left;
    border-radius: 5px;
    height: 24px;
    background: #fff;
    border: #d6d6d6 solid 1px;
    padding: 4px;
    font-family: 'Alegreya Sans', sans-serif;
    line-height: 15px;
    font-size: 15px;
    box-sizing: border-box;

}


.fecha-calendar select {
    width: 81%;
    float: left;
    border-radius: 5px;
    height: 34px;
    background: #fff;
    border: #d6d6d6 solid 1px;
    padding: 4px;
    font-family: 'Alegreya Sans', sans-serif;
    line-height: 15px;
    font-size: 15px; margin-bottom:15px;
}


.fecha-calendar a img { float:left;}

select#freq {width: 92%;    color: #757575;}
select#responsable {width: 92%;    color: #757575;}
#con_fch_btn_agregar_compromiso {margin-top: 0px !important;}

table.dataTable.no-footer {
  border: 1px solid #d6d6d6;border-radius:5px; overflow:hidden
}

.w3-container, .w3-panel {
    padding: 0 5px;
    border-radius: 5px;
    width: 100% !important;
}
.dataTables_wrapper {
    position: relative;
    clear: inherit;
    zoom: 1;
    float: left;
	overflow-x: auto;
    padding: 1%;
    width: 98%;
}
.btn-guardar-continuar { border: #00b285 solid 1px; float:right; width:190px; height:39px; border-radius:5px; text-align:left; padding-left:15px;line-height:40px; text-decoration:none; color:#00b285; margin-right:25px; background: url(../img/icon-guardar.png) right no-repeat;}.btn-guardar-continuar:hover { color:#242424; }

.btn-imprimir { border: #00b285 solid 1px; float:right; width:112px; height:39px; border-radius:5px; text-align:left; padding-left:15px;line-height:40px; text-decoration:none; color:#00b285; margin-right:0; background: url(../img/icon-guardar.png) right no-repeat;}.btn-imprimir:hover { color:#242424; }


.box-capacitacion { width:45.5%; padding:15px; float:left; border-radius:5px; border:#d6d6d6 solid 1px; min-height:20px; margin:15px 0 15px 12px; height:auto;}
.box-capacitacion p { margin-top:0; float:left; width:100%;}.box-capacitacion label {
    display: block;
    width: 100%;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

div#portaHabilidades.portaConceptos {
    float: left;
    width: 100%;
}
div#portaHabilidades.portaConceptos div {
    display: block !important;
    width: 95%;
    float: left;
    border: #d6d6d6 solid 1px !important;
    padding: 1.5%;
    margin: 1%;
    border-radius: 5px;white-space: inherit !important;
}
div#portaHabilidades.portaConceptos div input { float:left;white-space: unset;}
a#editarCapacitaciones.editarLabels.btn-capacitaciones-editar { margin-top:5px}


.graph {
	width: 50px; /*6.250em*/
	position: relative;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.gauge .value {
    fill: #777;
    font-size: 21px;
    color: #787878;
    font-weight: 100;
}
.ttlos-kpis { width:92%; height:auto; float:left; padding:4%; background:#edefee; text-align:left;}
.ttlos-kpis p {color: #242424; margin-top:0; font-size:15px; margin-bottom:5px  ; float:left;}
.ttlos-kpis h3 {color: #f34f54; margin-top:0; margin-bottom:0;  font-size:16px; float:left; width:100%;}
.contenido-kpi { width:100%; height:auto; float:left; text-align:left; padding-left:10px  }
.contenido-kpi h3 {width: 100%;max-width: 215px; float:left; height: auto;padding: 2%;border-radius: 5px;border:#d6d6d6 solid 1px; font-size:18px; color:#959595; font-weight:normal}
.contenido-kpi p ? { width:100%; text-align:left; margin-bottom:5px  ; float:left;}
.com-res  { width:100%; float:left; height:auto; margin-top:10px;border-top:#d6d6d6 solid 1px; }
.com-kpi { width:20%; height:40px; float:left; background:#eeeeee; text-align:center; cursor:pointer  }.com-kpi:hover {background:#fff;}
.res-kpi { width:80%; text-align:center; font-size:25px; color:#f34f54; line-height:40px; float:left}


#cajaSubtutilo .divRow {
    display: table-row;
    width: 95.8%;
    float: left;
    padding: 2%;
    border: #D6D6D6 solid 1px;
    margin-bottom: 0;
    background: #F1F1F1;
    border-radius: 5px 5px 0 0;
    margin-top: 15px;
}

.options { width: auto;float: left;height: 43px;color: #f34f54;font-size: 17px;line-height: 40px;padding-right: 10px;}
.options img {float:left;margin-left:3px;width:30px  ; height:43px  ;}.option-factor { width:33%; float:left; height:auto; color:#fff; font-size:15px; margin:15px 0 15px 0;}.option-factor input { float:left;margin: 0 5px 0 0;}.factor { width:33%; height:auto; float:left; text-align:center; cursor:pointer;}.factor p { margin-top:5px;font-size: 14px; line-height:14px;margin-bottom: 7px;}.factor:hover { opacity:0.6;}
.fecha {
    width: 100%;
    max-width: 345px;
    float: left;
    font-size: 15px;
    font-style: normal;
    color: #242424;
    margin: 5px 0 5px 15px;
}
.fecha-noticia { margin-left:0; color:#f34f54; width:auto  ;}
.users-seleccionados  { width:90.3%;height:80px;background:url(../img/opacity.png) repeat;border-radius:5px;height:auto;float:left;margin:5px 0 0 15px;}
.users-seleccionados2  { width:100%;height:auto;float:left;margin:5px 0 0 0;}
.user-seleccionado {width: 39%;float: left;height: auto;font-size: 12px;padding: 8px;margin:5px 0 0 10px;}
.user-seleccionado p { margin-top:0; margin-bottom:0; float:left;width:75px; color:#fff; font-size:14px; line-height:14px;}
.user-seleccionado img { float:left; margin-right:10px;}

.user-seleccionado2 {

    width: 93%;
    float: left;
    height: auto;
    font-size: 14px;
    padding: 3%;
    margin: 2px;
    border-radius: 5px;
    background: #f1f1f1;
    border: #d6d6d6 solid 1px;
    height: 45px;

}
.user-seleccionado2 p { /*margin-top:15px; margin-bottom:0*/; float:left;width:240px; color:#242424;}
.user-seleccionado2 img { float:left; margin-right:10px;}
.info-bloque-azul textarea {width:99.5%; float:left; border-radius:5px; height:100px; background:#fff; margin:7px 0 0 15px; border:none; padding:5px 0 0 5px; margin-bottom:15px;font-family: 'Alegreya Sans', sans-serif;font-size:13px; }

.saldo { width:100%; max-width:155px; float:left; height:140px; background:url(../img/opacity.png) repeat; border-radius:5px; margin:15px 0 0 17px; padding:10px;}
.saldo h3 { width:100%;  font-size:17px; color:#fff; border-bottom:#fff solid 1px; font-weight:normal; margin-top:0; margin-bottom:5px; text-align:center;}.saldo h3 span {color:#e29d03; font-weight:700; font-size:20px; }
.premio { width:100%; max-width:155px; float:right; height:140px; background:url(../img/opacity.png) repeat; border-radius:5px; /*margin-top:15px*/; padding:10px;margin: 15px -11px 0px 8px;}
.premio h3 { width:100%;  font-size:17px; color:#fff; border-bottom:#fff solid 1px; font-weight:normal; margin-top:2px; margin-bottom:5px; text-align:center}
.premio p { width:100%; height:auto; font-size:50px; color:#fff; text-align:center; float:left; margin-top:15px; margin-bottom:0;}.premio a { width:100%; text-align:center; color:#94b9e3; text-decoration:none; font-size:15px; float:left;}
.premio a:hover { color:#fff;}
.coin { width:50%; float:left; cursor:pointer; text-align:center; height:auto; margin-top:5px}

.ev-des { width:31%; float:left; height:auto;border-right:#d6d6d6 solid 1px; padding:10px; padding:1%;min-height: 236px;}
.ev-des h3 { color:#333; font-weight:normal; width:100%;border-bottom:#d6d6d6 solid 1px; font-size:15px; margin-top:0; text-transform:uppercase;float:left; }.ev-des h3 span { text-transform:none; font-size:15px;color:#f34f54; float:right}

.indicadorInfo {margin:10px 0 0 0;font-size: 15px;color: #FF4A58;text-align: center}
.dato-contibucion { width:33%; float:left; height:auto; text-align:center;}.dato-contibucion p { margin-top:6px; margin-bottom:0}.dato-contibucion p span {color:#f34f54;font-size:16px}.dato-contibucion img { margin-top:10px}.dato-compromiso { width:50%; float:left; height:auto; text-align:center;}.dato-compromiso p { margin-top:6px}.dato-compromiso p span {color:#f34f54; font-size:16px}

.compoGauge {
    margin-top: 15px;
    margin-bottom: 0;
    vertical-align: top;
}

.dato-avance { width:100%; float:left; border-bottom:#fff solid 1px; margin-top:5px;}.dato-avance-total { width:auto; float:right; height:auto;}p.txt-dato { color:#fff  ;}
.dato-avance-total p { width:25px; height:20px; float:left; text-align:center; color:#fff;font-size:16px; line-height:20px; margin-left:5px; margin-top:0; margin-bottom:3px; }
.dato-avance h4 { width:auto  ; float:left; font-weight:normal  ; color:#fff  ; font-size:16px  ; background:none  ; margin-bottom:0; margin-top:0;}
.txt-dato { border:#133a66 solid 1px  ; background:#133a66  ; }

.noticias {width: 45%;float: left;height: auto;padding: 2%;}.not { margin-top:0  ; border-right:none  }
.noticias img { width:77px; height:77px; float:left;
    background: no-repeat 50%;
    border-radius: 50%;background-size: 100% auto;}
.info-noticias { width:80%; float:right; height:auto;}.info-noticias p { width:100%; float:left;  margin-top:0;  text-align:justify;height: auto;margin-bottom:0; }

.bloque-biblioteca .ttlo-top-documento {
    margin-left: 15px;
    font-size: 16px;
}

.bloque-soporte .bloque-evaluacion-factor {
    border-top: #d6d6d6 solid 1px;
    border-bottom: 0;
}

.mensaje-no {
    padding: 1%;
    width: 98%;
    margin-bottom: 20px;
}

.bloque-factor-kpi img {
    float:left;
    margin-right:7px;

}

.bloque-factor-kpi p {
 width:249px;
 float:left;
 color:#242424;
 font-size:14px;
 display: table-cell;
 vertical-align: middle;
 text-align: justify;
}

.bloque-factor-kpi:hover{color:#f34f54;}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 10px 10px;
    text-align: center;
    border-bottom: #d6d6d6 solid 1px;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;padding: 15px 0;
}

div#cont_fch_btnguardarmedio2.btn-guardar { margin-top:20px; margin-right:20px;}
div#cont_fch_btnimprimir.btn-imprimir { margin-top:20px; margin-right:20px;}
div#cont_fch_btnguardarmedio.btn-guardar-continuar { margin-top:20px; margin-right: 15px;}

.w3-image{max-width:100%;height:auto}
/*img{margin-bottom:-5px}*/
a{color:inherit}
.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
.w3-btn,.w3-button{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block;z-index:1}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0}
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed ;z-index:1;overflow:auto}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-main,#main{transition:margin-left .4s}
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;outline:none;display:block}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;outline:none;white-space:normal;float:none}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-responsive{overflow-x:auto}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both; border-radius:5px;}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-content{max-width:980px;margin:auto}.w3-rest{overflow:hidden}
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none }.w3-show-block,.w3-show{display:block }.w3-show-inline-block{display:inline-block }
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto }.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}
.w3-hide-small{display:none }.w3-mobile{display:block;width:100% }.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none }.w3-sidebar.w3-collapse{display:block }}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none }}
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0 ;margin-right:0 }}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-display-position{position:absolute}
.w3-circle{border-radius:50%}
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px}
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100% }
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
.w3-tiny{font-size:10px }.w3-small{font-size:12px }.w3-medium{font-size:15px }.w3-large{font-size:18px }
.w3-xlarge{font-size:24px }.w3-xxlarge{font-size:36px }.w3-xxxlarge{font-size:48px }.w3-jumbo{font-size:64px }
.w3-left-align{text-align:left }.w3-right-align{text-align:right }.w3-justify{text-align:justify }.w3-center{text-align:center }
.w3-border-0{border:0 }.w3-border{border:1px solid #ccc }
.w3-border-top{border-top:1px solid #ccc }.w3-border-bottom{border-bottom:1px solid #ccc }
.w3-border-left{border-left:1px solid #ccc }.w3-border-right{border-right:1px solid #ccc }
.w3-topbar{border-top:6px solid #ccc }.w3-bottombar{border-bottom:6px solid #ccc }
.w3-leftbar{border-left:6px solid #ccc }.w3-rightbar{border-right:6px solid #ccc }
.w3-section,.w3-code{margin-top:16px ;margin-bottom:16px }
.w3-margin{margin:16px }.w3-margin-top{margin-top:16px }.w3-margin-bottom{margin-bottom:16px }
.w3-margin-left{margin-left:16px }.w3-margin-right{margin-right:16px }
.w3-padding-small{padding:4px 8px }.w3-padding{padding:8px 16px }.w3-padding-large{padding:12px 24px }
.w3-padding-16{padding-top:16px ;padding-bottom:16px }.w3-padding-24{padding-top:24px ;padding-bottom:24px }
.w3-padding-32{padding-top:32px ;padding-bottom:32px }.w3-padding-48{padding-top:48px ;padding-bottom:48px }
.w3-padding-64{padding-top:64px ;padding-bottom:64px }
.w3-left{float:left }.w3-right{float:right }
.w3-button:hover{color:#000 ;background-color:#ccc }
.w3-transparent,.w3-hover-none:hover{background-color:transparent }
.w3-hover-none:hover{box-shadow:none }
/* Colors */
.w3-amber,.w3-hover-amber:hover{color:#000 ;background-color:#ffc107 }
.w3-aqua,.w3-hover-aqua:hover{color:#000 ;background-color:#00ffff }
.w3-blue,.w3-hover-blue:hover{color:#fff ;background-color:#2196F3 }
.w3-light-blue,.w3-hover-light-blue:hover{color:#000 ;background-color:#87CEEB }
.w3-brown,.w3-hover-brown:hover{color:#fff ;background-color:#795548 }
.w3-cyan,.w3-hover-cyan:hover{color:#000 ;background-color:#00bcd4 }
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff ;background-color:#607d8b }
.w3-green,.w3-hover-green:hover{color:#fff ;background-color:#4CAF50 }
.w3-light-green,.w3-hover-light-green:hover{color:#000 ;background-color:#8bc34a }
.w3-indigo,.w3-hover-indigo:hover{color:#fff ;background-color:#3f51b5 }
.w3-khaki,.w3-hover-khaki:hover{color:#000 ;background-color:#f0e68c }
.w3-lime,.w3-hover-lime:hover{color:#000 ;background-color:#cddc39 }
.w3-orange,.w3-hover-orange:hover{color:#000 ;background-color:#ff9800 }
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff ;background-color:#ff5722 }
.w3-pink,.w3-hover-pink:hover{color:#fff ;background-color:#e91e63 }
.w3-purple,.w3-hover-purple:hover{color:#fff ;background-color:#9c27b0 }
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff ;background-color:#673ab7 }
.w3-red,.w3-hover-red:hover{color:#fff ;background-color:#f44336 }
.w3-sand,.w3-hover-sand:hover{color:#000 ;background-color:#fdf5e6 }
.w3-teal,.w3-hover-teal:hover{color:#fff ;background-color:#009688 }
.w3-yellow,.w3-hover-yellow:hover{color:#000 ;background-color:#ffeb3b }
.w3-white,.w3-hover-white:hover{color:#000 ;background-color:#fff }
.w3-black,.w3-hover-black:hover{color:#fff ;background-color:#000 }
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000 ;background-color:#bbb }
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000 ;background-color:#d6d6d6 ; border-radius:5px;}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff ;background-color:#616161 }
.w3-pale-red,.w3-hover-pale-red:hover{color:#000 ;background-color:#ffdddd }
.w3-pale-green,.w3-hover-pale-green:hover{color:#000 ;background-color:#ddffdd }
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000 ;background-color:#ffffcc }
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000 ;background-color:#ddffff }
.w3-text-red,.w3-hover-text-red:hover{color:#f44336 }
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50 }
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3 }
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#ffeb3b }
.w3-text-white,.w3-hover-text-white:hover{color:#fff }
.w3-text-black,.w3-hover-text-black:hover{color:#000 }
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575 }
.w3-text-amber{color:#ffc107 }
.w3-text-aqua{color:#00ffff }
.w3-text-light-blue{color:#87CEEB }
.w3-text-brown{color:#795548 }
.w3-text-cyan{color:#00bcd4 }
.w3-text-blue-grey,.w3-text-blue-gray{color:#607d8b }
.w3-text-light-green{color:#8bc34a }
.w3-text-indigo{color:#3f51b5 }
.w3-text-khaki{color:#b4aa50 }
.w3-text-lime{color:#cddc39 }
.w3-text-orange{color:#ff9800 }
.w3-text-deep-orange{color:#ff5722 }
.w3-text-pink{color:#e91e63 }
.w3-text-purple{color:#9c27b0 }
.w3-text-deep-purple{color:#673ab7 }
.w3-text-sand{color:#fdf5e6 }
.w3-text-teal{color:#009688 }
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1 }
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a }
.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336 }
.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50 }
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3 }
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b }
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff }
.w3-border-black,.w3-hover-border-black:hover{border-color:#000 }
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#bbb }

div#alertaTimeoutOk.btn-seguir.btnAlerta.btnAlerta {
    width: 97%;
    text-align: center;
    background: none;
    font-size: 15px;
	border:#00b285 solid 1px;
	color:#00b285
}

.btn-seguir2 {
    border: #00b285 solid 1px;
    float: right;
    width: 110px;
    height: 39px;
    border-radius: 5px;
    text-align: left;
    padding-left: 10px;
    line-height: 40px;
    text-decoration: none;
    color: #00b285;
    background: url(../img/icon-guardar.png) right no-repeat;
}

.btn-seguir:hover {color:#242424}

div#alertaTimeoutOk.btn-seguir.btnAlerta.btnAlerta:hover {color:#242424}

#editar-compromisos
{ width:711px; overflow:hidden; min-height:100px; background:#fff;border: #f34f54 solid 2px; border-radius:5px; margin:0 auto; padding:15px;font-family: 'Alegreya Sans', sans-serif}
#editar-compromisos h3 { margin-top:0; border-bottom:#d6d6d6 solid 1px; color:#f34f54}

.dato-editar-com {
    width: auto;
    width: 31%;
    height: auto;
    min-height: 120px;
    float: left;
    border-radius: 5px;
    border: #ccc solid 1px !important;
    overflow: hidden;
    text-align: center;
    margin: 1% !important;
	font-size:16px
}
.dato-editar-com h2 {
    width: 100%;
    float: left;
    height: auto;
    margin-top: 0;
    padding: 8px 0;
    background: #F2F2F2;
    color: #f34f54;
    font-size: 15px;
    text-align: center;
    margin-bottom: 30px;
    BORDER-BOTTOM: #D6D6D6 SOLID 1PX;
    TEXT-TRANSFORM: UPPERCASE;
}
.dato-editar-com .img-user {
    float: none  ; margin-bottom:0;     margin-top: -20px;
}

.dato-editar-com select {

    width: 70%;
    height: 30px;
    border-radius: 5px;
    margin-top: 19px;
    border: #ccc solid 1px;
    padding: 1%;

}
.dato-editar-com .nombre {
    margin: 0  ;
    width: 100%  ;
    text-align: center  ;    font-size: 14px;
}


#editar-compromisos .bloque-det-compromiso textarea {
    width: 90%;
	height:84px;    margin-top: 5px;
}

#editar-compromisos .bloque-det-compromiso {
    width: 48%;
    padding: 1%;
}

#editar-compromisos .bloque-det-compromiso p input {
    width: 92%;
}
#editar_compromiso_box .bloque-det-compromiso p input {
    width: 87%;
}
#editar-compromisos .bloque-det-compromiso p ? { margin-top:0}
#editar-compromisos .descr_compromiso {width: 100%;}#editar-compromisos .contenedorInputs p{width: 100%;}
#editar-compromisos .contenedorInputs p.fecha-calendar{min-width: 100%;}
input#finicio_6546.datePickerIwi.hasDatepicker { max-width:87%}
input#ffin_6546.datePickerIwi.hasDatepicker { max-width:87%}
select#freq_6546 { max-width:100%}

#editar-compromisos .fecha-calendar {
    width: 100%  ; margin-top:11px;}


#editar-compromisos .fecha-calendar select {
    width: 100%;
}

.mensajeAlerta { text-align:justify}

.bloque-det-compromiso { width:47%; float:left; height:auto;border-right: #d6d6d6 solid 1px; padding:1%;}


.bloque-det-compromiso p input {
    width: 80%;
    float: left;
    border-radius: 5px;
    border: #d6d6d6 solid 1px;
    height: 25px;
    padding: 1%;
    box-sizing: border-box;
}

div#btn_editar_comp.btn-guardar{
    margin-right: 0 !important;
    border: #00b285 solid 1px;
    padding-left: 20px;
    width: 97px; margin-top:8px
}

.mensaje { width:300px; overflow:hidden; min-height:100px; background:#fff; border:#d00a2c solid 2px; border-radius:5px; margin:0 auto; padding:15px;font-family: 'Alegreya Sans', sans-serif}
.mensaje h3 { margin-top:0; border-bottom:#d6d6d6 solid 1px;color:#f34f54}.mensajeAlerta h3{ margin-top:0; border-bottom:#d6d6d6 solid 1px;color:#f34f54}
.btn-cancelar { border:#f34f54 solid 1px; float:left; width:auto; height:39px; border-radius:5px; text-align:left; padding-left:10px; line-height:40px; text-decoration:none; color:#f34f54; background:url(../img/icon-cerrar.png) right no-repeat; padding-right:55px;}.btn-cancelar:hover { color:#242424; }
.btn-seguir { border:#00b285 solid 1px; float:right; width:110px; height:39px; border-radius:5px; text-align:left;  padding-left:10px; line-height:40px; text-decoration:none; color:#00b285; background:url(../img/icon-guardar.png) right no-repeat; }.btn-seguir:hover { color:#242424; }

.btn-sel-seg { border:#133a66 solid 1px; float:right; width:auto; height:39px; border-radius:5px; text-align:left; padding-left:15px;line-height:40px; text-decoration:none; color:#242424; background:url(../img/icon-guardar-continuar.png) right no-repeat; padding-right:55px;}.btn-sel-seg:hover { color:#333; }


.porcentaje-avance { width:49px; height:49px; text-align:center; color:#333; line-height:45px; font-size:18px; font-weight:700;  float:left; margin:5px; -moz-border-radius: 50%;-webkit-border-radius: 50%; border-radius: 50%;}
.porcentaje-avance:hover {color:#f34f54; }

.cero { background:url(/iwi/img/0.png);color:#f34f54;}
.vcinco { background:url(/iwi/img/25.png);color:#fc672e;}
.cincuenta { background:url(/iwi/img/50.png);color:#fdb742;}
.set-cinco { background:url(/iwi/img/75.png);color:#c0ae30;}
.set-cien { background:url(/iwi/img/100.jpg);color:#a0c44a;}

h1.ttlo span {
    padding-left: 0;
    background: none;
    height: 30px;
    padding-right: 15px;
    float: left;
}

h3.ttlo-ranking-ranking {
    width: 95%;
    float: left;
    margin-bottom: 5px;
    color: #f34f54;
    margin-left: 15px;
}
h3.ttlo-ranking {
    width: 100%;
    float: left;
    margin-bottom: 5px;
    color: #f34f54;
}

li#responsive-tab { display:none !important}

.textocompro {

    text-align: justify;
    padding: 10px 0;
    line-height: 20px;
    font-size: 15px;

}

p.texto-relacion-esperado {

    font-size: 17px;
    text-align: center;
    width: 94%;
    padding-right: 2%;
    margin-top: 0;
    vertical-align: middle;
    display: inline-block;color: #f34f54;
    font-weight: bold;

}

div.texto-estado-evaluacion {

    display: table-cell;
    width: 10%;
    padding-left: 10px;
    text-align: center;
    margin-top: 0;
    font-size: 17px;
    vertical-align: middle;color: #f34f54;
    font-weight: bold;

}
div.personaFoto {float: left !important; margin-right:10px; margin-top:4px;}
div.personaMini.divTable div {
    color: #242424;
    float: left ;
    width: 100%;
    width: -moz-available ;
    width: fill-available ;
    width: -webkit-fill-available ;
    line-height: 23px;
    font-size: 14px;
    margin: 0% auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 0.3em;
    box-sizing: border-box;
    text-transform: capitalize;
}

div.personaMini.divTable--adjust div {
margin-top: 2%;
}


div.personaMini.divTable {
  width:200px !important;
  /*background: whitesmoke !important;
  border: #c4c4c4 solid 1px !important;*/
  border-radius: 5px !important;
  text-align:center !important;
  height: 100px !important;
  font-size: 14px !important;
  width: -moz-available !important;
    width: fill-available !important;
    width: -webkit-fill-available !important;
}

div.personaMini.divTable.frame-rank{
    background: whitesmoke !important;
/*  border: #c4c4c4 solid 1px !important;
*/    }

div.personaMini.divTable.noframe{
  background:none;
  border:none;
}


div.sliderEv{
    display: block !important;
    position: relative;
}

div.sliderEv.slider-ranking-gral {
    display: block !important;
    line-height: 0;
    height: 28px;
    position: relative;
}

div.sliderEv.slider-ranking-gral.ui-slider.ui-slider-handle {top:0 !important}


input#factor_contribucion_id { border:#000 solid 1px;}

.alineacion-slider-ranking{
    display: table-cell;
    padding-left: 10px;
    text-align: center;
    vertical-align: middle;
}

.slider-ranking{
    max-width: 92.27%;
    margin-left: 2.45%;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity: 1 !important;filter: Alpha(Opacity=1) !important;}

.texto-bajo-ranking-gral{
    margin-bottom: 20px;
    border-top: #d6d6d6 solid 1px;
    padding-top: 20px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 0 !important;
    background: none !important;
    font-weight: normal !important;
    color: none !important;
    height: 19px !important;
    text-align: center !important;
    margin-top: -7px !important;
    font-size: 11px !important;
    line-height: 18px !important;
    padding: 1px !important;
}
.dato-nuevo-kpi {
    width: 23%;
    float: left;
    height: auto;
    min-height: 65px;
    border-right: 0;
    padding: 1%;
}.dato-nuevo-kpi p { margin-top:0; margin-bottom:5px; text-align:left; font-weight:700}.dato-nuevo-kpi input { width:100%; float:left; border-radius:5px;border: solid 1px #e8e8e8; height:37px; margin-top:1px; padding-left: 3%;}
.nuevo-kpi { width:100%; height:auto; float:left; text-align:center; margin-top:10px}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left  ;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 97%  ;
    margin: 0 10px 0px 10px;
}

.iwi-input-kpi {
    width: 100%;
    max-width: 215px;
    float: left;
    height: auto;
    padding: 2%;
    border-radius: 5px;
    border: #d6d6d6 solid 1px;
    font-size: 18px;
    color: #959595;
    font-weight: normal;
    background-color: white;
    margin-bottom: 10px;font-family: 'Alegreya Sans', sans-serif;
}

.user-seleccionado2.portaPersona.editable.user-seleccionado2 p  { margin-top:16px; font-size:14px}

.validaCompromiso { margin-top:0 !important}

.kpis { width:23%; height:auto; float:left;border:#d6d6d6 solid 1px; border-radius:5px; margin: 2% 0 2% 2%; overflow:hidden; box-sizing: border-box;}
.kpi-resultado-final { width:22%; height:auto; min-height:300px; float:left;border:#d6d6d6 solid 1px; border-radius:5px; margin: 2% 0 2% 2%; overflow:hidden; background:#f2f2f2; text-align:center;}.kpi-resultado-final p { margin-top:90px; margin-bottom:10px;}.kpi-resultado-final h3 { margin-bottom:10px; margin-top:10px;}
.kpi-resultado-final h4 {
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    width: 100%;
    height: auto;
    max-width: 190px;
    margin-left: 14px;
    font-size:30px;
    margin-top: 0;
    color: #f34f54;
	border-bottom:#d6d6d6 solid 3px;
}

div#fancyEjemplos {

    background-color: white;
    padding: 15px;
    border: 2px solid #f34f54;
    width: 400px;
    text-align: justify;
    font-size: 15px;
    line-height: 18px;
	border-radius:5px;

}div#fancyEjemplos b {color: #f34f54; border-bottom:#d6d6d6 solid 1px; padding-bottom:5px; float:left; width:100%; margin-bottom:10px}

.tres-bloques-bitacora h3 img { float:right;cursor:pointer; margin-left:15px; margin-top: -10px;}

select#frm_ciclos_contribuciones_id { margin-bottom:15px;} /* Eliminar css por #id y con !important */
select#filtro_idtipo {margin-bottom: 6px;} /* Eliminar css por #id y con !important */

p.fecha-calendar.tamano-medio-fechas { width:50%;font-weight: 700;}
div#btnFiltrarFechas.btn-guardar {margin-right: 0px;cursor: auto;margin-top: 20px;}
td.sorting_1 div.divRow  { border-bottom:0; border-top:0; padding:0 0}

.container-limitado {
    overflow: auto;
    height: 223px;
}
.dataTables_length > label, .dataTables_filter > label{
  display: inline-block;
  margin: 0;
  padding: 0;
  font-weight: 600;
  text-align: center;
  color: #242424;
  margin-bottom: 15px;
  /*border: 1px solid transparent;
  border-right: 1px solid #ddd;*/
}
.agregaPersonas > .listadoPersonas > .stackPersonas > .user-seleccionado2 > .equis > img {
    position: absolute;
    float: right;
}

div#fancy_comentarios_editar {

    width: 711px;
    overflow: hidden;
    min-height: 100px;
    background: #fff;
    border: #f34f54 solid 2px !important;
    border-radius: 5px;
    margin: 0 auto;
    padding: 15px;
    font-family: 'Alegreya Sans', sans-serif;

}

div#fancy_comentarios_editar #bloque-bitacora { border:none;margin-top: 0;}
div#fancy_comentarios_editar .tres-bloques-bitacora {padding: 2% 1% 1% 1%;width: 31%;}
div#fancy_comentarios_editar .tres-bloques-bitacora .user-seleccionado2 { width:100%;}
div#fancy_comentarios_editar .tres-bloques-bitacora .user-seleccionado2 p {margin-top: 15px;margin-bottom: 0;float: left;width: 165px;color: #242424;font-size: 15px;}
div#fancy_comentarios_editar .tres-bloques-bitacora .user-seleccionado2 img { border-radius:50px}
div#fancy_comentarios_editar #bloque-bitacora h2 span { padding-left:0}
div#fancy_comentarios_editar .bloque-factor-kpi p {max-width: 130px;margin-top: 8px;}
a#con_com_comentar_editar.BotonUI2Guardar .btn-guardar { border:#00b285 solid 1px; float:right; width:auto; height:39px; border-radius:5px; text-align:left; padding-left:15px;line-height:40px; text-decoration:none; color:#00b285; margin-right:15px; background:url(../img/icon-guardar.png) right no-repeat; padding-right:55px;}
textarea#con_com_texto_comentario_editar {height: 145px;}

tr.mensaje-bitacora.odd td div p { margin-bottom:0px; margin-top:5px;}
tr.mensaje-bitacora.odd td img { width:auto;max-width: 43px;}
tr.mensaje-bitacora.even td div p { margin-bottom:0; margin-top:5px;}
tr.mensaje-bitacora.even td img { width:auto;max-width: 43px;}

.img-usuario-resultados { width:15%; float:left; height:auto; text-align:center;}
.img-usuario-resultados h2 {width: 100%;text-align: center;font-size: 15px;color: #f34f54;border-bottom:none;background:none;margin-bottom: 15px;margin-top: 15px;}
.img-usuario-resultados img {float: none;}

.fil h3 { color:#f34f54; width:100%; float:left; margin-bottom:10px;font-size: 16px; margin-left: 4px;}

form#filtroReconocimientos .fil {width: 31%;height:auto;}
div#cselseg_caja_principal_segmentos.select-segmento {

    width: 100%;
    max-width: 413px;
    height: auto;
    background: #FFF;
    border-radius: 5px;
    float: left;
    margin: 85px 0 0 0px;
    padding-bottom: 15px;
    position: absolute;
    border: #d6d6d6 solid 1px;
    z-index: 99;

}

.select-segmento--maxwidth-margintop {
    max-width: 515px !important;
    margin-top: 0 !important;
}

.select-segmento > label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 15px 25px;
    font-weight: 600;
    text-align: center;
    color: #242424;
    border: 1px solid transparent;
    border-right: 1px solid #ddd;
}



#cselseg_busc p input {
    width: 97%  ;
    height: 30px  ;
    /*float:left  ; */
    display: block  ;
    border-radius: 5px  ;
    border: #d6d6d6 solid 1px  ;
    padding: 5px;  font-size: 15px;
    font-family: 'Alegreya Sans', sans-serif;
}
section#cselseg_busc.segmento-section p { margin:0 0}

.select-segmento select {
    width: auto;
    float: left;
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#cselseg_selec{
    display: block;
}

#cselseg_selec select#segmentos00 {width: 100%;height: 35px;background: #fff;border: #d6d6d6 solid 1px;float: right;border-radius: 5px;padding-left: 10px;font-size: 15px;font-family: 'Alegreya Sans', sans-serif;}

#cselseg_busc {
    display: block;
    border-top: 1px solid #ddd;
}

p#cselseg_etiqueta_segmentos00.cseleg {margin-bottom: 0;margin-top: 18px;}

.cseleg { float: left;margin-top: 0;padding-top: 0 !important;}

div#cselseg_caja_principal_segmentos.select-segmento div.line { margin:10px 0}

.select-segmento {
    width: 100%;
    max-width: 402px;
    height:auto;
    background: #FFF;
    border-radius: 7px;
    float: left;
    margin: 36px 0 0 -8px; padding-bottom:15px;
    position: absolute;border:#d6d6d6 solid 1px; z-index:99;
}

.select-segmento input {
  display: none;
}

#filtros-avance {
    width:100%;
    height:auto;
    border-radius:5px;
    background-color: #f1f1f1;
    border:#d6d6d6 solid 1px;
    float:left;
}
.fil {
  width:48%;
  float:left;
  height:auto;
  padding-left:2%;
  padding-bottom:2%;
  /*border-right:#d6d6d6 */
  solid 1px;
}

.fil--paddcero {
  padding-left:0%;
}

.fil-30{
    width: 30%;
}
.fil-last {
    border-right: none;
}
.buscar-segmento { width:89%; height:23px; background:#fff; border:#d6d6d6 solid 1px; float:left;border-radius:5px; padding:2%; line-height:23px;}
.buscar-segmento p { width:88%; float:left; margin-top:0; margin-bottom:0; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.buscar-segmento a img { float:right; border:none; height:auto;}
.fil select { width:100%; background:#fff; border:#d6d6d6 solid 1px; float:left;border-radius:5px; height:35px; padding-left:10px }
.btn-filtrar { border:#00b285 solid 1px; float:right; width:auto; height:39px; border-radius:5px; text-align:left; padding-left:15px;line-height:40px; text-decoration:none; color:#00b285; margin-right:15px; background:url(../img/icon-guardar.png) right no-repeat; padding-right:55px; font-size:15px;font-family: 'Alegreya Sans', sans-serif;}.btn-filtrar:hover { color:#242424; }.btn-filtrar.botones4 {margin: 43px 0 0 28px;float: left; line-height:42px}

.fil.fill-contribuciones-administracion {    max-width: 31%;}

.bloque-contr-av { width:100%; overflow-x:auto; overflow-y: hidden;float:left; border-radius:5px; background:#fff; border:#d6d6d6 solid 1px; min-height:25px; margin-top:22px; height:auto;}
.bloque-contr-av h2 { width:100%; float:left; font-size:17px;color:#f34f54; font-weight:700; margin-top:5px;background:url(../img/line.png) top repeat-x; height:20px; margin-bottom:0;}
.bloque-contr-av h2 span { padding-left:12px; padding-right:15px; background:#fff; height:20px; float:left;}


.divTable.graficosAvance div.divRow { border-bottom:0; border-top:0;}
.divTable.graficosAvance > div.divRow > div:last-of-type {vertical-align: middle;width: 100%;display: inline-block;}
/*Esto da?a todo el estilo del tooltip de los graficos.*/
/*.divTable.graficosAvance > div.divRow > div:last-of-type div div {width: 100%;}*/

table.tabla_resumen {min-width:98%;text-align:center;margin:1% !important;}table.tabla_resumen b { font-size:16px;}
.tabla_resumen th {height: 40px; color:#f34f54; font-weight:700}
td.pull_left.tabla_rows.first_column {background:#f34f54; color:#fff; font-weight:700}
th.tabla_header_paddin{background:#f34f54; color:#fff; font-weight:700}

.wrappedBottom { width:100%; height:auto; float:left;}
#info-bottom-avance { width:500px; height:auto; margin:0 auto; margin-top:35px; }
.info-avance { width:32%; float:left; height:auto; text-align:center; border-left:#d6d6d6 solid 1px; margin-bottom:30px}
.info-avance h3 {color:#f34f54}.info-avance p span { font-weight:700;color:#f34f54; font-size:18px}.info-avance p { margin-bottom:0  ;  margin-top:0; font-size:15px;  }

.estado-personas {

    width: 92%;
    float: left;
    border-bottom: #d6d6d6 solid 1px;
    padding: 4%;
    font-size: 15px;

}.estado-personas label { display:block}
.select-atributos{
    position: absolute;
    z-index: 9999;
    background: #fff;
    border-left: #d6d6d6 solid 1px;
    border-right: #d6d6d6 solid 1px;
    border-bottom: #d6d6d6 solid 3px;
    margin-top: 24px;
    width: 100%;
    max-width: 342px;
    padding-bottom: 0;
    border-radius: 0 0 5px 5px;
}


.elemento-seleccionado {

    width: 94%;
    float: left;
    padding-bottom: 0;
    border: #d6d6d6 solid 1px;
    background: #fff;
    padding: 3%;
    border-radius: 5px;

}

.ttlo-tabla-resultado-colaboradores {
    width: 98%;
    height: auto;
    background:#f1f1f1;
    color: #f34f54;
    padding: 1%;
    float: left;
    border-radius: 5px 5px 0 0;
    border-bottom: #d6d6d6 solid 1px;
}.ttlo-tabla-resultado-colaboradores h3 {
    width: auto;
    float: left;
    margin-bottom: 0;
    margin-right: 10px;
	margin-top:8px
}
.ttlo-tabla-resultado-colaboradores h4 {
    margin-top: 0;
    width: auto;
    float: right;
    margin-bottom: 0;
    font-weight: normal;
    font-size: 16px;
    padding: 10px 10px 2px 20px;
    border-radius: 0;
    border: 0;
    border-left: 0;
    line-height: 21px; color:#242424;
}
.ttlo-tabla-resultado-colaboradores h4 span {
    font-weight: 700;
    font-size: 20px;
    border-radius: 50px;
    border: #f34f54 solid 1px; color:#f34f54;
    width: 28px;
    height: 28px;
    text-align: center;
    float: right;
    line-height: 28px;
    margin: -9px 0 0 10px;
    padding: 3px;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #ddd; font-size:16px;
}

.ttlo-tabla-resultado-colaboradores p { margin-top:10px; margin-bottom:0; float:right; width:auto;}
.ttlo-tabla-resultado-colaboradores input { width:120px; float:right; height:30px; border-radius:5px; display:block; border:none; margin-top:3px; margin-left:15px;}

.btn-exportar { border:#00b285 solid 1px; float:right; width:auto; height:39px; border-radius:5px; text-align:left; padding-left:15px;line-height:40px; text-decoration:none; color:#00b285; background:url(../img/icon-guardar.png) right no-repeat; padding-right:55px; margin-left: 20px;}.btn-exportar:hover { color:#242424; }

.fechas { width:100%; float:left; height:auto; border-bottom:#d6d6d6 solid 1px;}
.fecha-ciclo { width: 43%; float:left; height:auto; border-right:#d6d6d6 solid 1px; padding:1%;}
.fecha-ciclo span { width:auto !important; float:right; margin:15px 0;}.fecha-ciclo span p { float:left; width: 175px;font-weight:700;margin: 10px 10px 0 0; text-align:right}.fecha-ciclo span input { width:auto; border-radius:5px; border:#d6d6d6 solid 1px; float:left; height:15px; padding:10px; display:block; font-size:15px;font-family: 'Alegreya Sans', sans-serif;text-transform: lowercase;}
.fecha-ciclo span a img { float:left}span.der {float: left;width: 417px;}
.btn-guardar.alt-ciclo {

    width: auto;
    padding-right: 50px;
    height: 34px;
    line-height: 35px;
    margin-top: -63px !important;
    margin-right: 0;

}

.fil.fil-fix { max-width: 22%;padding-bottom: 23px;}
div#contenidoLideres.tabla-resultados { margin-top:0}
table.dataTable thead th, table.dataTable thead td {/*padding:0*/;border-bottom: 0;}
table.dataTable thead th, table.dataTable tfoot th {font-weight: normal;font-size: 14px;color: #fff; padding: 10px;}


.txt-bottom-tabla.fix-export {display: table; box-sizing: border-box;padding: 0 0 1% 0;margin: 0;width: 100%;float: right;max-width: 670px;}
.fix-export > div {display: block;vertical-align: middle;padding: 1% !important;width: auto;float: left;}
.fix-export .btn-exportar {margin: 18px 0 0 0 !important;}

h2.filter-trigger {margin-top: 0;background: none; margin-bottom:18px;border: #d6d6d6 solid 1px;padding: 1%;border-radius: 5px;width: 98%;}
h2.filter-trigger span {
  line-height:20px;
}
.filter-trigger-img {
    float: right;
    margin-top: 8px;
    margin-right: 5px;
}
.filter-container form#filtroReconocimientos .fil.listado-avance-personas {width: 31%;padding: 0 1% 2% 1%;}
.filter-container form#filtroReconocimientos .fil.listado-avance-personas .fil { width:100%; border-right:0; padding:0 }
.filter-container form#filtroReconocimientos .fil.listado-avance-personas .fil .buscar-segmento {width: 95%;}
.filter-container form#filtroReconocimientos .fil.listado-avance-personas .fil .buscar-segmento p#cselseg_etiqueta_segmentos00.cseleg { margin-top:0 !important; margin-bottom:10px}


.filter-container form#filtroReconocimientos .fil.listado-avance-personas-four { width:17%;padding: 0 1% 2% 1%;}
.filter-container form#filtroReconocimientos .fil.listado-avance-personas-four input.btn-filtrar.botones4 {margin: 43px 0 0 0;float: right;line-height: 42px;}

.txt-bottom-tabla.fix-export.list-ava-pers { margin-top:20px; max-width:1240px}
.txt-bottom-tabla.fix-export.list-ava-pers div.btn-guardar-continuar { margin-top:18px}
.txt-bottom-tabla.fix-export.list-ava-pers div.btn-guardar { margin-top:18px}

#scroll-horizontal { width:100%; overflow-x:hidden;float:left;margin-top: 5%;}

table.dataTable {
    border-collapse: separate;
    border-spacing: 0;
    /*line-height: 35px;*/
}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;

  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
  }
  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li {
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu ul ul li a {
    padding-left: 25px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 35px;
  }
  #cssmenu ul ul li a {
    color: #dddddd;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a {
    color: #ffffff;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 17px;
    color: #242424;
    cursor: pointer;
    font-size: 0;
    text-transform: uppercase;
    font-weight: 700;
  }
  #cssmenu #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 4px;
    width: 20px;
    content: '';
  }
  #cssmenu #menu-button:before {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #f34f54;
    content: '';
  }
  #cssmenu #menu-button.menu-opened:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #d00a2c;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #cssmenu #menu-button.menu-opened:before {
    top: 23px;
    background: #d00a2c;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 46px;
    width: 46px;
    cursor: pointer; background:#d00a2c
  }
  #cssmenu .submenu-button.submenu-opened {
    background: #262626;
  }
  #cssmenu ul ul .submenu-button {
    height: 34px;
    width: 34px;
  }
  #cssmenu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    background: #ffffff;
  }
  #cssmenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #cssmenu .submenu-button.submenu-opened:before {
    display: none;
  }
}


@media (max-width: 1140px) {.wrapped {width: 98%;padding: 1%;}#menu .wrapped {padding:0; width:100%;}.plan {width: 96%;border-radius: 5px;max-width: none;}.verde {
border-radius: 5px;}}
@media (max-width: 1020px){.icon-menu {margin-top:0;}.ttlo-introduccion h2 {margin-top:10px;}.left-biblioteca {width:100%;border-right:0;}}
@media (max-width: 980px){#bloque-azul .users-seleccionados {width:100%;}#bloque-azul .info-bloque-azul textarea {width: 98%;margin: 7px 0 0 0px;padding: 1%;font-size: 15px;}.info-bloque-azul {width: 100%;}.bloque-det-compromiso {width: 100%;border-right: 0;padding: 1%;}#comentarios-home h2 { padding:0 !important}#menu {width: 98%  ;padding: 0 1%;}}
@media (max-width: 810px){.ttlo-introduccion h2 {margin-top:10px;}#menu {position: absolute;top: 0; margin-top:0}.info-top {margin-top:50px;}#cssmenu {width: 80%;}}
@media screen and (max-width: 767px) {.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate {float: none;
text-align: center;}.dataTables_wrapper .dataTables_paginate {margin-top: 0.5em;}}
@media (max-width: 680px){.ttlo-introduccion h2 {margin-top:10px;}}
@media screen and (max-width: 640px) {.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter {float: none;text-align: center;}.dataTables_wrapper .dataTables_filter { margin-top: 0.5em;}}
@media (max-width: 550px){.ttlo-top-documento {width:100%;}.buscador-top-documento {width:100%;float:left;margin-left:10px;}}
@media (max-width: 460px) {.mostrar-todo {margin: 0 0 0 0;clear: both;}div.tab button {width: 98%;}}

.btn-guardar {
    margin-top: 40px;
}

.left-intro-p-clean {
    float: left;
    width: 100%;
}

.color-negro {
    color: black  ;
}

.cierre-evaluacion-main{
     padding: 10px;
     margin-bottom: -6px;

}

.informacion-evaluador{
    width: 50%
}

.frame-evaluador{
    width:100%;
    height: 100px;
}

.bloque-seleccion-medium h3 {color:#242424; font-size:15px; border-bottom:none; float:left; margin:0 0 4px 0;width:100%; padding-bottom:5px; background:url(../img/arrow_down.png) right no-repeat}

.divRow > div, .divCell {
    display: table-cell;
    vertical-align: middle;
    padding: 2px;
}

.center {
    text-align: center;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 16px;

}

.ttlo-introduccion-feedback h2 {
    width: 100%;
    float: left;
    font-size: 17px;
    color: #f34f54;
    font-weight: 700;
    margin-top: 40px;
    background: url(../img/line.png) top repeat-x;
    height: 20px;
    margin-bottom: 0;
}

.ttlo-introduccion-nuevo-feedback h2 {
    width: 100%;
    float: left;
    font-size: 17px;
    color: #f34f54;
    font-weight: 700;
    margin-top: 40px;
    background: url(../img/line.png) top repeat-x;
    height: 20px;
    margin-bottom: 0;
}

.personas-span {
   width: 353px;
   float: left;
   margin-top: 9px;
   font-size: 15px;
}

.capitalize{
    text-transform: capitalize;
}

.select-factor-kpi { 
    width: 100%;
    height: auto;
    min-height: 34px;
    max-height: 196px;
    overflow: auto;
    border: 1px solid #ccc;
}


.bloque-factor-kpi {
    width: 89%;
    height: 45px;
    border-radius: 5px;
    float: left;
    text-align: left;
    margin-bottom: 0px;
    padding: 2%;
    margin-left: 11px;
    margin-top: 7px;
    display: table;
    margin-bottom: 20px;
}

.user-negativo {
    height:auto;
    border-radius:5px;
    float:left;
    border:#d6d6d6
    solid 1px;
    padding: 12px 0px 7px 9px;
}
.user-negativo.newDeNine{
    min-width: 270px;
}

.ttlo-ajuste{
        margin-bottom: 15px !important;

}

.compoGauge {
    text-align: center;
}

.buscador-blanco {
    background-color: white !important;
}

.avance-content #filtros-avance .btn-filtrar{
    margin: 4% 0 0 6%;
}

.bloque-form-datos { width:46%; float:left; height:auto;border:#d6d6d6 solid 1px; border-radius:5px; padding:1%; margin:15px 0px;min-height: 515px;}

p.txt-pasos {
    width: auto;
    float: left;
    height: 18px;
    line-height: 18px;
    margin-left: 0px;
    margin-right: 8px;
    background: url(../img/icon-arrow.png) top right no-repeat;
    padding-right: 25px;
    margin-bottom: 5px;
}
p.txt-pasos span {color:#949494; }

.user-select.proponeUnidad p:hover{color: #242424;}


.filtros-avance {
    width: 100%;
    height: auto;
    border-radius: 5px;
    background: #f1f1f1;
    border: #d6d6d6 solid 1px;
    float: left;
    margin-bottom: 20px;
}

.filtros-comentarios {
    width: 100%;
    height: auto;
    border-radius: 5px;
    background: #f1f1f1;
    border: #d6d6d6 solid 1px;
    float: left;
    margin-bottom: 20px;
}

.comentarios-content .filter-trigger{
  margin-top: 20px;
}

.filter-trigger{
    cursor: pointer;
}

.comentarios-content .fil-com h3{
  color:#f34f54;
  width:100%;
  float:left;
  margin-bottom:10px;
  font-size: 15px;
}

.comentarios-content p.fecha-calendar span {
    margin: 7px 0 14px 0;
    font-size: 15px;
    color: #f34f54;
    font-weight: 700;
}

.comentarios-content #btnFiltrarFechas.btn-guardar{
    margin-top: 35px;
}

.comentarios-content .info-tabla-resultados{
    border-left: none;
}

.comentarios-content .sin-respuesta{
    clear: both;
    padding: 15px;
    }

.explicacion{
    margin-top: 20px;
}

.botonverde{
  border: green solid 1px !important;
  color: #1bb186 !important;

}

.botonrojo{
  border: red solid 1px !important ;
  color: #f34f54 !important;
  margin: 2px;
}

.text-align-left {
  text-align: left;
}

#fancy_comentarios_editar .bloque-bitacora {
    width: 100%;
    float: left;
    border-radius: 5px;
    background: #fff;
    border: #d6d6d6 solid 1px;
    min-height: 20px;
    margin-top: 20px;
}

.div-block{
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 100;
    background-color: white;
    opacity: 0.6;
    display: none;
}

.ajuste-desc{
  position:relative;
  /*margin-top: 20px;*/
  /*margin-left: 5px;*/
  /*max-width: 1000px;*/
  float:left;
  padding-bottom: 20px;
}
.ajuste-bloque{
  margin-top: 0px;
}

/*se realiza separacion de bloques*/
#cabeza_modulo_contribuciones{
    margin-top: 23px;
}

.ajuste-bloque-kpi{
  margin-top: 23px;
  }

.ajuste-cerrar{
  position:absolute;
  display: inline-block;
  float-left;
  margin-left: 560px;
  margin-top:-27px;
}

.tabla-feedbacks{
  margin-top: 20px;
}

.nice-select-like {
    width: 99%;
    float: left;
    border-radius: 5px;
    height: 36px;
    background: #fff;
    border: #d6d6d6 solid 1px;
    padding: 0;
    font-family: 'Alegreya Sans', sans-serif;
    line-height: 15px;
    font-size: 15px;
    margin-bottom: 15px;
}

.input-iwi {
    border-radius: 5px;
    height: 24px;
    background: #fff;
    border: #d6d6d6 solid 1px;
    padding: 4px;
    font-family: 'Alegreya Sans', sans-serif;
    line-height: 15px;
    font-size: 15px;
}

.ranking-table{
  height: 105px;

}

.personafoto .ajuste-rankingfoto{
  margin-left: 72px;
  padding: 2px;
  margin-top: 2px;
}

.ajuste-tabla-ranking{
  padding: 13px;
}

.no-sub-menu{
  /*background: url(/iwi/img/arrow_right_2.png) no-repeat !important;*/
  background: none !important;
}

.bloque-cierre-evaluacion .cierre-evaluacion-main{
    width: 25%;
    float: left;
}

.bloque-cierre-evaluacion .cierre-evaluacion-main input{
    float: left;
}

.bloque-cierre-evaluacion .informacion-evaluador{
    width: 50%;
    float: left;
}

.bloque-cierre-evaluacion .informacion-evaluador input{
    float: left;
}

.bloque-cierre-evaluacion .contenedor-boton-cierre{
    width: 10%;
    float: right;
}
.btn-filtrar.botones4.alinear{
  margin-top: 46px;
}

.th_input.ajuste-th-input {
    margin: 0 auto 4px;
}

.th_input.ajuste-th-inputg {
  margin: 0 auto 4px;
}

.checkAll.input_row.center-selector {
  margin-left: 12px;
}

.ui-tabs .ui-tabs-nav {
    padding: 1em .2em 0 !important;
    background: #e0e0e0;
    height: 23px;
    border: none;
}

.ui-tabs .ui-tabs-nav li {

    list-style: none;
    float: left;
    position: relative;
    top: -5px;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}

.contenedorTab a {
    background: #bfbfbf!important;
    border: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.dato-det-pers p {

    margin: 0 0;
    width: 100%;
    font-weight: 700;
    font-size: 15px;
    font-family: 'Alegreya Sans', sans-serif;
}

.btn-cancelar.btn-normal.informacion-imp {
  margin-top: 40px;
}

.roles-accesos {

    width: 46%;
    padding: 0px 2% 2% 2%;
    float: left;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 15px;
}

label.switch {

    height: 22px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
    overflow: unset;
}

.personaFoto .imgset {

    max-width: 198px;
    margin-right: 0px;
    border-radius: 50%;
    margin-top: 13px;

}



.personaMini.divTable.texto_perfilpers {

    background-color: white;
    border: none;
    cursor: default;
    width: 170px;
    vertical-align: top;
    margin: 2px auto 2px auto;
    white-space: normal;
    display: inline-block;

}


.btn-editar-admin, .btn-agregar-admin {

    margin-right: 0;
    width: 100%;
    text-align: center;
    padding: 10px;
    border: #00b285 solid 1px;
    color: #242424;
    line-height: 40px;
    border-radius: 5px;

}

.botones4.ajuste-agregar {

    float: left;
    margin-left: 306px;
    margin-bottom: 2%;
    margin-top:0;
    width: 12%;

}

.botones4.btn-editar-admin.evaluadores-mod-btn {

    width: 100px;
    float: left;
    height: 38px;
    margin-left: 310px;
    margin-top: -2px;

}

.botones4.btn-agregar-admin.evaluadores-mod-btn {

    width: 100px;
    float: left;
    height: 38px;
    margin-left: 310px;
    margin-top: -2px;

}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 3.2em;
    height: 1.2em;
    cursor: default;
    background: #818181 !important;
    color: white !important;
}


.comentarios-content .ui-datepicker-trigger {
    margin-top:5px;
}

.faq-itg-content .bloque-soporte .bloque-evaluacion-factor{
    border-top: none;
}
.btn-filtrar.botones4.ajuste-boton-admn {
    margin: 46px 0 0 28px;
}


.bold {
  font-weight: 700;
}



.hide.set-fontframe {
    font-family: 'Alegreya Sans', sans-serif;
    margin-left: 11px;
}


.elige2, .buscaPersonas {

    width: 103%;
    float: left;
    border-radius: 5px;
    height: 45px;
    background: #fff;
    border: #d6d6d6 solid 1px;
    display: flex;
    padding-left: 7px;
    box-sizing: border-box;
    font-size: 13px;

}

.buscaPersonas.perfilpersona {
width: 99%;
margin-left: -3px;
height: 40px;
}

.buscaPersonas #select-users2.comentariosselect{

    margin: 39px 0 0 -9px;
    width: 100%;
    max-width: 349px;
    height: auto;
    max-height: 180px;
    background: white;
    border: #e2e2e2 solid 1px;

}

.users-seleccionados2.margenlines{
  margin: 5px 0 10px 0px;
}

.contenedorframe .framegris{
 border-radius: 5px;
 border: #d6d6d6 solid 1px;
 width: 280px;
 margin-left: 220px;

}

.resultado-bitacora-content .ttlo{
    margin-bottom: 20px;
}

.resultado-bitacora-content .dataTables_wrapper {
    padding: 0;
    width: 100%;
}

.bloque-det-compromiso .ui-datepicker-trigger {
    margin-top: 0px;
}

#content-personas .bloque-seleccion-medium h3{
    color: #f34f54;
    font-size: 16px;
}

#content-personas .btn-filtrar.botones4{
    float: right;
    margin: 43px 20px 0 28px;
}

#con_fee_solicitar .bloque-bitacora-feedback{
    margin-bottom: 20px;
}

.ttlo-rojo-raya h2 {
    width: 100%;
    float: left;
    font-size: 17px;
    color: #f34f54;
    font-weight: 700;
    margin-top: 40px;
    background: url(../img/line.png) top repeat-x;
    height: 20px;
    margin-bottom: 10px;
}

.listado-avance-content .bottom-table-btn{
    max-width: 1240px;
}



.user-seleccionado2.ajuste-portapersona{
  margin: -3px;
  padding: 9px;
}



.ajustecerrar{
  margin-right: -17px;
}

#perfil_persona_div #select-users2.perfil-persona-size {
width: 735px;
}


.fil-3  {
  width: 31%;
  padding: 0 1% 2% 1%;
  float: left;
}

.anomalias-content .fil-3 .select-button{
    width: 100%;
    height: auto;
}

.anomalias-content .filtro-segmento-3 .fil{
    width: 100%;
    border-right: 0;
    padding: 0;
}

.anomalias-content .filtro-segmento-3 .fil .buscar-segmento {
    width: 95%;
}


.fil-20{
  width: 20%;
}

.reporte-capacitaciones-content .fil-3 .select-button{
    width: 100%;
    height: auto;
}

.reporte-capacitaciones-content .filtro-segmento-3 .fil{
    width: 100%;
    border-right: 0;
    padding: 0;
}

.reporte-capacitaciones-content .filtro-segmento-3 .fil .buscar-segmento {
    width: 95%;
}

.reporte-feedback-content .fil-3 .select-button{
    width: 100%;
    height: auto;
}

.reporte-feedback-content .filtro-segmento-3 .fil{
    width: 100%;
    border-right: 0;
    padding: 0;
}

.reporte-feedback-content .filtro-segmento-3 .fil .buscar-segmento {
    width: 95%;
}

.reporte-compromisos-content .fil-3 .select-button{
    width: 100%;
    height: auto;
}

.reporte-compromisos-content .filtro-segmento-3 .fil{
    width: 100%;
    border-right: 0;
    padding: 0;
}

.reporte-compromisos-content .filtro-segmento-3 .fil .buscar-segmento {
    width: 95%;
}

.reporte-compromisos-content div.iwi-datePickerWrapper > img {
    margin-top: 9px;
    height: 29px;
    border: none;
}

.reporte-personas-cierre-content .fil-3 .select-button{
    width: 100%;
    height: auto;
}

.reporte-personas-cierre-content .filtro-segmento-3 .fil{
    width: 100%;
    border-right: 0;
    padding: 0;
}

.reporte-personas-cierre-content .filtro-segmento-3 .fil .buscar-segmento {
    width: 95%;
}

.reporte-gustos-content .fil-3 .select-button{
    width: 100%;
    height: auto;
}

.reporte-gustos-content .filtro-segmento-3 .fil{
    width: 100%;
    border-right: 0;
    padding: 0;
}

.reporte-gustos-content .filtro-segmento-3 .fil .buscar-segmento {
    width: 95%;
}



.lista-perfil-ranking {
    width: 45.6%;
    float: left;
    height: auto;
    min-height: 58px;
    border: #d6d6d6 solid 1px;
    padding: 1%;
    max-width: none;
    border-radius: 5px;
    margin: 0px 1px 0 17px;
    background: #f1f1f1;
}

.contribuciones_ranking_content .ranking-frame_ajuste{
border-left: none;
border-right: none;
border-bottom: none;
padding: 0px 0px 0px 17px;
}

.contribuciones_ranking_content .ajuste-btn_rank{
margin-right: 16px;
}

.comilla {
    background: none;
    padding-left: 0px;
}

.contribuciones_ranking_content .leftfix {
  margin-right: 0;
}

.simbologia-ranking-der {
    width: 100%;
    float: left;
    height: auto;
    padding-top: 17px;
    padding-bottom: 20px;
    border-bottom: #d6d6d6 solid 1px;
    border-top: #d6d6d6 solid 1px;
    background: #fff;
}

.btn-ordenar {

    border: #133a66 solid 1px;
    float: left;
    width: 110px;
    height: 39px;
    border-radius: 5px;
    text-align: left;
    padding-left: 15px;
    line-height: 40px;
    text-decoration: none;
    color: #242424;
    margin-right: 15px;
    background: url(../img/icon-ordenar.png) right no-repeat;
    margin-bottom: 9px;
   }

.contribuciones_ranking_content .ajuste-np-rank {
      margin: 38px 33px 0px 41px;
}

.contribuciones_ranking_content .lupa-fix{
  margin-top: 27px;
}

.contribuciones_ranking_content .img-rank {
margin: 28px 10px 10px 13px;
}

.contribuciones_ranking_content .ajuste-btng-rank {
margin: 10px 23px 0px 0px;
}

.contribuciones_ranking_content .ajuste-btngc-rank {
margin: 10px 16px 0 0;
}

.menu-izquierda-ranking a {
    border-bottom: #00b285 solid 1px;
    border-left: #00b285 solid 3px;
    color: #242424;
    font-size: 13px;
    width: 94%;
    height: auto;
    line-height: 20px;
    padding-top: 21px;
    float: left;
    text-decoration: none;
    padding-left: 5%;
    padding-bottom: 21px;
    max-width: 191px;
    border-right: #00b285 solid 1px;
    border-top: #00b285 solid 1px;
}

.contribuciones_ranking_content .ajuste-lp-rank {
max-width: 922px;
}

.contribuciones_ranking_content .ajuste-footbt-rank {
    margin: 21px 0 0px 46px;
    width: 917px;
    border: none;
}

.comentarios-content .ajuste-comentariosselect {
  max-width: 349px;
  margin: 38px 0 0 -9px !important;
}

.puntaje-ranking-1 {
    border-left: none;
}

.contenedor-derecha-ranking .barra-escala {
  float: left;
  margin-left: 23%;
}

.contenedor-derecha-ranking .puntaje.leftfix{
    max-width: 97%;
    margin-right: 10px;
}

.feedback-content .nuevofeedback {
    margin: 15px 0px 0px 11px;
    text-align: center;
}

.feedback-content .ajuste-colab-feedb {
    float: left;
    margin-left: 0px;
    clear:none;
}


.tabla-feedbacks .dataTables_wrapper.no-footer {
  width: 100%;
  padding: 13px 0px 10px 0px;
  transform: scale(0.98,0.98);
}
#editar-compromisos .cajaEdicionCompromiso select{
    margin-top: 0px;
}

div.fancybox-inner .mensajeAlerta {
    border: #f34f54 solid 2px;
    padding: 15px;
}

div.fancybox-inner .btn-seguir {
    border: #00b285 solid 1px;
    padding: 1px;
}

div.fancybox-inner .btn-seguir2 {
    border: #00b285 solid 1px;
    padding: 1px;
}

.reporte-comentarios-content .fil-3 .select-button{
    width: 100%;
    height: auto;
}

.reporte-comentarios-content .filtro-segmento-3 .fil{
    width: 100%;
    border-right: 0;
    padding: 0;
}

.reporte-comentarios-content .filtro-segmento-3 .fil .buscar-segmento {
    width: 95%;
}

.reporte-comentarios-content .iwi-inputTextWrapper > input {
    width: 93%;
}

.reporte-kpi-content .fil-3 .select-button{
    width: 100%;
    height: auto;
}

.reporte-kpi-content .filtro-segmento-3 .fil{
    width: 100%;
    border-right: 0;
    padding: 0;
}

.reporte-kpi-content .filtro-segmento-3 .fil .buscar-segmento {
    width: 95%;
}

.reporte-cierre-eva-content .fil-3 .select-button{
    width: 100%;
    height: auto;
}

.reporte-cierre-eva-content .filtro-segmento-3 .fil{
    width: 100%;
    border-right: 0;
    padding: 0;
}

.reporte-cierre-eva-content .filtro-segmento-3 .fil .buscar-segmento {
    width: 95%;
}

.distribucion-content .fil-3 .select-button{
    width: 100%;
    height: auto;
}

.distribucion-content .filtro-segmento-3 .fil{
    width: 100%;
    border-right: 0;
    padding: 0;
}

.distribucion-content .filtro-segmento-3 .fil .buscar-segmento {
    width: 95%;
}

.feedback-content .text_1 {
    padding: 10px;
    float: left;
}

.feedback-content .border_line_row{
  border-bottom: #d6d6d6 solid 1px;
}

.ulMensajeRoles {
    color: #997F7F;
    font-weight: normal;
    padding-right: 8px;
    font-size: 11px;
    margin-left: 20px;
}

.multipersona_editar_text {
    cursor: default;
    color: #666 !important;
    text-decoration: none !important;
    margin-left: 10px;
}

.ajuste-bloque .ajuste-btn-comp{
  padding-left: 12px;
}


.agregaPersonas .dimension_colab_per {
width: 364px;
}

.agregaPersonas .ajuste-colab-width{
  width: 97%;
}

.comentarios-content .evadesemp{
  width: 93%
}

.btn-filtrar.botones4.valida_btn_filtrar {
  margin: 24px -20px 20px 367px;
}

.btn-filtrar.botones4.btn-ciclo-factores {
    margin-left: 278px;
}

/*.divTable.graficosAvance.mensaje-ciclo-evaluaciones {
    margin-left: 612px;
    display:none;
}*/

.divTable.graficosAvance.mensaje-ciclo-evaluaciones{

}

.btn-filtrar.botones4.btn-filtrar-cicloeva {
    margin-left: 317px;
    margin-top: 48px;
}

.alerta-contenedor .listper-relaciones {
    width: 354px;
}

.tooltip.tool-positionfix {
    margin-right: -100px;
    width: 127px;
    height: 117px;
}

.cada-filtro {
    border-right: none;
}

.fil h3 {

    color: #f34f54;
    width: 100%;
    float: left;
    margin-bottom: 16px;
    font-size: 16px;
    margin-left: 4px;
}

.fil h4 {
    color: #f34f54;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    font-size: 16px;
    margin-left: 4px;
}

input.iwi-input {

    padding: 0.7em;
    line-height: 2.2em;
    border-radius: 0.5em;
    border: 1px solid #dadada;
    background-color: #fff;

}

.fil div.nice-select {

    width: 100%;
    margin: 0px 0px 10px 0px;
    border: #d6d6d6 solid 1px;
        border-top-color: rgb(214, 214, 214);
        border-right-color: rgb(214, 214, 214);
        border-bottom-color: rgb(214, 214, 214);
        border-left-color: rgb(214, 214, 214);
    box-sizing: border-box;

}

.fil.tittle-style-red {
    box-sizing: border-box;
}

input.btn-filtrar.botones4.btn-avance-agrupado {
    margin-right: 38px;
    margin-top: 0px;
    float: right;
    margin-bottom: 20px;
}

input.btn-filtrar.botones4.btn-resultados-segmentos {
    margin-left: 603px;
    margin-top: -53px;
}

#busca_cliente_interno_componente_buscapersonas .user-seleccionado2, #busca_pares_componente_buscapersonas .user-seleccionado2, #busca_evaluadores_componente_buscapersonas .user-seleccionado2, #busca_lideres_componente_buscapersonas .user-seleccionado2, #busca_mi_lider_componente_buscapersonas .user-seleccionado2, #busca_validadores_componente_buscapersonas .user-seleccionado2 {
    padding: 13px 15px 8px 17px;
    margin: 0.4%;
    max-width: 296px;
    float: left;
    margin-left: 25px;
}

.reporte-cierre-eva-content .persona-margin{
    margin-top: 16px;
    width: 65%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.reporte-capacitaciones-content .persona-margin{
    margin-top: 16px;
    width: 65%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.reporte-personas-cierre-content .persona-margin{
    margin-top: 16px;
    width: 65%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.agregaPersonas .ajuste-colab-width.evadesemp {
    width: 93%;
}

.feedback-content .nomargenfeedback{
  margin: 0;
}

.btn-exportar.long-version-btn {
    border: #00b285 solid 1px;
    /* float: right; */
    width: 80px;
    height: 39px;
    border-radius: 5px;
    text-align: left;
    padding-left: 15px;
    line-height: 40px;
    text-decoration: none;
    color: #00b285;
    background: url(../img/icon-guardar.png) right no-repeat;
    padding-right: 48px;
}

/* @arobert */
/* Los t?ulos largo desarman el orden de los filtros cuando ocupan m? de una linea */
.listado-avance-personas-four.fil h3 {
    white-space: nowrap;
}

/* @arobert */

.reporte-personas-cierre-content .filtro-segmento-3 .fil .buscar-segmento p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.reporte-gustos-content .filtro-segmento-3 .fil .buscar-segmento p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-filtrar.botones4.btn-listavafix {
    margin-top: 49px;
}

.v-gap {
    width: 100%;
    display: flow-root;
}
/* @arobert */

.feedback-content .margen-fix {

    margin-top: 15px;
}

#bloque-bitacora-feed .leftfix {
    margin-right: 20px;
}

/*.ac-container.colab-ver {
    width: 32%;
}*/
.ac-container.colab-ver{
    width: 100%;
}

.contenedor-avance .cont-ava-fix {
    width: 100%;
}

.middle2.cont-avaco-fix {
    width: 100%;
}

div#cont_fch_btnguardarmedio.btn-guardar-continuar.finalizar {
    width: 105px;
    margin-right: 0;
}


.btn-filtrar.botones4.btn-ciclo-factores {
    margin-left: 378px;
    margin-top: -43px;
}

.no-lines{
    background: #f1f1f1 !important;
}

.btn-guardar-continuar {
    text-transform: capitalize;
}

/*jarismendi 25/06/18*/
.list-solicitus-validacion-content .fil-3 .select-button{
    width: 100%;
    height: auto;
}

.list-solicitus-validacion-content .filtro-segmento-3 .fil{
    width: 100%;
    border-right: 0;
    padding: 0;
}

.list-solicitus-validacion-content .filtro-segmento-3 .fil .buscar-segmento {
    width: 95%;
}

.list-solicitus-validacion-content .filtros-avance {
    margin-bottom: 0px;
}

.list-solicitus-validacion-content #scroll-horizontal {
    margin-top: 10px;
}

.resutlado-mapa-talentos-content .fil-3 .select-button{
    width: 100%;
    height: auto;
}

.resutlado-mapa-talentos-content .filtro-segmento-3 .fil{
    width: 100%;
    border-right: 0;
    padding: 0;
}

.resutlado-mapa-talentos-content .filtro-segmento-3 .fil .buscar-segmento {
    width: 95%;
}

.listado-avance-agrupado-content #scroll-horizontal {
    margin-top: 10px;
}

.calibrador_content .btn-filtrar {
    margin-bottom: 20px;
}

.calibrador_content #scroll-horizontal {
    margin-top: 10px;
}

.reporte-personas-cierre-content #scroll-horizontal {
    margin-top: 10px;
}

.calibrador_content .search-field input{
    cursor: pointer;
}

.listado-avance-personas-content #scroll-horizontal {
    margin-top: 10px;
}

.relaciones-content .agregaPersonas .ajuste-colab-width.evadesemp{
  width: 90%;
}

.selct-alcance-reporte-persona .fil .select-button {
  margin-top: 4px;
}

.reporte_personas_content .fil-nombre input{
    width: 100%;
}

.reporte_personas_content #scroll-horizontal {
    margin-top: 10px;
}


.reporte-base-comparativa-content .filtros-avance .btn-filtrar{
    margin: 43px 25px 0 0;
    float: right;
    line-height: 42px;
}

.reporte-base-comparativa-content .fil-3 .select-button{
    width: 100%;
    height: auto;
}

.reporte-base-comparativa-content .filtro-segmento-3 .fil{
    width: 100% !important;
    border-right: 0;
    padding: 0;
}

.reporte-base-comparativa-content .filtro-segmento-3 .fil .buscar-segmento {
    width: 95%;
}

.reporte-base-comparativa-content .filtro-segmento-3 .fil .buscar-segmento p{
    width: 90% !important;
}

.reporte-compromisos-content .personaInfo{
    width: 50%;
}

.reporte-cierre-eva-content #scroll-horizontal{
    margin-top: 10px;
}

.reporte-feedback-content #scroll-horizontal{
    margin-top: 10px;
}

.reporte-compromisos-content #scroll-horizontal{
    margin-top: 10px;
}

.reporte-comentarios-content #scroll-horizontal{
    margin-top: 10px;
}

/*---Juan---*/

.postulacion-info-candidato-side{
	width: 17%;
	height: 600px;
	float: left;
	background: whitesmoke;
	border: #d6d6d6 solid 1px;
	border-radius: 5px;
	margin-top: 20px;
}

.postulacion-info-candidato-top{
	width: 81%;
	height: 30px;
	float: right;
	background: whitesmoke;
	padding-top: 10px;
	border-radius: 5px;
	border: #d6d6d6 solid 1px;
	margin-top: 20px;
}

.postulacion-info-candidato-contenedor {
	width: 81%;
	height: 80px;
	float: left;
	border: #d6d6d6 solid 1px;
	border-radius: 5px;
	margin-top: 19px;
	margin-left: 18px;
	margin-bottom: 10px;
}

.accordion-postulacion{
	width: 81% !important;
	margin-left: 18px !important;
	margin-top: 0px !important;
}

.opc {
    display: inline;
    margin-right: 2px;
    cursor: pointer
}

.active.opc{
	border-bottom:2px solid #f00;
}

.contenedor-select-table .dataTables_wrapper.no-footer {
    padding: 0px 64px 22px 70px;
    width: 71%;
}

/*---Juan---*/

.ciclos-factores-content .fil-3 .select-button{
    width: 100%;
    height: auto;
}

.ciclos-factores-content .filtro-segmento-3 .fil{
    width: 100%;
    border-right: 0;
    padding: 0;
}

.ciclos-factores-content .filtro-segmento-3 .fil .buscar-segmento {
    width: 95%;
}

.ciclos-factores-content #scroll-horizontal {
    margin-top: 20px;
}

.ciclos-evaluaciones-content .fil-3 .select-button{
    width: 100%;
    height: auto;
}

.ciclos-evaluaciones-content .filtro-segmento-3 .fil{
    width: 100%;
    border-right: 0;
    padding: 0;
}

.ciclos-evaluaciones-content .filtro-segmento-3 .fil .buscar-segmento {
    width: 95%;
}

.ciclos-evaluaciones-content #scroll-horizontal {
    margin-top: 20px;
}

.ciclos-evaluaciones-content #cselseg_caja_principal_segmentos .btn-cancelar{
    width: auto;
}

.ciclos-evaluaciones-content #cselseg_caja_principal_segmentos .btn-sel-seg{
    width: auto;
}


/*---CLIMA---*/
.clima { width:31%; float:left; height:auto;border-right:#d6d6d6 solid 1px; padding:1%;min-height: 275px;}
.clima h3 { color:#333; font-weight:normal; width:100%;border-bottom:#d6d6d6 solid 1px; font-size:15px; margin-top:0; text-transform:uppercase}
.dato-clima { width:100%; height:auto; float:left;}.dato-clima img { width:100%; height:auto; float:left;}
.indicadores { width:50%; float:left; height:auto; text-align:center;}.indicadores p { margin-top:0; margin-bottom:0;}img.clima-img { margin-top:20px; width:100%; height:auto;}

/*---CLIMA---*/


#show1,#hide1 {display:none;}
/*div#content-comentarios-home {display:block;}
input#show1:checked ~ div#content-comentarios-home {display:block;}
input#hide1:checked ~ div#content-comentarios-home {display:none;}
label span img {  float:right; position:relative; top:23px; margin-right:3px; }*/

#show2,#hide2 {display:none;}
/*div#bloque-blanco {display:block;}
input#show2:checked ~ div#bloque-blanco {display:block;}
input#show2:checked ~ div#bloque-blanco #content-comentarios-home {display:none;}
input#hide2:checked ~ div#bloque-blanco {display:none;}*/

#show3,#hide3 {display:none;}
/*div#bloque-azul {display:block;}
input#show3:checked ~ div#bloque-azul {display:block;}
input#show3:checked ~ div#bloque-azul #content-comentarios-home #bloque-blanco  {display:none;}
input#hide3:checked ~ div#bloque-azul {display:none;}*/

#show4,#hide4 {display:none;}
/*div#bloque-clima {display:block;}
input#show4:checked ~ div#bloque-clima {display:block;}
input#show4:checked ~ div#bloque-clima #bloque-azul #content-comentarios-home #bloque-blanco  {display:none;}
input#hide4:checked ~ div#bloque-clima {display:none;}*/

#show5,#hide5 {display:none;}
/*div#bloque-ev-des {display:block;}
input#show5:checked ~ div#bloque-ev-des {display:block;}
input#show5:checked ~ div#bloque-ev-des div#bloque-clima #bloque-azul #content-comentarios-home #bloque-blanco  {display:none;}
input#hide5:checked ~ div#bloque-ev-des {display:none;}*/

#show6,#hide6 {display:none;}
/*div#bloque-planes {display:block;}
input#show6:checked ~ div#bloque-planes {display:block;}
input#show6:checked ~ div#bloque-planes div#bloque-ev-des div#bloque-clima #bloque-azul #content-comentarios-home #bloque-blanco  {display:none;}
input#hide6:checked ~ div#bloque-planes {display:none;}*/

#show7,#hide7 {display:none;}
/*div#bloque-noticias {display:block;}
input#show7:checked ~ div#bloque-noticias {display:block;}
input#show7:checked ~ div#bloque-noticias div#bloque-planes div#bloque-ev-des div#bloque-clima #bloque-azul #content-comentarios-home #bloque-blanco  {display:none;}
input#hide7:checked ~ div#bloque-noticias {display:none;}*/

#show8,#hide8 {display:none;}
/*div#bloque-puntos-productos {display:block;}
input#show8:checked ~ div#bloque-puntos-productos {display:block;}
input#show8:checked ~ div#bloque-puntos-productos div#bloque-noticias div#bloque-planes div#bloque-ev-des div#bloque-clima #bloque-azul #content-comentarios-home #bloque-blanco  {display:none;}
input#hide8:checked ~ div#bloque-puntos-productos {display:none;}*/

#show9,#hide9 {display:none;}
/*div#bloque-bitacora {display:block;}
input#show9:checked ~ div#bloque-bitacora {display:block;}
input#show9:checked ~ div#bloque-bitacora div#bloque-puntos-productos div#bloque-noticias div#bloque-planes div#bloque-ev-des div#bloque-clima #bloque-azul #content-comentarios-home #bloque-blanco  {display:none;}
input#hide9:checked ~ div#bloque-bitacora {display:none;}*/

#show10,#hide10 {display:none;}
/*div#bloque-filtro-comentarios {display:block;}
input#show10:checked ~ div#bloque-filtro-comentarios {display:block;}
input#show10:checked ~ div#bloque-filtro-comentarios div#bloque-bitacora div#bloque-puntos-productos div#bloque-noticias div#bloque-planes div#bloque-ev-des div#bloque-clima #bloque-azul #content-comentarios-home #bloque-blanco  {display:none;}
input#hide10:checked ~ div#bloque-filtro-comentarios {display:none;}*/

.ttlo-seccion {width:100%;height:23px;background:#fff;float:left;border-bottom:#d6d6d6 solid 1px;font-size:16px;color:#f34f54; font-weight:700}


.margenGrafico {
	margin-bottom: 1em
}
/*.compoGauge {
	text-align: center;
}*/
.gaugeTitle {
	display: block;
	font-family: 'Fira Sans Condensed', 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	font-size: 20px; /*24px*/
	margin-bottom: 0em;/*10px*/
}

.gaugeSubtitle {
	margin: .4em 0;
	word-break: break-word;
	font-weight:700
}

.gaugeResultado .iconIgual {
	background-size: 0.6em; /*9px*/
}
.gaugeGap {
	/*padding: 0.3em 0 0.3em 1.10em; /*4px 0 4px 17px*/*/
	background: no-repeat left center;
	background-size: 0.8em; /*12px*/
}
.gaugeTotal {
	display: block;
	font-size: 0.875em; /*14px*/
}
/* gr?ico */
.grafPorcentaje {
	font-family: 'Fira Sans Condensed', 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	font-size: 2.5em;/* 40px => 1em de ahora en adelante */
	text-align: center;
	width: 1em;/* 90px */
	height: 15em;/*90px*/
	box-sizing: border-box;
	border: 0.075em solid #9F9F9F; /* 3px */
	border-radius: 50%;
	position: relative;
	line-height: 1em;/*90px*/
	font-weight: 50;
	margin: 0 auto;
}
.icoPorcentaje, .deltaPorcentaje {
	position: absolute;
}
.icoPorcentaje {
	font-size: 0.4em;  /* 16px => 1em de ahora en adelante       */
	color: white;
	width: 1em;  /* 31px */
	height: 1em;/* 31px */
	line-height: 2em;/* 31px */
	text-align: center;
	background-color: #787878;
	border-radius: 50%;
	top: 0em; /* -2px */
	right: 0em; /* -6px */
}
.deltaPorcentaje {
	font-size: 1em;  /* 16px => 1em de ahora en adelante       */
	color: #787878;
	right: 0em; /* -30px */
	top: 0;
}
.deltaPorcentaje span {
	font-family: FontAwesome, fantasy;
	font-size: 20.66%;
}
.deltaPorcentaje span.up {
	color: #2DB200;
}
.deltaPorcentaje span.down {
	color: #FF2626;
}
/* gr?ico animado */

.conZoom {
	width: 16px;
	height: 16px;
	font-size: 8px;
	top: 2px;
	right: 1px;
}
.centraGrafico {
	margin: 0 auto;
}
.gauge {
	width: 55px;
	height: 55px;
}
.gauge .background {
	fill: #ddd;
}

/*compo Segmento */
.compoSegmento {
	text-align: left;
	margin: 1em 0 2em 0.1em;
}
.compoSegmento div {
	display: inline-block;
	margin-right: 0.3em; /*4px*/
}
.segmentoUsuario {
	color: #FF4A58;
}
.segmentoValor {
	color: #FF4A58;
}
/* compo Indicador */
.compoIndicador {
	text-align: center;
}
.indicadorTitle {
	margin: 0.5em 0 0.5em 0;
	font-size: 0.875em;
	text-align: center
}

/***** Excepciones: Gauge Clima *****/



.compoGauge .gaugeTitle {
	margin: 0 0 0.5em 0;
}

@media only screen and (max-width: 950px) {
.compoGauge .graph {
	transform: scale(1.5)
}
	/* INICIO MODIFICACION: obtenido desde http://desarrollo.vrserver7.cl/clientes/peoplefirst/app_movil/contribuciones.php */
	.gaugeResultado div {
		display: inline-block;
		vertical-align: baseline;
		margin: 0 0.6em 0 0.6em;
	}
	/* FIN MODIFICACION: 2017-07-04 */
.col4 > div {
	width: 31%;
	margin-right: 3.5%;
	float: left;
}
.col4 > div:nth-of-type(3n) {
	margin-right: 0;
}
.col4 > div:nth-of-type(4n) {
	margin-right: 3.5%;
}
.col4 > div:nth-of-type(3n+1) {
	clear: left;
}
.col4 > div:nth-of-type(4n+1) {
	clear: none;
}
.compoGauge .graph {
	margin-bottom: 0;
}
	.compoGauge div.gaugeResultado
	{margin-top: 2em}
}
/*Modulo sin animicion*/
.el_indicadorNumeral {
	font-family: 'Fira Sans Condensed', 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	/*40px => 1em  de ahora en adelante*/
	text-align: center;
	width: 2.325em;/* 90px */
	border: 0.075em solid #9F9F9F;/* 3px */
	height: 2.325em;/*90px*/
	border-radius: 50%;
	position: relative;
	line-height: 2.325em;/*90px*/
	font-weight: 300;
	margin: 0 auto;
}
.el_icoNumeral {
	position: absolute;
	font-size: 0.4em; /* 16px => 1e de ac?en adelante  */
	color: white;
	width: 1.9375em;/* 31px */
	height: 1.9375em;/* 31px */
	line-height: 1.9375em;/* 31px */
	text-align: center;
	background-color: #787878;
	border-radius: 50%;
	top: -0.125em;/* -2px */
	right: -0.375em;/* -6px */
}
.mod_bordeInVerde{border: 0.075em solid #0FB78C;/* 3px */}

@media (max-width: 645px) {
.compoGauge	.graph {
		transform: scale(1);
	}
	.compoGauge div.gaugeResultado
	{margin-top: 0}
}


.puntos { width:15%; float:left; height:auto;padding:1%;}
.punto {width: 93%;float: left;border: #f34f54 solid 1px;padding: 4%;margin-top: 10px;border-radius: 5px;}
.punto img { float:left; width:45px;}.punto p { width:60%; float:left; margin-top:0; margin-left:5px; margin-bottom:0}
.punto p span {font-size: 25px;color: #f34f54;float: left; width: 100%; line-height:20px;}

.productos {width: 83%;float: right;height: auto;margin-top: 22px;}
.producto { width:16.7%; height:auto; margin-left:1%; float:left; border-radius:5px; background:#f5f3f3;
    border: 1px solid #d6d6d6;
    border-bottom-width: 3px;
    padding:1%;min-height: 170px;}  .producto:hover  {
                                        border: 1px solid #f34f54;
                                        border-bottom-width: 3px;
                                    }
.producto img { width:100%; float:left; height:auto; border-radius:5px; margin-bottom:10px;}.producto p { margin-top:0; width:50%; float:left; margin-bottom:0;color: #242424;}


.elige2, .buscaPersonas input {
    border: none;
    height: 32px;
    float: left;
    font-size: 13px;
    border-radius: 5px;
    margin: 4px 0 0 8px;
    width: 88%;
    font-family: 'Alegreya Sans', sans-serif;
    box-sizing: border-box;
}

.btn-guardar.btnAlerta.btn-pop{
	margin-right: 10px;
	float: right;
}

.btn-guardar.btnAlerta.btn-pop-r{
	margin-right: 0;
	float: right;
}

.div-centered {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

/* AGREGA CLASE DE PERSONA CON INCONSISTENCIA EN CONFIGURACION*/
.link_persona_inconsistente {
    background-color: red !important;
    color: white !important;
}

.paginaEvaluacion {
    display: inline-block;
}

.paginadorEvaluacion {
    margin-top: 1em;
    display: inline-block;
    line-height: 0;
}

.paginadorEvaluacion > div {
    margin-left: 3px;
    float: left;
}

.indicadorPaginaEvaluacion {
    background-color: #CCC;
    width: 20px;
    height: 5px;
}

.indicadorPaginaEvaluacion.paginaRealizada {
    background-color: #2B8;
    cursor: pointer;
}

.indicadorPaginaEvaluacion.paginaActual {
    background-color: #EAA;
    cursor: pointer;
}

.indicadorPaginaEvaluacion.paginaActiva {
    background-color: #5AF;
}

.clickable {
    cursor: pointer;
}

.clickable:hover {
    color: #f44;
}

.bordered_top_bottom {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
}

.no_padding {
    padding: 0 !important;
}

/* Widgets */
.widget_container {
    display: inline-block;
    width: 100%;
    border: 1px solid #eee;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 5px;
}

.widget_grid {
    display: flex;
}

.widget_grid > div {
    flex: 1;
    border-right: 1px solid #ddd;
    padding: 0 5px;
}

.widget_grid > div:last-child {
    border-right: none;
}

.widget_header {
    color: #333;
    padding: 0 5px;
    font-size: 15px;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
}

.widget_body > div {
    border: none;
    padding: 20px 0;
    text-align: center;
}

.widget_body p {
    margin: 0;
}

.widget_body p > span {
    padding: 0 5px;
    color: #f44;
}

/*
USO 1:
    <div class="collapser" onclick="$(this).toggleClass('open').next().toggle();">Colapsador</div>
    <div class="este_div_será_colapsable" style="display:none"></div>
USO 1:
    <div class="collapser open" onclick="$(this).toggleClass('open').next().toggle();">Colapsador</div>
    <div class="este_div_será_colapsable"></div>
*/
.collapser {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #F44;
    font-weight: bold;
    background: #FFF url("/iwi/img/arrow_down.png") center right 10px no-repeat;
    background-size: 10px 6px;
    cursor: pointer;
    margin-bottom: 1em;
}

.collapser.open {
    background-image: url("/iwi/img/arrow_up.png");
}

/* contenido */
.wrappedContent {
    display: inline-block;
    width: 100%;
    padding: 1em 0;
}

.wrappedContent form {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 1em;
    background-color: #f1f1f1;
}

.wrappedContent select, .wrappedContent input {
    width: 100%;
    height: 3em;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0 10px;
}

/* El contenedor de esta grilla debe ser de width:100%; */
.flex-row { display: flex; }

.flex-row.rightToLeft {
    flex-flow: row-reverse;
}

.flex-cell {
    flex: 1;
    padding: 0 1em 1em 0;
    position: relative;
}

.flex-cell:last-child {
    padding-right: 0;
}

.cajaPersonaContainer {
    margin: 10px;
    padding: 10px;
    text-align: center;
    box-sizing: border-box;
    /*border: 1px solid #ccc;*/
    /*border-radius: 5px;*/
}

.cajaPersonaContainer > .cpcNombre {
    font-size: 24px;
}

.cajaPersonaContainer > .cpcImagen > img {
    border-radius: 50%;
    height: 100px;
    width: 100px;
    border: 10px solid #eee;
}

.noPadding {
    padding: 0;
}

.noMargin {
    margin: 0;
}

.unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media print
{    
    .no-print, .no-print *, #menu, #menu *, .info-top, .info-top *
    {
        display: none !important;
    }
}

/* Para generar el toggle usar onclick="$(this).toggleClass('collapsible-text');" */
.collapsible-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /* number of lines to show */
    line-height: 1.2em;
    max-height: 1.2em; /* -webkit-line-clamp * line-height */
    cursor: cell;
}

/* Para generar el toggle usar onclick="$(this).toggleClass('collapsible-text-2');" */
.collapsible-text-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-height: 1.3em;
    max-height: 2.6em; /* -webkit-line-clamp * line-height */
    cursor: cell;
}

/* Para generar el toggle usar onclick="$(this).toggleClass('collapsible-text-3');" */
.collapsible-text-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-height: 1.2em;
    max-height: 3.6em; /* -webkit-line-clamp * line-height */
    cursor: cell;
}

/* Para generar el toggle usar onclick="$(this).toggleClass('collapsible-text-4');" */
.collapsible-text-4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; /* number of lines to show */
    line-height: 1.2em;
    max-height: 4.8em; /* -webkit-line-clamp * line-height */
    cursor: cell;
}

.allCaps {
    text-transform: uppercase;
}


loading {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    background: transparent url(/iwi/img/loading.gif) center center / 20px 20px no-repeat;
    padding: 10px 0;
}

/* El contenedor de esta grilla debe ser de width:100%; */
.widget-flex-row { display: flex; }

.widget-flex-row.rightToLeft {
    flex-flow: row-reverse;
}

.widget-flex-cell {
    flex: 1;
/*    padding: 0 1em 1em 0;
*/    position: relative;
}

.widget-flex-cell--margin {
    margin-left: 40px;
    max-width: 220px;
}

.widget-flex-cell:last-child {
    padding-right: 0;
}

.iwiWidgettag {
   float: left;
   position: absolute;
   left: 23px;
   top: 28px;
   z-index: 99;
   max-width:220px; 
   max-height:150px;
   overflow:hidden;
   font-size: 150%;
   text-alig:center;
   padding:25px;
   border-top-left-radius: 25px;
   border-bottom-left-radius: 25px;
   border-bottom-right-radius: 0px;
   border-top-right-radius: 25px;
   text-align:center;
   color:#438398;
/*   padding-bottom:2px;
*/}

.iwiWidgettag-lupa {
   float: left;
   position: initial;
   left: 195px;
   top: 24px;
   z-index: 1000;   
   max-width:220px; 
   max-height:150px;
   overflow:hidden;
   font-size: 150%;
   padding:25px;
   text-align:center;
   margin-bottom: 6px;
   color: #438398;
   
}

.iwiWidgettag-numero {
   font-size: 450%;
   display:block;
   margin:auto;
   text-align:center;
}

.iwiWidgetCenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -15px;
    margin-bottom: 5px;
}

.iwiWidgetCyan
{ color:#6acbdf !important;}

.iwiWidgetCajaTextTitulo{
    line-height: 1.4;   
    font-size: 1.2em;
    border-bottom: 1px solid #909090;
}

.iwiWidgetCajaText{
    font-size: 2em;
    color: #909090;
}

.iwiWidgetBtnCyan{
  background-color:#6acbdf;
    color: white;
    border-radius: 5px;
    max-width:180px;
    margin:auto;
    diplay:block;
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
    font-weight: bold;
    font-size:1.2em;
}

.iwiWidgetBtnRed{
    background-color:#ee4550;
    color: white;
    border-radius: 5px;
    max-width:180px;
    margin:auto;
    diplay:block;
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
    font-weight: bold;
    font-size:1.2em;
}

.iwiWidgetMsjBarra{
    font-size:1.2em;
    text-align:center;
    margin-top: 5px;
    color: #6e6e6e;
    margin-bottom: 3px;

}

.iwiWidgetTitulos{
    font-size:1.4em;
}

.iwiWidgetWrapper {
        /*width: 500px;*/
}

.iwiWidgetProgress-bar {
        width: 100%;
        background-color: #e0e0e0;
        padding: 0px;
        border-radius: 15px;
/*        box-shadow: inset 0 1px 3px #c48341;
*/}

.iwiWidgetProgress-bar-fill {
        display: block;
        height: 30px;
        background-color: #fbb851;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        padding:5px;
        transition: width 500ms ease-in-out;
}

.iwiWidgetProgress-round-bar {
        border-radius: 15px;
}


.iwiWidgetPorcentaje{
    position: absolute;
    top: 0px;
    left: 50%;
    z-index:99;
    text-align:center;
    font-size:25px;
}

.iwiWidgetBorder *{
    box-sizing: border-box;
}

.iwiWidgetFrame{
    width:100px;
    display:block;
    margin:auto;
}

.iwiWidgetBubbleLeft {
	position: relative;
	background: #79d1e1;
	border-radius: 2.4em;
  margin-left: 30px;
  margin-top: -10px;
}

.widget-flex-cell--margin img {
    margin-left: 50px;
    margin-top: -33px;
}

.widget-img img{
  margin-left: 30px;
}

.iwiWidgetBubbleRight {
	/*position: relative;*/
	background: #88d7e3;
	border-radius: 2.4em;
}

.iwiWidgetInvisible{
    display: none !important;
}

.iwiWidgetTable_container_bordered{
    padding: 1em 1em 10px 1em;
    border: 1px solid #ddd;
    border-radius: 0.3em;
    display: flow-root;
}

.iwiWidget-ttlo-introduccion h2 {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #ee3743;
    font-weight: 700;
    margin-top: -5px;
    background: url(../img/line.png) top repeat-x;
    height: 20px;
    margin-bottom: 0;
}
.iwiWidget-ttlo-introduccion h2 span {  padding-right:15px; background:#fff; height:20px; float:left;}   


.bloque-bitacora-feed.justify-general-iwi{
  width: 98%;
}

/* Component::botonMenu() */
.iwiBtnOpciones {
    display: inline-block;
    position: relative;
}

.iwiBtnOpciones > .iwiBO_boton {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    cursor: pointer;
}

.iwiBtnOpciones > .iwiBO_boton:hover {
    background-color: #f1f1f1;
}

.iwiBtnOpciones > .iwiBO_menu {
    position: absolute;
    display: none;
    bottom: 40px;
    left: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    z-index: 1001;
}

.iwiBtnOpciones > .iwiBO_menu > .iwiBO_opcion {
    padding: 10px;
    margin: 0;
    width: auto;
    background-color: #fff;
    cursor: pointer;
    border-radius: 5px;
    white-space: nowrap;
}

.iwiBtnOpciones > .iwiBO_menu > .iwiBO_opcion:hover {
    background-color: #f1f1f1;
}


#cont_fch_btnTerminarProceso{
    width: 200px
}


.cont_fch_btnTerminarProceso_width--widthAuto {
    width: auto !important;
    padding-right: 40px !important;
}

/*para recortar el texto y no salga del limite*/
div.dato-det-pers.adaptarTexto div.nice-select span.current {
    display:inline-block; 
    text-overflow:ellipsis;
    overflow:hidden; 
    width:100%;
}

/* Componente alerta */
.alert_overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000aa;
    z-index: 9999;
}

.alert_container {
    position: absolute;
    top: 10vh;
    left: 50%;
    width: 410px;
    background: #fff;
    margin-left: -200px;
    padding: 16px 10px 10px 10px;
    border-radius: 5px;
    box-shadow: 0 10px 16px -8px #333;
}

.alert_message, .alert_button_wrapper {
    width: 100%;
}

.alert_button {
    background: #fff url(/iwi/img/icon-guardar.png) center right no-repeat;
    border: 1px solid #0b8;
    border-radius: 5px;
    padding: 5px 48px 5px 5px;
    float: right;
    color: #0b8;
    margin-top: 16px;
    cursor: pointer;
}

.alert_cancel{
    background: #fff url(/iwi/img/icon-cerrar.png) center right no-repeat;
    float: left;
    color: #f44;
    border: 1px solid #f44;
}

.white_overlay {
    background-color: #ffffff77;
}

.white_overlay .alert_container {
    border: 2px solid #f44;
}

div.sel-indicadorPostulacionesActivas {
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: 0.3em;
    border-bottom-right-radius: 0.3em;
    background-color: #F1F1F1;
    padding: 0.3em 0.5em;
    cursor: help
}
img.sel_actionIcon {width: 35px;height: 35px}
img.sel_actionIcon:hover {filter: brightness(1.09)}
div.persona_tabla {display: inline-flex;line-height: 2em;width: 100%}
div.persona_tabla > img {height: 2em;width: 2em;border-radius: 50%}
div.persona_tabla > div {width: 80%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: left;padding-left: 0.5em}

.cursor-pointer{
    cursor: pointer !important;
}

.btn-rojo{
    border: #f34f54 solid 1px;
    float: right;
    width: auto;
    height: 39px;
    border-radius: 5px;
    text-align: left;
    padding-left: 10px;
    line-height: 40px;
    text-decoration: none;
    color: #f34f54;
    background: url(../img/icon-cerrar.png) right no-repeat;
    padding-right: 55px;
}

.btn-azul{
    border: #133a66 solid 1px;
    float: right;
    width: auto;
    height: 39px;
    border-radius: 5px;
    text-align: left;
    padding-left: 10px;
    line-height: 40px;
    text-decoration: none;
    color: #133a66;
    background:url(../img/icon-guardar-continuar.png) right no-repeat;
    padding-right: 55px;
}

.input-calibrar{
  text-align: center;
  width: 80px;
}

.lbl-calibrado{
    border: #00b285 solid 1px;
    color: #242424 !important;
    border-radius: 5px;
    width: 65px;
    padding: 2px;
    text-align: center;
    margin-top: 5px !important;
}

/* 
estilo boton para redirigir al usuario al nuevo home de desempeno
se aplica en iwi/contribuciones/evalucion/contribuciones.avance.php
se aplica en iwi/contribuciones/evalucion/contribucionescol.avance.php
*/
.btn-nuevo-home-desempeno {

    border: #00b285 solid 1px;
    width: 280px;
    height: 25px;
    border-radius: 5px;
    line-height: 23px;
    text-decoration: none;
    margin-left: 200px;
    color:#00b285;
    background-color:#ffffff;
    /* background: url(../img/icon-guardar.png) right no-repeat; */
    
    /*para color de desempeno nuevo y fondo lleno*/
    /* background-color:#5cc4bd;
    border: #5cc4bd solid 1px; */
    /* color: #FFFFFF; */
    
    /*para fondo lleno de color*/
    /*background-color:#00b285; */
    /* color: #FFFFFF; */
}

.btn-nuevo-home-desempeno:hover {
    /* color: #FFFFFF; */
    color: black;
}

.widgetIntegracionHome{
    width: 98%;
    margin-top: 10px;
    display: inline-block;
    background-color: #6CE;
    border: 1px solid #6CE;
    border-radius: 15px; 
    padding: 10px; 
    height: 115px; 
    color: white;
}

.widgetIntegracionHomeTitulo{
    font-size: 2em;
    display: inline-block;
}
.widgetIntegracionHomeCuerpo{
    width: 75%;
    display: inline-block;
    vertical-align: top;
}
.widgetIntegracionHomeIco{
    width: 20%; 
    display: inline-block;
}
.widgetIntegracionHomeIco > img{
    width: 80px; 
}
.widgetIntegracionHomeOpcion1{
    display: inline-block;
    width: 50%;
}
.widgetIntegracionHomeOpcion2{
    display: inline-block;
    width: 50%;
}
.widgetIntegracionHomeOpcion1 > img{
    width: 115px; 
}
.widgetIntegracionHomeOpcion2 > img{
    width: 20px; 
}

.widgetIntegracionHomeOpcion > div {
    font-size: 1.5em;
}

.line-break-custom {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    line-height: 19px;
    word-wrap: break-word;
}

.fixtable{
    width: -webkit-fill-available !important;
}

.content-ellipsis-3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-height: 1.2em;
    max-height: 3.6em; /* -webkit-line-clamp * line-height */
}