﻿
#containerF {
    width: 1360px;
}

.pnl .content .fieldgroup .chkholder > label {
    margin-bottom: 0px;
}

table.valign-top tr td {
     vertical-align:middle;
}

span.clear-fecha-disabled {
    vertical-align: middle;
    width: 24px;
    height: 16px;
    margin-left:2px;
    background-repeat: no-repeat;
    background-position: 0px -16px;
    cursor: pointer;
    font-weight: normal;
    text-decoration: none;
    background-image: url("../../../components/commons/img/op.eraser.png");
    display: inline-table;
}

span.clear-fecha-disabled.enabled:hover {
    background-position: 0px 0px;
}

div.pnl.filter div.content div.fieldgroup,
div.pnl.list-panel div.content div.fieldgroup{
    border-bottom:none;
    padding-top:10px;
    padding-bottom:10px;
    background-color:#EEEEEE;
}

div.btnContent.min-padding {
    height:30px;
    margin:0px;
}

div.tmp-hide-content {
    position: relative;
    top: 0px;
    text-align: center;
    font-size: 28pt;
    font-family: calibri;
    color: silver;
    background: white;
    height: 202px;
    padding-top: 130px;
    border: 1px solid silver;
    border-top: none;
}

ul.pnt-lista {
    margin:5px;
    font-size:12px;
    font-family: consolas;
}

ul.pnt-lista li.pnt-item div.pnt-head {
 /* padding: 2px;*/
  border: 1px solid rgb(170, 170, 170);
  background-color: rgb(204, 204, 204);
  border-bottom:none;
}
  
ul.pnt-lista li.pnt-headers div.headers {
    border: 1px solid black;
/*    background-color: rgb(103, 33, 33);*/
background-color: rgb(42, 77, 98);
    color:White;
}

ul.pnt-lista li.pnt-headers div.headers table tr td {
    font-weight:bold;
    vertical-align:middle;
    color:#FFF;
    padding:4px 2px;
   padding-right:10px;
}

ul.pnt-lista li.bit-item div table tr td,
ul.pnt-lista li.pnt-item div table tr td{
    font-style:normal;
    color: #444;
    vertical-align:top;
    padding:4px 2px;
    padding-right:10px;
}

span.ps-index-item {
    border: 1px solid #A0A0A0;
    padding: 1px 5px;
    margin-right: 2px;
}

ul.pnt-lista li.pnt-item {
    /*margin-top: 5px;*/
    background-color: #FFF;
    border: 1px solid silver;
    cursor: default;
    background-image: url(../../../components/commons/img/bkbtn.png);
    background-position-y: bottom;
    background-repeat-y: no-repeat;
}
ul.pnt-lista li.pnt-item div {
    vertical-align:top;
}

ul.pnt-lista li.pnt-item.expanded {
    background-image: url(../../../components/commons/img/bkbtn.png);
    background-color:#fbf6f2;
    cursor:default;
}

ul.pnt-lista li.bit-item {
    background-color:white;
    border: 1px solid silver;
    border-top: none;
}
ul.pnt-lista li.bit-item.first-event {
    background-color:#CCC;
    cursor:pointer;
}

ul.pnt-lista li.bit-item table.tableformat > tbody > tr:hover,
ul.pnt-lista li.pnt-item table.tableformat > tbody > tr:hover{
    background-color: transparent;
}

/*################################## ↓↓↓↓↓↓↓↓ COLUMNAS DE LA TABLA DE DATOS ↓↓↓↓↓↓↓↓ ################################ */
span.punto-nombre {
    /*font-family: Lucida Console;*/
    letter-spacing: 2px;
    font-weight: bolder;
    /*color: #1F5894;*/
    color:#0073ea;
    white-space: pre;
    font-size: 12px;
}
span.punto-sitio
{
    /*font-family: Lucida Console;*/
    font-weight: bold;
    color: rgb(5, 42, 64);
}
ul.pnt-lista li.pnt-headers div.headers table tr td.col-nombrepunto,
ul.pnt-lista li.pnt-item div table tr td.col-nombrepunto {    
    width:20%;
    text-align:left;
}
ul.pnt-lista li.pnt-headers div.headers table tr td.col-utr,
ul.pnt-lista li.pnt-item div table tr td.col-utr {
    width:14%;
    text-align:left;
}
ul.pnt-lista li.pnt-item div table tr td.col-utr
{
    font-weight: bold;
    color: rgb(30, 67, 89);
    /*padding-left: 10px;*/
}
ul.pnt-lista li.pnt-headers div.headers table tr td.col-status,
ul.pnt-lista li.pnt-item div table tr td.col-status
{    
    width:4%;
    padding-right: 2px;
}

ul.pnt-lista li.pnt-headers div.headers table tr td.col-statusActual,
ul.pnt-lista li.pnt-item div table tr td.col-statusActual {
    width:31%;
    text-align:justify;
    font-size: 11px;
    padding-right:10px;
}
ul.pnt-lista li.pnt-headers div.headers table tr td.col-statusSiguiente,
ul.pnt-lista li.pnt-item div table tr td.col-statusSiguiente {

    width:31%;
    text-align:justify;
    font-size: 11px;
    padding-left:10px;
}
ul.pnt-lista li.pnt-headers div.headers table tr td.col-comentarios,
ul.pnt-lista li.pnt-item div table tr td.col-comentarios {
    width:180px;
    text-align:left;
}
ul.pnt-lista li.pnt-headers div.headers table tr td.col-opciones,
ul.pnt-lista li.pnt-item div table tr td.col-opciones,
ul.pnt-lista li.bit-item div.pnt-sitios table tbody td.col-opciones
{
    width: 42px;
}
ul.pnt-lista li.bit-item div.pnt-sitios table tbody td.col-espacio
{
    width: 90px;
    height: 24px;
}
ul.pnt-lista li.bit-item div.pnt-sitios table tbody td.col-nomsitio
{
    width: 14%;
    padding-left:20px;
    color:sienna;
}
ul.pnt-lista li.bit-item div.pnt-sitios table tbody td.col-comsitio
{
    width: 20%;
    color:sienna;
}
ul.pnt-lista li.bit-item div.pnt-sitios table tbody td.col-estactSitio
{
    width: 31%;
    text-align:justify;
    font-size: 11px;
    color:sienna;
    padding-right:10px;
}
ul.pnt-lista li.bit-item div.pnt-sitios table tbody td.col-estsigSitio
{
    text-align:justify;
    font-size: 11px;
    color:sienna;
    width: 31%;
    padding-left:10px;
}
ul.pnt-lista li.bit-item div.pnt-sitios table tbody td.col-estSitio
{
    width: 4%;
    padding-right:2px;
}
/*################################## ↑↑↑↑↑↑↑ COLUMNAS DE LA TABLA DE DATOS ↑↑↑↑↑↑↑ ################################ */

ul.pnt-lista li.pnt-item div table tr td.col-eval span.pnt-estatus{
    display:none;
    font-style: italic;
    padding-left: 1px;
    background-repeat: no-repeat;
    background-position: left;
    margin-right: 2px;
    float: left;
}

ul.pnt-lista li.pnt-item.estatus12 div table tr td.col-eval span.pnt-estatus
{
    display:inline-table;
    color: rgb(18, 131, 15);
    background-image: url(../../../components/commons/img/check.green.png);
}

ul.pnt-lista li.pnt-item div table tr td.col-id > .idpunto {
/*    font-family: Courier New; */
    letter-spacing: 2px;
    font-weight: bold;
    display:inline;
    cursor:pointer;
    color: #0977E8;
    white-space: pre;
}

span.local-loading,
.pnl .content .fieldgroup > table tbody tr td > span.local-loading {
    font-style: italic;
    font-size: 10px;
    margin-left: 5px;
    margin-right: 5px;
    color: silver;
}

select.local-loading,
.pnl .content .fieldgroup > table tbody tr td > select.local-loading {
/*    opacity:.3;*/
}
input.ui-button.exp-excel {
    background-image: url(../../../components/commons/img/ext-excel.png);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    padding-left: 22px;
}
span.mtto
{
    display: inline;
    padding-right: 15px;
    background-image: url(../../../components/commons/img/m_icon.png);
    background-position: right;
    background-position-y: 0px;
    background-repeat: no-repeat;
    color: black;
    cursor: default;
}
span.ps
{
    display: inline;
    padding-right: 15px;
    cursor:default;
}

ul.pnt-lista > li.pnt-item > div > table > tbody > tr > td > span.icon-expand {
    width: 15px;
    height: 15px;
    background-image: url(../../../components/commons/img/expand.collapse.png);
    display: inline-table;
    margin-right: 10px;
    background-position: 0px 0px; 
    cursor: pointer;
}

ul.pnt-lista > li.pnt-item > div > table > tbody > tr > td > span.icon-none {
    width: 15px;
    height: 15px;
    display: inline-table;
    margin-right: 10px;
}

ul.pnt-lista > li.pnt-item.expanded > div > table > tbody > tr > td > span.icon-expand {
    background-position: 0px 15px; 
}

ul.pnt-lista > li.pnt-item > div > table > tbody > tr > td > span.icon-more-info {
    display: inline-table;
    background-image: url(../../../components/commons/img/icon-more-info.png);
    width: 32px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: 17px;
    cursor: help;
}

/*Diferentes status*/
ul.pnt-lista > li.pnt-item > div > table > tbody > tr > td > span.ico-status {
    display: inline-table;
    width: 36px;
    height: 14px;
    background-image: url(../../../components/commons/img/ico-estatus.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    cursor: help;
}
ul.pnt-lista > li.pnt-item > div > table > tbody > tr > td > span.ico-status.status-5,
ul.pnt-lista > li.pnt-item > div > table > tbody > tr > td > span.ico-status.status-6 {
    background-position: 0px -14px;
}
ul.pnt-lista > li.pnt-item > div > table > tbody > tr > td > span.ico-status.status-9 {
    background-position: 0px -28px;
}
ul.pnt-lista > li.pnt-item > div > table > tbody > tr > td > span.ico-status.status-10 {
    background-position: 0px -42px;
}
ul.pnt-lista > li.pnt-item > div > table > tbody > tr > td > span.ico-status.status-11 {
    background-position: 0px -56px;
}
ul.pnt-lista > li.pnt-item > div > table > tbody > tr > td > span.ico-status.status-22,
ul.pnt-lista > li.pnt-item > div > table > tbody > tr > td > span.ico-status.status-23 {
    background-position: 0px -70px;
}
/*termina seccion de status*/


ul.pnt-lista > li.bit-item > div.pnt-sitios > table > tbody > tr > td > span.icon-status-ps {
    display: inline-table;
    width: 36px;
    height: 12px;
    background-image: url(../../../components/commons/img/ico.estatus.ps.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    cursor: help;
}
ul.pnt-lista > li.bit-item > div.pnt-sitios > table > tbody > tr > td > span.icon-status-ps.status-12,
ul.pnt-lista > li.bit-item > div.pnt-sitios > table > tbody > tr > td > span.icon-status-ps.status-13,
ul.pnt-lista > li.bit-item > div.pnt-sitios > table > tbody > tr > td > span.icon-status-ps.status-14,
ul.pnt-lista > li.bit-item > div.pnt-sitios > table > tbody > tr > td > span.icon-status-ps.status-15,
ul.pnt-lista > li.bit-item > div.pnt-sitios > table > tbody > tr > td > span.icon-status-ps.status-16 {
    background-position: 0px -12px;
}
ul.pnt-lista > li.bit-item > div.pnt-sitios > table > tbody > tr > td > span.icon-status-ps.status-17,
ul.pnt-lista > li.bit-item > div.pnt-sitios > table > tbody > tr > td > span.icon-status-ps.status-18,
ul.pnt-lista > li.bit-item > div.pnt-sitios > table > tbody > tr > td > span.icon-status-ps.status-19,
ul.pnt-lista > li.bit-item > div.pnt-sitios > table > tbody > tr > td > span.icon-status-ps.status-20,
ul.pnt-lista > li.bit-item > div.pnt-sitios > table > tbody > tr > td > span.icon-status-ps.status-21 {
    background-position: 0px -24px;
}
ul.pnt-lista > li.bit-item > div.pnt-sitios > table > tbody > tr > td > span.icon-status-ps.status-22,
ul.pnt-lista > li.bit-item > div.pnt-sitios > table > tbody > tr > td > span.icon-status-ps.status-23 {
    background-position: 0px -36px;
}

span.msj-icon {
    display: inline;
    padding-right: 20px;
    background-image: url(../../../components/commons/img/nocomments.png);
    background-position: right;
    background-position-y: 0px;
    background-repeat: no-repeat;
    color: black;
    cursor: pointer;
}