﻿.pnl .content .fieldgroup .chkholder > label {
    margin-bottom: 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;
    padding-top: 3px;
    padding-left:0px;
}

input.ui-button.ver-solo-integra {
    background-image: url(../../../components/commons/img/IconFIlterC.png);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    padding-left: 22px;
}

input.ui-button.ver-solo-integra.ui-state-hover,input.ui-button.ver-solo-integra.ui-state-focus {
    background-image: url(../../../components/commons/img/IconFIlterB.png);
}

input.ui-button.ver-solo-integra.selected {
    background-color: #457398;
    background-image: url(../../../components/commons/img/IconFIlterB.png);
    color: white;
}

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;
}

input.ui-button.exp-sp7 {
    background-image: url(../../../components/commons/img/ext-text.png);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    padding-left: 22px;
}

input.ui-button.validar-ranger {
    background-image: url(../../../components/commons/img/database_refresh.png);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    padding-left: 22px;
}
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.puntos-lista {
    margin:5px;
    font-size:12px;
}

ul.puntos-lista li.punto-item div.pnt-head {
  padding: 2px;
  border: 1px solid rgb(170, 170, 170);
  background-color: rgb(204, 204, 204);
  border-bottom:none;
}
  
ul.puntos-lista li.pnts-headers div.headers,
ul.puntos-lista li.vmed-headers div.vmed-headers
 {
    /*padding: 2px;*/
    border: 1px solid black;
    background-color: rgb(103, 33, 33);
    color:White;
}

ul.puntos-lista li.pnts-headers div.headers table tr td,
ul.puntos-lista li.vmed-headers div.vmed-headers table tr td
 {
    font-weight:bold;
    vertical-align:middle;
    color:#FFF;
    padding:4px 2px;
}

ul.puntos-lista li.pnt-item div table tr td {
    vertical-align:middle;
    color: #000;
    padding:4px 2px;
}

ul.puntos-lista li.pnt-item.estatus9 div table tr td,
ul.puntos-lista li.pnt-item.estatus10 div table tr td,
ul.puntos-lista li.pnt-item.estatus12 div table tr td,
ul.puntos-lista li.pnt-item.estatus13 div table tr td,
ul.puntos-lista li.pnt-item.estatus14 div table tr td,
ul.puntos-lista li.pnt-item.estatus15 div table tr td,
ul.puntos-lista li.pnt-item.estatus16 div table tr td,
ul.puntos-lista li.pnt-item.estatus17 div table tr td,
ul.puntos-lista li.pnt-item.estatus18 div table tr td,
ul.puntos-lista li.pnt-item.estatus19 div table tr td,
ul.puntos-lista li.pnt-item.estatus20 div table tr td,
ul.puntos-lista li.pnt-item.estatus21 div table tr td,
ul.puntos-lista li.pnt-item.estatus22 div table tr td,
ul.puntos-lista li.pnt-item.estatus23 div table tr td {
    font-style:italic;
    color: gray;
}

ul.puntos-lista li.pnt-item.estatus9 div table tr td span.acron-red,
ul.puntos-lista li.pnt-item.estatus10 div table tr td span.acron-red,
ul.puntos-lista li.pnt-item.estatus12 div table tr td span.acron-red,
ul.puntos-lista li.pnt-item.estatus13 div table tr td span.acron-red,
ul.puntos-lista li.pnt-item.estatus14 div table tr td span.acron-red,
ul.puntos-lista li.pnt-item.estatus15 div table tr td span.acron-red,
ul.puntos-lista li.pnt-item.estatus16 div table tr td span.acron-red,
ul.puntos-lista li.pnt-item.estatus17 div table tr td span.acron-red,
ul.puntos-lista li.pnt-item.estatus18 div table tr td span.acron-red,
ul.puntos-lista li.pnt-item.estatus19 div table tr td span.acron-red,
ul.puntos-lista li.pnt-item.estatus20 div table tr td span.acron-red,
ul.puntos-lista li.pnt-item.estatus21 div table tr td span.acron-red,
ul.puntos-lista li.pnt-item.estatus22 div table tr td span.acron-red,
ul.puntos-lista li.pnt-item.estatus23 div table tr td span.acron-red{
  border-color: rgb(223, 172, 172);
  color: rgb(223, 172, 172);
  background-image: none;
  background-color: white;
}

ul.puntos-lista li.pnt-item.estatus9 div table tr td span.acron-green,
ul.puntos-lista li.pnt-item.estatus10 div table tr td span.acron-green,
ul.puntos-lista li.pnt-item.estatus12 div table tr td span.acron-green,
ul.puntos-lista li.pnt-item.estatus13 div table tr td span.acron-green,
ul.puntos-lista li.pnt-item.estatus14 div table tr td span.acron-green,
ul.puntos-lista li.pnt-item.estatus15 div table tr td span.acron-green,
ul.puntos-lista li.pnt-item.estatus16 div table tr td span.acron-green,
ul.puntos-lista li.pnt-item.estatus17 div table tr td span.acron-green,
ul.puntos-lista li.pnt-item.estatus18 div table tr td span.acron-green,
ul.puntos-lista li.pnt-item.estatus19 div table tr td span.acron-green,
ul.puntos-lista li.pnt-item.estatus20 div table tr td span.acron-green,
ul.puntos-lista li.pnt-item.estatus21 div table tr td span.acron-green,
ul.puntos-lista li.pnt-item.estatus22 div table tr td span.acron-green,
ul.puntos-lista li.pnt-item.estatus23 div table tr td span.acron-green{
  border-color: rgb(149, 184, 149);
  color: rgb(149, 184, 149);
  background-image: none;
  background-color: white;
}

ul.puntos-lista li.pnt-item.error{
  border: solid 1px #CC0000;
  background-color: #FFCCCC;
  box-shadow: 0px 0px 5px rgba(230, 0, 0, 1);
  border-top: 1px solid #CC0000;
}

ul.puntos-lista li.pnt-item.warning{
  border: solid 1px #ffc290;
  background-color: #FFF0DC;
  border-top: 1px solid #ffc290;
}

ul.puntos-lista li.pnt-item {
    background-color: white;
    border: 1px solid silver;
    border-top: none;
    /*background-image: url("../../../components/commons/img/bkbtn.png");*/
}

ul.puntos-lista li.pnt-item.estatus10 div table tr td.col-eval,
ul.puntos-lista li.pnt-item.estatus9 div table tr td.col-eval,
ul.puntos-lista li.pnt-item.estatus4 div table tr td.col-eval {
    background-color: #FFEEEE;
}

ul.puntos-lista li.pnt-item.estatus10.no-rechazado div table tr td.col-eval,
ul.puntos-lista li.pnt-item.estatus9.no-rechazado div table tr td.col-eval{
    background-color: #FAFAFA;
}

ul.puntos-lista li.pnt-item.estatus12 div table tr td.col-eval {
    background-color: #EEFFEE;
}
ul.puntos-lista li.pnt-item.estatus13 div table tr td.col-eval,
ul.puntos-lista li.pnt-item.estatus14 div table tr td.col-eval,
ul.puntos-lista li.pnt-item.estatus15 div table tr td.col-eval,
ul.puntos-lista li.pnt-item.estatus16 div table tr td.col-eval,
ul.puntos-lista li.pnt-item.estatus17 div table tr td.col-eval,
ul.puntos-lista li.pnt-item.estatus18 div table tr td.col-eval,
ul.puntos-lista li.pnt-item.estatus19 div table tr td.col-eval,
ul.puntos-lista li.pnt-item.estatus20 div table tr td.col-eval,
ul.puntos-lista li.pnt-item.estatus21 div table tr td.col-eval,
ul.puntos-lista li.pnt-item.estatus22 div table tr td.col-eval,
ul.puntos-lista li.pnt-item.estatus23 div table tr td.col-eval {
    background-color: #FAFAFA;
}

ul.puntos-lista li.pnt-item.estatus11 table.tableformat > tbody > tr:hover{
    /*background-color: white;*/    
}

ul.puntos-lista li.pnt-item table.tableformat > tbody > tr:hover{
    background-color: transparent;
}
/*#FFFAFA     color rechazados
    #FAFFFA color integrados. */


ul.puntos-lista li.pnt-item:nth-child(even) {
/*    background-color: #FFF; */
}
 
ul.puntos-lista li.pnts-headers div.headers table tr td.col-utr,
ul.puntos-lista li.pnt-item div table tr td.col-utr
{
    width:44px;
    text-align:center;
}
ul.puntos-lista li.pnt-item div table tr.detailRanger td.col-utr > div
{
    font-size:7.8pt;
}
ul.puntos-lista li.pnts-headers div.headers table tr td.col-prioridad,
ul.puntos-lista li.pnt-item div table tr td.col-prioridad {
    width:24px;
    text-align:center;
}

ul.puntos-lista li.pnts-headers div.headers table tr td.col-nombrepunto,
ul.puntos-lista li.pnt-item div table tr td.col-nombrepunto {
    width:225px;
    text-align:left;
}

ul.puntos-lista li.pnts-headers div.headers table tr td.col-index,
ul.puntos-lista li.pnt-item div table tr td.col-index  {
    text-align:center;
    width:35px;
}

ul.puntos-lista li.pnts-headers div.headers table tr td.col-fechaps,
ul.puntos-lista li.pnt-item div table tr td.col-fechaps {
    text-align:center;
    width:135px;
}

ul.puntos-lista li.pnts-headers div.headers table tr td.col-acronimo,
ul.puntos-lista li.pnt-item div table tr td.col-acronimo,
ul.puntos-lista li.pnt-item div table tr td.no_aplica {
    text-align:center;
    width:140px;
}

ul.puntos-lista li.pnts-headers div.headers table tr td.col-ranger.noctlflg,
ul.puntos-lista li.pnt-item div table tr td.col-ranger.noctlflg {
    text-align: center;
    width: 40px;
    display:none;
}

ul.puntos-lista li.pnts-headers div.headers table tr td.col-observ.ranger,
ul.puntos-lista li.pnts-headers div.headers table tr td.col-observ {
    text-align:center;
}
ul.puntos-lista li.pnt-item div table tr td.col-observ {
    /*width:100px;*/
    text-align:left;
}
/*Se utiliza la clase ranger dentro del td col-observ para poner el tamaño correcto segun los campos de comparacion de ranger*/
ul.puntos-lista li.pnts-headers div.headers table tr td.col-observ input.pnt-observacion,
ul.puntos-lista li.pnt-item div table tr td.col-observ input.pnt-observacion {
  width: 80%;
}

ul.puntos-lista li.pnt-item div table tr td.col-observ.ranger {
    width:240px;
    text-align:left;
}
ul.puntos-lista li.pnts-headers div.headers table tr td.col-observ.ranger input.pnt-observacion,
ul.puntos-lista li.pnt-item div table tr td.col-observ.ranger input.pnt-observacion {
  width: 85%;
}
ul.puntos-lista li.pnt-item div table tr td.col-observ input.pnt-observacion {
  display:none;
}

ul.puntos-lista li.pnt-item.estatus11 div table tr td.col-observ input.pnt-observacion{
  display:inline-table;
  border:none;
  color:#0073ea;
  cursor:default;
  background-color:transparent;
}

    ul.puntos-lista li.pnt-item div table tr td.col-observ input.pnt-lbl-comments, input.vmed-lbl-comments  {
        display:none;
        width:95%;
        background-color: transparent;
        border: none;
        font-style: italic;
        cursor:pointer;
    }
    
    ul.puntos-lista li.pnt-item.estatus12 div table tr td.col-observ input.pnt-lbl-comments,
    ul.puntos-lista li.pnt-item.estatus9 div table tr td.col-observ input.pnt-lbl-comments,
    ul.puntos-lista li.pnt-item.estatus10 div table tr td.col-observ input.pnt-lbl-comments,
    ul.puntos-lista li.pnt-item.estatus13 div table tr td.col-observ input.pnt-lbl-comments,
    ul.puntos-lista li.pnt-item.estatus14 div table tr td.col-observ input.pnt-lbl-comments,
    ul.puntos-lista li.pnt-item.estatus15 div table tr td.col-observ input.pnt-lbl-comments,
    ul.puntos-lista li.pnt-item.estatus16 div table tr td.col-observ input.pnt-lbl-comments,
    ul.puntos-lista li.pnt-item.estatus17 div table tr td.col-observ input.pnt-lbl-comments,
    ul.puntos-lista li.pnt-item.estatus18 div table tr td.col-observ input.pnt-lbl-comments,
    ul.puntos-lista li.pnt-item.estatus19 div table tr td.col-observ input.pnt-lbl-comments,
    ul.puntos-lista li.pnt-item.estatus20 div table tr td.col-observ input.pnt-lbl-comments,
    ul.puntos-lista li.pnt-item.estatus21 div table tr td.col-observ input.pnt-lbl-comments,
    ul.puntos-lista li.pnt-item.estatus22 div table tr td.col-observ input.pnt-lbl-comments,
    ul.puntos-lista li.pnt-item.estatus23 div table tr td.col-observ input.pnt-lbl-comments {
        display:inline-table;
        color: gray;
    }


	ul.puntos-lista li.pnt-item div table tr td.no_aplica {
		font-size:11px;
	}


ul.puntos-lista li.pnts-headers div.headers table tr td.col-eval,
ul.puntos-lista li.pnt-item div table tr td.col-eval {
    width:100px;
    /*width: auto;*/
    text-align:right;
}

ul.puntos-lista li.pnt-item div table tr td.col-eval select.pnt-eval, 
ul.puntos-lista li.pnt-item div table tr td.col-eval select.vmed-eval
{
    display:none;
    /*width:100%;*/
    text-align:right;
}
ul.puntos-lista li.pnt-item.estatus11 div table tr td.col-eval select.pnt-eval,
ul.puntos-lista li.pnt-item.estatus11 div table tr td.col-eval select.vmed-eval
{
    display:inline-table;
    /*width:100%;*/
    /*width: auto;*/
    text-align:right;
}

ul.puntos-lista li.pnt-item div table tr td.col-eval span.pnt-estatus{
    display:none;
    font-style: italic;
    padding-left: 16px;
    background-repeat: no-repeat;
    background-position: left;
    margin-right: 2px;
    float: left;
    font-size:11px;
}

ul.puntos-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.puntos-lista li.pnt-item.estatus13 div table tr td.col-eval span.pnt-estatus,
ul.puntos-lista li.pnt-item.estatus14 div table tr td.col-eval span.pnt-estatus,
ul.puntos-lista li.pnt-item.estatus15 div table tr td.col-eval span.pnt-estatus,
ul.puntos-lista li.pnt-item.estatus16 div table tr td.col-eval span.pnt-estatus,
ul.puntos-lista li.pnt-item.estatus17 div table tr td.col-eval span.pnt-estatus,
ul.puntos-lista li.pnt-item.estatus18 div table tr td.col-eval span.pnt-estatus,
ul.puntos-lista li.pnt-item.estatus19 div table tr td.col-eval span.pnt-estatus,
ul.puntos-lista li.pnt-item.estatus20 div table tr td.col-eval span.pnt-estatus,
ul.puntos-lista li.pnt-item.estatus21 div table tr td.col-eval span.pnt-estatus,
ul.puntos-lista li.pnt-item.estatus22 div table tr td.col-eval span.pnt-estatus,
ul.puntos-lista li.pnt-item.estatus23 div table tr td.col-eval span.pnt-estatus
{
    display:inline-table;
    color: silver;
    background-image: url(../../../components/commons/img/check.silver.png);
}

ul.puntos-lista li.pnt-item.estatus10 div table tr td.col-eval span.pnt-estatus,
ul.puntos-lista li.pnt-item.estatus9 div table tr td.col-eval span.pnt-estatus,
ul.puntos-lista li.pnt-item.estatus910 div table tr td.col-eval span.pnt-estatus,
ul.puntos-lista li.pnt-item.estatus4 div table tr td.col-eval span.pnt-estatus
{
  display:inline-table;
  color: rgb(142, 68, 68);
  background-image: url(../../../components/commons/img/xmark.png);
}

ul.puntos-lista li.pnt-item.estatus10.no-rechazado div table tr td.col-eval span.pnt-estatus,
ul.puntos-lista li.pnt-item.estatus9.no-rechazado div table tr td.col-eval span.pnt-estatus
{
  display:inline-table;
  color: silver;
  background-image: url(../../../components/commons/img/check.silver.png);
}

ul.puntos-lista li.pnts-headers div.headers table tr td.col-eval select,
ul.puntos-lista li.pnt-item div table tr td.col-eval select{
       font-size: 9pt; 
        height: 21px;
        width:100px;
}

ul.puntos-lista li.vmed-headers div table tr td.col-select input[type='checkbox'],
ul.puntos-lista li.pnt-item div table tr td.col-select input[type='checkbox'] {
    width: 16px;
    cursor: pointer;
    margin: 2px;
    height: 16px;
}
 
ul.puntos-lista li.pnt-item div table tr td.col-nombrepunto > .puntoName {
    font-family: Courier New;
    letter-spacing: 2px;
    font-weight: bold;
    display:inline;
    cursor:pointer;
    color: gray;
    white-space: pre;
}

ul.puntos-lista li.pnt-item.estatus11 div table tr td.col-nombrepunto > .puntoName {
    color: #016FB2;
}


 
ul.puntos-lista li.pnt-item div table tr td.col-index input {
     width:35px;
     height:90%;
     text-align:center;
     font-size:12px;
}

ul.puntos-lista li.pnts-headers div.headers table tr td.col-index,
ul.puntos-lista li.pnt-item div table tr td.col-index {
    position:relative;
}

ul.puntos-lista li.pnt-item.sel {
  background-color: rgb(30, 67, 89);
  color: #FFF;
}

ul.puntos-lista li.pnt-item.sel div table tr td.col-nombrepunto > .puntoName,
ul.puntos-lista li.pnt-item.sel div table tr td.col-fechaps {
    color:#FFF;
}

li.pnt-item div table tr.success td.col-op-status {
    background-color: #BCE3FC;
}

li.pnt-item div table tr.has-warning td.col-op-status {
    background-color:#fcedd9;
}

li.pnt-item div table tr.has-error td.col-op-status {
    background-color: #f2dede;
}

ul.puntos-lista li.pnts-headers div.headers table tr td.col-index .ops,
ul.puntos-lista li.pnt-item div table tr td.col-index .ops {
    position: absolute;
    clear: both;
    text-align: left;
    width: 150px;
    top: -9px;
    right: -150px;
    z-index: 999;
    margin: 0px 4px;
    background-color: #FFF;
    border:1px solid rgb(170, 170, 170);
}

ul.puntos-lista li.pnt-item div table tr td.col-index .ops {
    top: -1px;
    right: -145px;
}

ul.puntos-lista li.pnts-headers div.headers table tr td.col-index .ops a,
ul.puntos-lista li.pnt-item div table tr td.col-index .ops a {
     display:block;
     cursor:pointer;
     padding:4px 6px;
     color: #0073ea;
}

ul.puntos-lista li.pnts-headers div.headers table tr td.col-index .ops a:hover,
ul.puntos-lista li.pnt-item div table tr td.col-index .ops a:hover {
    background-color: #0073ea;
    color:green;   
}

.ui-pnotify-text > .puntoName {
    font-family: Courier New;
    letter-spacing: 2px;
    font-weight: bold;
    display:inline;
    background-color:#FFF;
    padding: 0px 5px;
    color: #000;
    white-space:pre;
}

span#opcCopyAll, span#opcCopyAllVMed  {
    padding-left: 15px;
    background-image: url(../../../components/commons/img/check.orange.png);
    background-repeat: no-repeat;
    color: black;
    cursor: pointer;
}
span#prioridad {
    display:inline-table;
    width: 18px;
    background-image: url(../../../components/commons/img/op.sound.png);
    background-repeat: no-repeat;
    color: black;
    cursor: pointer;
    height: 18px;
}
/*span.addObsv {
    display:none;
    font-size: 10pt;
    padding-left: 16px;
    background-image: url(../../../components/commons/img/op.expand.png); 
    background-position: 0px 0px;
    background-position-y: 0px;
    background-repeat: no-repeat;
    color: black;
    cursor: pointer;
}
ul.puntos-lista li.pnt-item.estatus11 div table tr td span.addObsv {
    display:inline;
}*/
.addObsv {
    display:none;
    vertical-align:middle;
    width: 18px;
    background-image: url(../../../components/commons/img/op.comments.add.empty.png); 
    background-position: 0px 0px;
    background-repeat: no-repeat;
    color: black;
    cursor: pointer;
    height:18px;
    margin-right: 5px;
    margin-top: 2px;
}
    
.addObsv.withComment {
    background-image: url(../../../components/commons/img/op.comments.add.png); 
}

.addObsv.edited {
    background-image: url(../../../components/commons/img/op.comments.add.empty.edited.png); 
    box-shadow: 0px 0px 10px #ff8d00;
    background-color: rgba(255, 141, 0, 0.38);
}

.addObsv.withComment.edited {
    background-image: url(../../../components/commons/img/op.comments.add.edited.png); 
    box-shadow: 0px 0px 10px #4eb500;
    background-color: rgba(78, 181, 0, 0.33);
}

ul.puntos-lista li.pnt-item.estatus11 div table tr td.col-observ .addObsv
{
    display:inline-table;
    /*width:100%;
    text-align:right;*/
}
ul.puntos-lista li.pnt-item.estatus12 div table tr td.col-observ .opComment,
ul.puntos-lista li.pnt-item.estatus14 div table tr td.col-observ .opComment,
ul.puntos-lista li.pnt-item.estatus15 div table tr td.col-observ .opComment,
ul.puntos-lista li.pnt-item.estatus16 div table tr td.col-observ .opComment,
ul.puntos-lista li.pnt-item.estatus17 div table tr td.col-observ .opComment {
    display:none;
}
ul.puntos-lista li.pnt-item.estatus12 div table tr td.col-observ .NoComment,
ul.puntos-lista li.pnt-item.estatus14 div table tr td.col-observ .NoComment,
ul.puntos-lista li.pnt-item.estatus15 div table tr td.col-observ .NoComment,
ul.puntos-lista li.pnt-item.estatus16 div table tr td.col-observ .NoComment,
ul.puntos-lista li.pnt-item.estatus17 div table tr td.col-observ .NoComment {
    display:none;
}

/*ul.puntos-lista li.pnt-item div table tr td.col-observ .opComment
{
    float: right;
    width: 16px;
    cursor: pointer;
    background-image: url(../../../components/commons/img/op.comments.png);
    height: 16px;
    margin-right: 5px;
    margin-top: 2px;
}*/
ul.puntos-lista li.pnt-item div table tr td.col-observ .NoComment
{
    float: right;
    width: 16px;
    cursor: default;
    /*background-image: url(../../../components/commons/img/comment_remove.png);*/
    background-image: url(../../../components/commons/img/op.comments.disabled.png);
    height: 16px;
    margin-right: 5px;
    margin-top: 2px;
}


.ui-dialog.observaciones .ui-dialog-title {
    font-family: Courier New;
    letter-spacing: 2px;
    font-weight: bold;
    height: 14px;
    font-size: 12px;
}
.pnlObservaciones {
    background-color: #FFF !important;
    /*border-radius: 10px 10px 10px 10px;*/
    border-radius: 0px 0px 10px 10px;
    font-size:12px;
}
.ui-widget-overlay {
  background-color: rgba(0,0,0,.5);
  background-image: none;
}

.pnl input.datepicker {
  display: inline-table;
  width: 108px;
  border: 1px solid #C0C0C0;
  padding: 2px;
  font-size: 8pt;
  background: #FFF url("../../../components/commons/img/op.date.png") no-repeat scroll 98% center;
  cursor: pointer;
  font-style: italic;
  margin-left: 0px;
  font-weight: normal;
  text-align: left;
}

span.clear-fecha:hover {
    background-position: 0px 0px;
}

span.clear-fecha {
  vertical-align: middle;
  /* margin-left: 2px; */
  width: 24px;
  height: 16px;
  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.acron-green {
    display: inline-table;
    width: 65px;
    border: 1px solid #006400;
    text-align: center;
    height: 16px;
    padding-top: 2px;
    border-radius: 5px 0px 0px 5px;
    background-color: #FAFFFA;
    color: #006400;
    font-family: consolas;
    background-image: url("../../../components/commons/img/bkbtn.png");
    background-repeat: repeat-x;
    background-position: 0px -8px;
      white-space: pre;
  letter-spacing: 0px;
  margin-right:1px;
  font-size:8pt;
}
span.acron-red {
    display: inline-table;
    width: 65px;
    border: 1px solid #640000;
    text-align: center;
    font-size:8pt;
    height: 16px;
    padding-top: 2px;
    border-radius: 0px 5px 5px 0px;
    background-color: #FFFAFA;
    color: #640000;
    font-family: consolas;
    background-image: url("../../../components/commons/img/bkbtn.png");
    background-repeat: repeat-x;
    background-position: 0px -8px;
      white-space: pre;
     letter-spacing: 0px;
}
.pnt-detail-panel{
    padding-left:10px;
}

.ui-tooltip.tooltip-custom-class .pnt-detail-panel{
    border:2px solid #0073ea;
    box-shadow: 0px 0px 10px gray;
    width:450px; 
    background-color:white;
    padding:5px;
}

.pnt-detail-panel span.is-readonly {
    color: #016FB2;
    margin-left:2px; 
    margin-right:20px;
}

.pnt-detail-panel span.pnt-detail-title {
    width:431px;
    background: url(../../../components/commons/img/icon-more-info.png);
    background-repeat:no-repeat;
    padding-bottom: 5px;
    padding-left:20px;
    margin-bottom:5px;
    float:left;
}

.tooltip-detail {
    background-color:green;
    width:600px;
}

.pnl .content .fieldgroup input.timePicker{
    width: 14px;
    padding-left: 2px;
    text-align: right;
    padding-right: 2px;
}

.pnl .content .fieldgroup input.timePicker.with-error {
    border: solid 1px #CC0000;
    background-color: #FFCCCC;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #DF0000;
}
.pnl .content .fieldgroup > table.valign-top tbody tr td {
    vertical-align:top;
}

ul.opc-btn-sel {
    display: inline-table;
    margin-left: 1px; 
    width: 40%;
}

ul.opc-btn-sel li.opc-item:first-child {
    border-radius:5px 0px 0px 5px;
}

ul.opc-btn-sel li.opc-item:last-child {
    border-radius:0px 5px 5px 0px;
}

ul.opc-btn-sel li.opc-item{
    display: inline-table;
    border: 1px solid silver;
    font-size: 11px;
    padding: 2px 5px;
    cursor: pointer;
    background-color: #EEEEEE;
    color: #CCCCCC;
}

ul.opc-btn-sel li.opc-item.enabled:hover {
    color: gray;
    background-color: #DEDEDE;
}

ul.opc-btn-sel li.opc-item.enabled.selected{
    border-color:#575757;
    background-color: #575757;
    color: white;
}

div.filtro-nombre-punto {
    float: left;
    background-color: white;
    border: 1px solid silver;
    padding: 3px 5px 0px 5px;
    font-size: 12px;
    width: 98%;
}

div.filtro-nombre-punto > input#txtf_nombrePunto{
    width: 176px;
    border: none;
    font-size: 12px;
    padding-left: 10px;
    font-style: italic;
    color: #016FB2;
    font-family: Courier New;
    text-transform: uppercase;
}

ul.puntos-lista li.pnt-item div table tr td.col-ranger > span
{
    font-size:8.5pt;
}
ul.puntos-lista li.pnt-item div table tr td.col-ranger.control > span
{
    word-wrap: break-word;
    display: inline-block;
    width:95px;
}
ul.puntos-lista li.pnts-headers div.headers table tr td.col-comp,
ul.puntos-lista li.pnt-item div table tr td.col-comp
{
    width: 24px;
    text-align: left;
    display: none;
}
ul.puntos-lista li.pnt-item div table tr.detailRanger td.col-ranger
{
    width:50px;
    text-align:center;
}
ul.puntos-lista li.pnt-item div table tr.detailRanger td.col-ranger.control
{
    width:95px;
}
ul.puntos-lista li.pnt-item div table tr.detailRanger td.headers
{
    background-color: rgba(255, 200, 0, 0.74);  
    padding: 0px 0px 0px 1px;
}
ul.puntos-lista li.pnt-item div table tr.detailRanger td.headers td.col-ranger
{
    font-weight: bold;
    font-size: 8.2pt;
    color: rgba(46, 30, 30, 0.82);
}
ul.puntos-lista li.pnt-item div table tr.detailRanger td table tr td
{
    padding: 2px 1px 2px 1px;
}
ul.puntos-lista li.pnt-item div table tr.detailRanger td.headers td.col-ranger.col-analog.col-setpoint
{
    width:110px;
}
ul.puntos-lista li.pnt-item div table tr.detailRanger td.headers td.col-ranger.col-analog.col-setpoint td
{
    font-weight: bold;
    font-size: 7.9pt;
    color: rgba(46, 30, 30, 0.82);
}
ul.puntos-lista li.pnt-item div table tr.detailRanger td.headers td.col-ranger.col-analog.col-setpoint td > hr
{
     height: 0;
    border: 0;
    border-top: 1px solid #D8A327;
}
ul.puntos-lista li.pnt-item div table tr.detailRanger td.col-ranger.col-analog.col-setpoint
{
    display:none;
}
ul.puntos-lista li.pnt-item div table tr.detailRanger td.col-dranger
{
    width:24px;
    padding: 1px 0px;
    vertical-align: bottom;
}
ul.puntos-lista li.pnt-item div table tr.detailRanger td.inforanger table tr td span.puntoName
{
        color: #676060;
}
ul.puntos-lista li.pnt-item div table tr.detailRanger td.col-utr
{
       width:50px;
}
ul.puntos-lista li.pnt-item div table tr.detailRanger td.col-utr > div
{
       font-size:7.8pt;
}
ul.puntos-lista li.pnt-item div table tr.detailRanger td.col-index
{
       width:37px;
}
ul.puntos-lista li.pnt-item div table tr.detailRanger td.col-prioridad
{
       width:26px;
}
ul.puntos-lista li.pnt-item div table tr.detailRanger td.col-nombrepunto
{
       width:227px;
}
ul.puntos-lista li.pnt-item div table tr.detailRanger td.col-dranger span.tipoCtrlSup
{
   font-size: 6pt;
   color: #888484; 
}
ul.puntos-lista li.pnt-item div table tr.detailRanger
{
    display:none;
}
ul.puntos-lista li.pnt-item div table tr.detailRanger td.infosappse
{
  font-size: 8.5pt;
  padding: 0px;
}

ul.puntos-lista li.pnt-item div table tr.detailRanger td.col-setpoint table
{
    width: 100%;
    padding:0px;

}

ul.puntos-lista li.pnt-item div table tr.detailRanger td.col-setpoint table tr td
{
  width:50%;
  text-align:center;
  padding:0px;
}


ul.puntos-lista li.pnt-item div table tr.detailRanger td.inforanger
{
   border-top-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-right-width: 1px;
   border-style: solid solid solid solid;
   border-top-color: silver;
   border-bottom-color: silver;
   border-left-color: silver;
   border-right-color: silver;
   opacity: 1;
   padding: 0px;
   font-size: 8.5pt;
   background-color: rgba(230, 228, 173, 0.41);
}
ul.puntos-lista li.pnt-item div table tr td.col-comp span.noexiste
{
    float: right;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-image: url(../../../components/commons/img/flag_red.png);
    margin-right: 2px;
    margin-top: 2px;
}
ul.puntos-lista li.pnt-item div table tr td.col-comp span.diferente
{
    float: right;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-image: url(../../../components/commons/img/flag_yellow.png);
    margin-right: 2px;
    margin-top: 2px;
}
ul.puntos-lista li.pnt-item div table tr td.col-comp span.igual
{
    float: right;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-image: url(../../../components/commons/img/flag_green.png);
    margin-right: 2px;
    margin-top: 2px;
}
ul.puntos-lista li.pnt-item div table tr.detailRanger td.inforanger .comp-err
{
    color: red;
}
ul.puntos-lista li.pnt-item div table tr.detailRanger td.inforanger .comp-err.omite-val
{
    color: #30682A;
    background-color: rgba(164, 217, 165, 0.66);
}
.btnContent.ExportaExcel
{
  height: initial;
  padding: 0px;
}
div.OpcsExportar
{
    text-align: left;
    width: 280px;
    z-index: 999;
    margin: 0px 4px;
    background-color: #FFF;
    /*border:1px solid rgb(170, 170, 170);*/
    border: 1px solid rgba(170, 170, 170, 0.57);
    height: 24px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    padding: 2px;
    font-weight:bold;
    font-size:8pt;
    color: #0073ea;
}
div.OpcsExportar ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div.OpcsExportar ul li
{
    display: inline;
}


.pnl .content div.fieldgroup table > tbody > tr > td > input.filtro-no-aplicable {
    background-color: transparent;
    color: #E0E0E0;
    padding-left: 3px;
    font-style: italic;
    border-color:#E0E0E0;
}
.pnl .content div.fieldgroup table > tbody > tr > td > span.label-no-aplicable {
    color:#E0E0E0;
}

.pnl .content div.fieldgroup table > tbody > tr > td > select.is-readonly[disabled='disabled'] {
    border: none;
    background-color: transparent;
    color: #016FB2;
}


/* Clases para las Variables de Medicion*/

ul.puntos-lista li.medicion div.vm-head
{
  padding: 2px;
  border-left: 1px solid rgb(170, 170, 170);
  border-right: 1px solid rgb(170, 170, 170);
  border-top: 1px solid rgb(170, 170, 170);
  background-color: rgb(204, 204, 204);
  color:gray;
}

ul.puntos-lista li.medicion div.vm-head table tr td
{
   font-family:Consolas;
    vertical-align: top;
    padding-top: 1px;
    font-size:14px;
}

ul.puntos-lista li.medicion.sel div.vm-head
{
  padding: 2px;
  border: 1px solid rgb(30, 67, 89);
  background-color: rgb(30, 67, 89);
  color:White;
  border-bottom:none;
}

li.medicion.sel div.vm-detail {
    background-color: rgb(252, 252, 234);
}

li.medicion div.vm-detail table tr.row-fields td {
    vertical-align: top;
}


ul.puntos-lista div table tr td.col-select
{
    width:3%;
    text-align:center;
}

ul.puntos-lista div table tr td.col-comp
{
    width:3%;
    text-align:center;
}

ul.puntos-lista div table tr td.col-med-cveCIPE,
ul.puntos-lista div table tr td.col-med-cvealterna,
ul.puntos-lista div table tr td.col-nombre-variable,
ul.puntos-lista div table tr td.col-clave-origen
{
    width:16%;
    text-align:center;
}

ul.puntos-lista div table tr td.col-observ-vmed
{
    /*width:14%;*/
    text-align:right;
}

ul.puntos-lista div table tr td.col-eval
{
    width:11%;
    text-align:right;
}

ul.puntos-lista div table tr td.col-opciones
{
    width:3%;
    text-align:right;
}

ul.puntos-lista li.pnt-item.sel div table tr td > .claveCIPE,
ul.puntos-lista li.pnt-item.sel div table tr td > .claveAlternaMedidor, 
ul.puntos-lista li.pnt-item.sel div table tr td > .variableName, 
ul.puntos-lista li.pnt-item.sel div table tr td > .claveOrigen
{
    color:#FFF;
}

span.icon-opc-edit
{  
  background-image:url(../../../components/commons/img/op.collapse.png);
  background-repeat: no-repeat;
  cursor: pointer;
  width: 17px;
  display: inline-table;
  background-position: 0px 0px;
  height: 18px;
}

.ui-tooltip.tooltip-custom-class {
    border:none;
    padding:0px;
}

textarea.txt-comment-popup {
    width:482px;
}
div.lbl-nota {
    font-size:8pt;
    color:gray;
    padding-top:5px;
}