.hide {
    display:none;
}

.width0 {
    display:none;
}

span.lnk-btn {
    margin-left:5px;
    color:rgb(0, 115, 234);
    text-decoration:underline;
    cursor:pointer;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tabla_cuerpo .cuerpo_cabecera th {
    font-size:6pt;
    font-family:Courier New;
}

.tabla_cuerpo .cuerpo_punto {
    font-family:Courier New;
    letter-spacing: 2px;
    font-weight: bold;
}

.tabla_cuerpo .cuerpo_punto span {
    
}

 .content .btnContent,
.pielistado .btnContent {
    height:32px;
    padding:5px 3px 0px 5px;
}

.content .btnContent input.ui-button,
.pielistado .btnContent input.ui-button {
    font-size:12px;
    float:right;
}

div.clear {
    height:0px;
    width:0px;
    margin:0px;
    border:0px;
    padding:0px;
    clear:both;
}

/* estilo del contenedor paginas de captura y listados */
.pnl {
    width: 100%;
}

.pnl > .titulo,
.catalogo-item-content div.ui-dialog-titlebar {
    padding:5px 10px 3px 40px;
    height:20px;
    text-align: left;
    vertical-align:bottom;
    border:solid 1px #AAAAAA;
    background-color:#CCCCCC;
    background-image:url(../img/pnl.png);
    background-repeat:no-repeat;
    background-position:5px 2px;
    background-size:24px;
    border-radius: 0px;
}



.pnl.insert .titulo,
.catalog-item-add div.ui-dialog-titlebar {
    background-color:#B9DB83;
    background-image:url(../img/pnl.insert.png);
    border-color:#518104;
}
 .pnl.modal .titulo,
.catalog-item-add div.ui-dialog-titlebar {
    background-color:#B9DB83;
    background-image:url(../img/pnl.png);
    border-color:#518104;
}

.pnl.edit .titulo,
.catalog-item-edit div.ui-dialog-titlebar
 {
    background-color:#FCF7A4;
    background-image:url(../img/pnl.edit.png);
    border-color:#ADA413;
}

.pnl.delete .titulo {
    background-color:#DA7A7A;
    background-image:url(../img/pnl.delete.png);
    border-color:#AAAAAA;
}

.pnl.config .titulo,
.catalog-item-config div.ui-dialog-titlebar {
    padding-left:35px;
    background:#CCCCCC url(../img/pnl_config.png) no-repeat 5px 2px;
    background-size:24px;
    border-color:rgb(170, 170, 170);
}

.pnl.filter .titulo,
.catalog-item-filter div.ui-dialog-titlebar {
    padding-left:35px;
    background:#CCCCCC url(../img/pnl_filter.png) no-repeat 5px 2px;
    border-color:rgb(170, 170, 170);
}

.pnl .titulo span {
    font-size:12pt;
    word-spacing: 1px;
    font-family: Lucida Grande,sans-serif;
    font-weight: normal;
    color:#333333;
    text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);
}

.pnl .subtitulo span {
    font-size:14pt;
    word-spacing: 1px;
    font-family: Lucida Grande,sans-serif;
    font-weight: bold;
    color:#333333;
    text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);
}

.pnl.delete .titulo span {
    color:#FFF;
}

.pnl .titulo .estatus{
    float:right;
}
/*
.pnl .titulo .etiqueta.check {
    background: transparent url(../img/check.green.border.png) no-repeat right center;
    padding-right: 24px;
}
*/
.pnl > .filters {
    margin-bottom: 4px;
    font-size: 12px;
}

.pnl > .filters select,
.pnl > .filters input {
    font-size: 12px;
}

.pnl > .filters span {
    margin: 0px 4px;
}

/*
.pnl .content .seccion label.lectura {
    font-weight: bold;
    color:#336699;
}
*/

.pnl > .content {
    border-left: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    /*text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);*/
    background-color:#EEEEEE;
    border-radius: 0px 0px 0px 0px;
    overflow: auto;
    overflow-x: hidden;
    border-top-style: none;
    border-top-color: inherit;
    border-top-width: 0px;
    text-align:left;
}

.pnl > .content .filters {
    font-size: 12px;
    color:#000;
    line-height:22px;
    padding:3px;
}

.pnl > .content > .filters span.lbl{
    font-size:12px;
}

.pnl > .content > .filters select,
.pnl > .content > .filters input {
    font-size: 12px;
    width:auto;
    margin: 0px 2px;
}

.pnl.ui-dialog-content .content {
    padding:10px;
}

.pnl > .pielistado {
    padding:5px 10px 3px 10px;
    height:40px;
    vertical-align:bottom;
    border:solid 1px #AAAAAA;
    background-color:#CCCCCC;
    border-radius: 0px 0px 10px 10px;
}

.pnl.fixed-height .content {
    height:550px;
}

.pnl.fixed-width {
    width:774px;
}

.pnl.scroll-width {
    width:735px;
}

.pnl.scroll-width .content {
    overflow-x: scroll;
} 

.pnl.fixed-padd .content {
    padding: 5px 5px 5px 5px; 
}
 
.pnl .content .no-data {
    background-color: #222;
    color: #FFF;
    text-align: center;
    font-size: 9pt;
    padding: 4px;
    margin-bottom:0px;
}
  
.pnl .pager {
    font-size: 8pt;
    padding: 5px 10px;
    border-left:solid 1px #AAAAAA;
    border-right:solid 1px #AAAAAA;
}

.pnl .pager > span {
    display:inline-table;
    width:24px;
    height:16px;
    background-repeat:no-repeat;
    cursor:pointer;
    padding-top: 2px;
}

.pnl .pager > span.first {
    background-image:url(../img/first.png);
}

.pnl .pager > span.next {
    background-image:url(../img/next.png);
}

.pnl .pager > span.prev {
    background-image:url(../img/prev.png);
}

.pnl .pager > span.last {
    background-image:url(../img/last.png);
}

.pnl .pager > label {
    text-shadow: none;
}

.pnl .pager > select {
    font-size: 8pt;
}

.pnl .pager .op {
    display: inline-table;
    float: right;
    width: 16px;
    height: 16px;
    padding-left: 6px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pnl .pager .op.export-excel {
    background-image:url(../img/op.excel.png);
}

.pnl .pager input {
    font-size: 8pt;
    margin-left: 4px;
}

.pnl .pager .btn {
    margin-left:20px;
}

.pnl .ui-tabs-panel h2 {
    font-size:14px;
    text-align:center;
    padding: 4px 0px;
}

.pnl .ui-tabs-panel .diagbloq {
    background-position:center center;
    background-repeat:no-repeat;
    height:350px;
}

.pnl .ui-tabs-panel table.init-state {
    display:none;
}

/*
.pnl .content > table.mask{
    width:100%;
}

.pnl .content > table.mask > tbody > tr > td{
    padding: 0px 0px 10px 4px
}

.pnl .content > table.mask > tbody > tr > td:last{
    padding-bottom:10px
}
*/

.pnl .content .fieldgroup:first-child {
    border-top:0;
}

.pnl .content .fieldgroup {
    border-top: 1px solid #808080; 
    border-bottom: 1px solid #808080; 
    padding: 5px 5px 5px 5px; 
    background-color: #FFFFFF;
}

.pnl .content .fieldgroup > table {
    width: 100%;
    font-size:12px;
}

.pnl .content .fieldgroup > table thead tr th {
    padding: 3px 3px 3px 13px;
    background-color:#CCCCCC;
    font-weight:bold;
}

.pnl .content .fieldgroup > table tbody tr.odd {
    background-color: #E9E9E9;
}

.pnl .content .fieldgroup > table tbody tr.even {
    background-color: #FFFFFF;
}

.pnl .content .fieldgroup > table tbody tr.odd.reset, 
.pnl .content .fieldgroup > table tbody tr.even.reset {
    background-color: inherit;
}

.pnl .content .fieldgroup > table tbody tr td {
    padding: 3px 3px 3px 13px;
}

.pnl .content .fieldgroup > table tbody tr td.tright {
    text-align: right;
}

.pnl .content .fieldgroup > table tbody tr td.tleft input {
    text-align: left;
}

.pnl .content .tleft {
    text-align: left;
}

.pnl .content .tcenter {
    text-align: center;
}

.pnl .content .tbold {
     font-weight:bold;
}

.pnl .content .fieldgroup > table tbody tr td > span {
    color:#666;
    font-size:12px;
}

.pnl .content .fieldgroup > table tbody tr td > span.op.userfilter {
    display: inline-table;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image:url(../img/op.userfilter.png);

}
.pnl .content .fieldgroup > table tbody tr td > span.op.textinput {
    display: inline-table;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image:url(../img/op.textinpunt.png);

}
.pnl .content .fieldgroup > table tbody tr td > p {
    color:#666;
    font-size:12px;
    padding-bottom: 0px;
}

.pnl .content .fieldgroup > table tbody tr td > span em.nota {
    color:#336699;
}

.pnl .content .fieldgroup > table tbody tr td input,
.pnl .content .fieldgroup > table tbody tr td select,
.pnl .content .fieldgroup > table tbody tr td textarea {
    font-size:12px;
    font-family:Arial;
}

.pnl .content .fieldgroup > table tbody tr td select.disabled {
    background-color: transparent;
    border-color: #DDD;
}


.pnl .content .fieldgroup > table tbody tr td input {
    width:100px;
    border: 1px solid silver;
}

.pnl .content .fieldgroup > table tbody tr td input.tleft {
    text-align:left;
}

.pnl .content .fieldgroup > table tbody tr td input.minicolors-input {
    height:17px;
    padding-top:0px;
    padding-bottom:0px;
}
 
.pnl .content .fieldgroup > table tbody tr td .minicolors-theme-default .minicolors-swatch {
    left: 0px;
    top: 0px;
    cursor:pointer;
    border-bottom: 0;
    height: 17px;
}
 
.pnl .content .fieldgroup > table tbody tr td input.fill-cell {
    width:100%;
}

.pnl .content .fieldgroup > table tbody tr td select.fill-cell {
    width:101%;
    padding: 1px 0px;
}

.pnl .content .fieldgroup > table tbody tr td textarea.fill-cell {
    width:100%;
    height:50px;
}

.pnl .content .fieldgroup > table tbody tr td input.tcenter {
    text-align:center;
}

.pnl .content .fieldgroup > table tbody tr td input.has-error,
.pnl .content .fieldgroup > table tbody tr td select.has-error,
.pnl .content .fieldgroup > table tbody tr td textarea.has-error,
.pnl .content input.has-error,
.pnl .content select.has-error {
	border: solid 1px #CC0000;
	background-color:#FFCCCC;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #DF0000;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #DF0000;
}

.pnl .content .tabledev.table-anexo tbody tr.has-error {
	border: solid 1px #CC0000;
	background-color:#FFCCCC;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #DF0000;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #DF0000;
}

.pnl .content .fieldgroup > table tbody tr td input.is-readonly,
.pnl .content input.is-readonly, 
.pnl .content textarea.is-readonly,
.pnl .content select.is-readonly {
	border: solid 1px transparent;
    background-color: transparent;
    color: #016FB2;
}

.pnl .content .fieldgroup > table tbody tr td span.is-readonly,
.pnl .content span.is-readonly {
    color: #016FB2;
}

.pnl .content .fieldgroup .chkholder > * {
    float:left;
    margin-top: 4px;
}

.pnl .content .fieldgroup .chkholder > input {
    width:13px;
    margin: inherit;
}

.pnl .content .fieldgroup .chkholder > label {
    margin: inherit;
    margin-left:4px;
    margin-right:4px;
    margin-bottom:4px;   
}

.pnl .content .fieldgroup .chkholder > label code {
    padding: 2px 0px;
}

.pnl .content .fieldgroup .chkholder > label code:hover {
    background-color:#0073ea;
    color:#FFF;
}

.pnl .content .fieldgroup .chkholder > br {
    clear:both;
}

.pnl .content .fieldgroup .chkholder > label.has-error {
    color:#CC0000;
}

.pnl .content .fieldgroup .chkholder > label.is-readonly {
    color:#016FB2;
    margin-left:0px;
    margin-bottom:8px;
}

.pnl .content .fieldgroup .chkholder > input.pol {
    clear:both;
    margin:2px 2px 2px 2px;
    border:none;
}

.pnl .content .fieldgroup .chkholder > input.fill-cell {
    width:70%;
}

.pnl .content .fieldgroup .chkholder > em {
    color:#016FB2;
    float:right;
    margin: 0;
}

.pnl .content .fieldgroup > table tbody tr td .posicion-comodin > span {

}

.pnl .content .fieldgroup > table tbody tr td .posicion-comodin > .pos1 {
    display:inline-block; 
    width:28px;
    padding-top: 2px;
    padding-bottom:2px;
    padding-left: 10px;
    border:2px solid #AAAAAA;
}

.pnl .content .fieldgroup > table tbody tr td .posicion-comodin > .opcion {
    display:inline-block;
    width:95px;
    padding-top: 2px;
    padding-bottom:2px;
    border:2px solid #000000;
}

.pnl .content .fieldgroup > table tbody tr td .posicion-comodin > .opcion.sel {
    background-color:#FCFC8F;
}
 
.pnl .content .fieldgroup > table tbody tr td div.file-image {
    
}

.pnl .content .fieldgroup > table tbody tr td div.file-image > span {
    color:#666;
    font-size:12px;
}

.pnl .content .fieldgroup > table.imgpreview {
    
}

.pnl .content .fieldgroup > table.imgpreview tr td {
    background-color:#EFEFEF;
    border-bottom:solid 1px silver;
}
 
.pnl .content .fieldgroup > table.imgpreview tr td p {
    text-align:center;
}

.pnl .content .fieldgroup > table.imgpreview tr td .imgholder {
    height:425px;
    width:425px;
    overflow:hidden;
    border:1px solid white;
    margin-bottom:4px;
    cursor:pointer;
}

.pnl .content .fieldgroup > table.imgpreview tr td .imgholder > img {
    height: 100%;
    width: 100%;
}

.pnl .content .fieldgroup > table.imgpreview tbody tr td div.file-image {
    text-align:center;
}

.pnl .content .fieldgroup > table.leftAlign tr td.label-width {
    width:150px;
}

.pnl .content .fieldgroup > table .jerarquia,
div.catalogo-item .fieldgroup > table .jerarquia{
    /*min-height:24px;*/
}

.pnl .content .fieldgroup > table .jerarquia ul,
div.catalogo-item .fieldgroup > table .jerarquia ul {
    clear:both;
    height:50px;
}

.pnl .content .fieldgroup > table .jerarquia ul > li, 
div.catalogo-item .fieldgroup > table .jerarquia ul > li {
    padding: 0px 5px 0px 0px;
    display: inline;
}

.pnl .content .fieldgroup > table .jerarquia ul > li+li:after, 
 div.catalogo-item .fieldgroup > table .jerarquia ul > li+li:after{
    padding: 0 5px;
    color: #ccc;
}

.pnl .content .fieldgroup > table .jerarquia ul > li span,
div.catalogo-item .fieldgroup > table .jerarquia ul > li span {
    color:#016FB2;
    padding-left: 5px
}

/* Formato de las tablas de listado */
.tableformat {
    width:100%;
}

.tableformat > tbody > tr > td input[type="checkbox"] { 
    margin:0;
} 

.tableformat > tbody > tr {
    cursor:default;
}

.tableformat > tbody > tr:hover {
    background-color:#FFF;
}

.tableformat > tbody > tr.row {
    color:Black;
}

.tableformat > tbody > tr.alt {
    color:#406277;
}

.tableformat > tbody > tr.sel {
    background:#C2E3ED url(../img/bkbtn.png) repeat-x;
}

.tableformat > thead > tr > th {
    background-color:#f6f6f6;
    color:#000;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
}

.tableformat > thead > tr > th >.op { 
    display: inline-table;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 3px center;
    cursor: pointer;
    padding-top: 2px;
    font-weight: normal;
}

.tableformat > tbody > tr > td {
    padding:3px;
    font-size:12px;
}

.tableformat > tbody > tr td .puntoName,
.tableformat > tbody > tr td .puntoDesc,
.tableformat > tbody > tr td .punto-nombre{
    font-family: Courier New;
    letter-spacing: 2px;
    font-weight: bold;
    color: #1E4359;
    white-space: pre;
}

.tableformat > tbody > tr.renglon-mascara-derivada > td,
.tableformat > tbody > tr.renglon-mascara > td {
    
}

.tableformat > tbody > tr.renglon-mascara-derivada > td,
.tableformat > tbody > tr.renglon-mascara-derivada-oficial > td {
    padding-bottom: 0px;
}
 
.tableformat > tbody > tr > td > .op {
    display: inline-table;
    width: 16px;
    height: 16px;
    padding-left: 6px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
 
.tableformat > tbody > tr.renglon-mascara-derivada > td .op,
.tableformat > tbody > tr.renglon-mascara-derivada-oficial > td .op {
    padding-top: 6px;
    background-position: 3px 0px;
}
 
.tableformat > tbody > tr > td > .diag {
    float: left;
    height: 23px;
    width: 30px;
    margin-top: -7px;
    margin-bottom: 0px;

    background-repeat: no-repeat;
    /*background-size:30px;*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tableformat > tbody > tr > td > .diag.nivel {
    background-image:url(../img/lineas_nivel/linea_nivel3.png);
}

.tableformat > tbody > tr > td > .diag.nivel.final {
    background-image:url(../img/lineas_nivel/linea_nivel_final3.png);
}

.tableformat > tbody > tr > td > .op.senial-dig {
    background-image:url(../img/senial_dig.png);
    cursor:default;
}

.tableformat > tbody > tr > td > .op.senial-ana {
    background-image:url(../img/senial_ana.png);
    cursor:default;
}

.tableformat > tbody > tr > td > .op.hide {
    
}

.tableformat > tbody > tr > td > .op.show {
    
}

.tableformat > tbody > tr > td > .op.none {
    
}

.tableformat > tbody > tr > td > .op.view {
    background-image:url(../img/op.view.png);
}

.tableformat > tbody > tr > td > .op.date {
    background-image:url(../img/op.date.png);
}

.tableformat > tbody > tr > td > .op.edit {
    background-image:url(../img/op.edit.png);
}

.tableformat > tbody > tr > td > .op.remove {
    background-image:url(../img/op.delete.png);
}

.tableformat > tbody > tr > td > .op.generar {
    background-image:url(../img/op.gears.png);
}

.tableformat > tbody > tr > td > .op.eye {
    background-image:url(../img/blink_eye.png);
}

.tableformat > tbody > tr > td > .op.detail {
    background-image:url(../img/op.zoom.in.png);
    background-position: 6px center;
    text-indent: 18px;
}

.tableformat > tbody > tr > td > .op.detailcross {
    background-image:url(../img/op.zoom.out.png);
}

.tableformat > tbody > tr > td > .op.check {
    background-image: url(../img/op.check.png);
    background-position: 0px 0px;
}
.tableformat > tbody > tr > td > .op.check.orange {
    background-image: url(../img/op.check.orange.png);
    background-position: 0px 0px;
}
.tableformat > tbody > tr > td > .op.checkalt {
    background-image:url(../img/check.orange.png);
}

.tableformat > tbody > tr > td > .op.xmark {
    background-image:url(../img/xmark.png);
}

.tableformat > tbody > tr > td > .op.paq {
    background-image:url(../img/op.brick.png);
}

.tableformat > tbody > tr > td > .op.save {
    background-image:url(../img/op.save.png);
}

.tableformat > tbody > tr > td > .op.relv {
    background-image:url(../img/op.sound.png);
}

.tableformat > tbody > tr > td > .op.report {
    background-image:url(../img/op.report.png);
}

.tableformat > tbody > tr > td > .op.collapse {
    background-image:url(../img/op.collapse.png);
}

.tableformat > tbody > tr > td > .op.expand {
    background-image:url(../img/op.expand.png);
}

.tableformat > tbody > tr > td > .op.exclamation {
    background-image:url(../img/op.exclamation.png);
}

.tableformat > tbody > tr > td > .op.warning {
    background-image:url(../img/op.warning.png);
}

.tableformat > tbody > tr > td > .op.stop {
    background-image:url(../img/op.stop.png);
}

.tableformat > tbody > tr > td > .op.stop.orange {
    background-image:url(../img/op.stop.orange.png);
}

.tableformat > tbody > tr > td > .op.userfilter {
    background-image:url(../img/op.userfilter.png);
}
.tableformat > tbody > tr > td > .datepicker{
    font-size:inherit;
}

input.datepicker {
    float: left;
    padding: 2px;
    background: url(../../../components/commons/img/op.date.png);
    background-repeat: no-repeat;
    background-position: 99%;
    cursor: pointer;
    color: #016FB2;
    background-color: white;
    margin-left: 0px;
    font-weight: normal;
    text-align: left;
}
span.clear-fecha {
    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:hover {
    background-position: 0px 0px;
}

.tableformat > tbody > tr > td > .acronimos {
    min-width: 140px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.tableformat > tbody > tr > td > .acronimos > div {
    float:left;
}

.tableformat > tbody > tr > td > .acronimos .rojo .uno,
.tableformat > tbody > tr > td > .acronimos .verde .cero {
    color: white;
    width: 16px;
    padding-left: 3px;
    font-weight: bold;
    text-align: center;
}

.tableformat > tbody > tr > td > .acronimos > div > span {
    padding: 1px 4px 2px 4px;
    float: left;
    border: solid 1px #999;
    background-color: white;
    border-left-width: 0px;
}

.tableformat > tbody > tr > td > .acronimos > div > span.texto {
    min-width:45px;
}

.tableformat > tbody > tr > td > .acronimos .verde .cero {
    background-color: green;
    border-radius: 4px 0px 0px 4px;
    border-color: green;
}

.tableformat > tbody > tr > td > .acronimos .rojo .uno {
    float: right;
    background-color: red;
    border-color: red;
    border-radius: 0px 4px 4px 0px;
}

.tableformat > tbody > tr > td > .acronimos .rojo .texto {
    text-align:right;
}
 
#tabs {
    background:none;
    border:0;
    width:100%;
    padding:0;
    min-height:600px;
}
 
#tabs .ui-tabs-nav { 
    padding:0;
    border:0;
    border-radius: 0px;
    background-image: none;
    background-color: transparent;
}

#tabs .ui-tabs-nav li { 
    border-radius: 0;
    font-size:11.35px;
    padding:10px 2px;
    margin-right:2px;
    border-bottom-width:0px;
}

#tabs .ui-tabs-nav li:first-child { 
    border-left:0;
}

#tabs .ui-tabs-nav li.ui-tabs-active {  
    background-color:#444444;
}

#tabs .ui-state-active, 
#tabs.ui-widget-content .ui-state-active {
    background-image: none;
}

#tabs .ui-tabs-nav li a { 
    padding:0;
    font-weight:normal;
}

#tabs .ui-tabs-nav li.has-error {  
    background-image: none;
    background-color:#f2dede;
    border-color:#CC0000;
}

#tabs .ui-tabs-nav li.ui-tabs-active.has-error{ 
    border-color:#FF0000;
}

#tabs .ui-tabs-nav li.ui-tabs-active a { 
    color:#FFF;
}

#tabs .ui-tabs-nav li.has-error a { 
    color:#a94442;
}

#tabs .ui-tabs-nav li.ui-tabs-active.has-error a{ 
    color:#FF0000;
}

#tabs .ui-tabs-panel { 
    border-top-left-radius:0px !important;  
    border-top-right-radius: 0px !important; 
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    min-height:600px;
}

.debug, #debug {
    display:none;
}

.selinfoadicional {
    font-size:12px;
    font-family:Verdana;
}

.selinfoadicional h3 {
    margin: 4px 0px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase
}

.selinfoadicional .btns {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.selinfoadicional input.has-error {
    border: solid 1px #CC0000;
	background-color:#FFCCCC;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #DF0000;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #DF0000;
}

table > tbody > tr > td.icon-req::after {
    content: "*";
    color:red;
}
.ui-icon-closethick {
    
}

ul#navigation {
    position: absolute;
    margin: 0px;
    padding: 0px;
    top: 0px;
    right: 30px;
    list-style: none;
    z-index: 999999;
}

ul#navigation li {
    width: 83px;
    display: inline;
    float: left;
}

ul#navigation li a {
    display: block;
    float: left;
    margin-top: -2px;
    width: 80px;
    height: 20px;
    background-color: #BBBBBB;
    background-repeat: no-repeat;
    background-position: 50% 10px;
    border: 1px solid #000000;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    text-decoration: none;
    text-align: center;
    padding-top: 80px;
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

.seleccionado {
    background-color: #D6F5FC;    
}

ul#navigation li a:hover {
    background-color: #D6F5FC;
}

ul#navigation li a span {
    font-size: 12px;
    color: #000000;
    text-shadow: 0 -1px 1px #fff;
}

/*########################### el estilo para el menu se repite, para ponerlo en posicion siempre visible, absolute. #############################*/
ul#navigationF {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 50%;
    margin-left:0px;
    list-style: none;
    z-index: 999999;
    display:none;
}

ul#navigationF li {
    display: inline;
    float: left;
    
}

ul#navigationF li a {
    display: block;
    float: left;
    margin-top:-80px;
    padding-top: 84px;
    border-bottom:1px solid gray;
    padding-right: 15px;
    padding-left: 15px;
    height: 20px;
    font-size: 12px;
    color: #444444;
    text-decoration: none;
    text-align: center;
    background-color: #F3F3F3;
    background-repeat: no-repeat;
    background-position: 50% 10px;
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

ul#navigationF li:first-child a{
    border-radius: 0px 0px 0px 10px;
    border-left:1px solid gray;
}
ul#navigationF li:last-child a{
    border-radius: 0px 0px 10px 0px;
    border-right:1px solid gray;
}

ul#navigationF li a span {
    margin-top:4px;
}
 
ul#navigationF li a:hover {
    background-color: #D6F5FC;
    box-shadow:0px 0px 2px gray;
}

ul#navigationF li a:hover span {
    color:#000;
}
  
.ui-buttonset.has-error > label {
    border: solid 1px #FF0000;
    border-color: #CC0000;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #DF0000;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #DF0000;
}

.ui-dialog.no-backborder {
    background:none;
    border:none;
}

.ui-dialog.no-close .ui-dialog-titlebar-close {
  display: none;
}

.ui-dialog.no-title .ui-dialog-titlebar {
    display:none;
}
 
.ui-tooltip {
    font-size: 12px;
    border-color: #0073ea;
    color:#666;
    box-shadow: none;
    padding: 4px 8px;
}

.ui-dialog-title {
    font-size:10pt;
}

.ui-tabs-panel ul.pages {
    padding-left: 0px;
    font-size:12px;
}

.ui-tabs-panel ul.pages li {
    float:left;
    background-color: #e6e6e6 ;
    border: 1px solid #d3d3d3;
    margin-right: 4px;
    font-size:11.35px;
    padding:10px 4px;
}

.ui-tabs-panel ul.pages li a {
    color:#555;
    text-decoration:none;
    text-transform:uppercase;
}

.ui-tabs-panel ul.pages li.active {
    background-color: #444444;
}
 
.ui-tabs-panel ul.pages li.active a {
    color:#FFF;
}

.ui-buttonset > label span {
    
}

/* SubMenu */
ul#navigationS {
    display:none; /*#################  SE OCULTA, ya que Benjamin comentó que no es encesario, ya que la liga al menú aparece en el menú flotante, y la opcion "regresar" no es funcional por el diseño del sitio   #################*/
    position: absolute;
    right: 0;
    margin: 11px 1px 0px 0px;
    padding: 0px;
    list-style: none;
}

ul#navigationS li {
    display: inline;
    float: left;
}

ul#navigationS li > * {
    height: 20px;
    display: block;
    padding-top: 4px;
    font-size: 12px;
    color: #406284;
    background-color: #EEF1F4;
    border-bottom: 1px solid silver;
}

ul#navigationS li a {
    margin-top: 0px;
    padding-right: 8px;
    padding-left: 24px;
    text-decoration: none;
    text-align: left;
    background-repeat: no-repeat;
    background-position: 4px 4px;
    cursor: pointer;
}

ul#navigationS li:first-child a {
    border-radius: 0px 0px 0px 10px;
    border-left: 1px solid silver;
}

ul#navigationS li:last-child a {
    
}

ul#navigationS li.home a {
    background-image:url(../img/menu.home.png);
}

ul#navigationS li.back a {
    background-image:url(../img/menu.back.png);
}
 
ul#navigationS li a span {
    margin-top:4px;
}
 
ul#navigationS li a:hover {
    background-color: #5B7186;
}

ul#navigationS li a:hover span {
    color:#FFF;
}

ul#navigationS li > span {
    color:#AAAAAA
}
 
/*#################  PROCESOS ###########################*/
.tabla_cuerpo td.proc-count {
    cursor:pointer;
    background-image:url(../img/fast_forward.png);
    background-repeat:no-repeat;
    background-position:right top;
}
 
.tabla_cuerpo td.proc-count.expanded {
     background-image:url(../img/rewind.png);
}
 
.tabla_cuerpo td.proc-count:hover {

}

.tabla_cuerpo td.proc-count.expanded:hover {

}

tr.tabla_cuerpo td.subtotal-cell {
    text-align: center;
    cursor: pointer;
    font-size: 9pt;
    font-weight: bold;
    color: black;
}

div.paq-detail-content {
    border:1px solid gray;
    border-radius:5px;
    background-color:White;
    padding:5px;
    position: absolute;
    text-align:left;
}

div.paq-detail-content span.btn-popup-close {
    float:right;
    width:16px;
    height:16px;
    background-image:url(../img/op.remove.png);
    background-position:0px 16px;
    cursor:pointer;
}
 
div.paq-detail-content span.btn-popup-close:hover {
    background-position:0px 0px;
}
 
div.paq-detail-content span {
    float: left;
    width: 220px;
    cursor: default;
    font-family: 'Trebuchet MS', Calibri, Arial;
    font-size: 9pt;
    color: black;
    font-weight: bold;
}
 
tr.tabla_cuerpo.odd.sel td, tr.tabla_cuerpo.even.sel td {
    background-color:#666;
}

div.pnl-trabajos-content div.trabajo-item-content {
    background-color:whitesmoke;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    margin-bottom: 20px;
    padding: 5px;
}

div.pnl-trabajos-content div.trabajo-item-content table.tabla-trabajo-item td.puntoSel {
    padding-top: 0px;
}

div.pnl-trabajos-content div.trabajo-item-content table.tabla-trabajo-item td {
    vertical-align: top;
    padding-top: 2px;
    height:20px;
}

div.pnl-trabajos-content div.trabajo-item-content table.tabla-trabajo-item td.icon-comment span.view-comment-detail {
    float: right; 
    width: 16px;
    cursor:pointer;
    background-image: url(../img/op.comments.png);
    height: 16px;
    margin-right: 5px;
    margin-top: 2px;
}

div.pnl-trabajos-content div.trabajo-item-content table.tabla-trabajo-item td.row-comment span.add-comment {
    float: right;
    width: 16px;
    cursor: pointer;
    background-image: url(../img/comment_add.png);
    height: 16px;
    margin-right: 5px;
    margin-top: -55px;
}

div.pnl-trabajos-content div.trabajo-item-content table.tabla-trabajo-item td.row-comment span.del-comment {
    float: right; 
    width: 16px;
    cursor:pointer;
    background-image: url(../img/comment_remove.png);
    height: 16px;
    margin-right: 5px;
    margin-top: -55px;
}

div.pnl-trabajos-content div.trabajo-item-content table.tabla-trabajo-item td.acronimo {
    cursor:default;
}

div.pnl-trabajos-content div.trabajo-item-content table.tabla-trabajo-item td.row-comment span.comm-texto {
    background-color: white;  
    border-radius: 5px;  
    float: left;  
    color: rgb(114, 155, 147);  
    font-size: 10pt;  
    font-style: italic;  
    padding: 4px;  
    width: 380px;
    height: 45px;
    margin-bottom: 2px;
    border: 1px solid rgb(231, 231, 231);
}

div.pnl-trabajos-content div.trabajo-item-content table.tabla-trabajo-item td.row-comment textarea.new-comment {
    background-color: white;
    border-radius: 5px;
    float: left;
    color: black;
    font-size: 10pt;
    font-style: italic;
    padding: 4px;
    width: 380px;
    height: 45px;
    margin-bottom: 2px;
    overflow:hidden;
    border-color: rgb(173, 97, 69);
    box-shadow: 0px 0px 5px rgb(255, 126, 0);
    background-color: rgb(255, 236, 222);
}

div.pnl-trabajos-content div.trabajo-item-content table.tabla-trabajo-item td.row-comment textarea.has-error {
    border: solid 1px #CC0000;
    border-radius: 5px;
    float: left;
    color: black;
    font-size: 10pt;
    font-style: italic;
    padding: 4px;
    width: 380px;
    height: 45px;
    margin-bottom: 2px;
    overflow:hidden;
    border-color: rgb(173, 97, 69);
    background-color: #FFCCCC;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #DF0000;
    box-shadow:  inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #DF0000;
}

table.tabla-trabajo-item tr td.puntoNombre {
    width:250px;
    cursor:default;
}

table.tabla-trabajo-item tr td span.hidden {
    display:none;
}

div.pnl-otras-opciones {
    border-bottom: 1px solid gray;
    padding: 4px;
    margin-bottom: 20px;
    margin-top:0px;
    background-color:whitesmoke;
}

table.tabla-trabajo-item tr td span.iconSenial {
    float:left;
    width:16px;
    height:16px;
}

table.tabla-trabajo-item tr td span.iconSenial.Analogica {
    background-image:url(../img/senial_ana.png);
}

table.tabla-trabajo-item tr td span.iconSenial.Digital {
    background-image:url(../img/senial_dig.png);
}

table.tabla-trabajo-item tr td span.iconSenial.Acumulador {
    background-image:url(../img/senial_acu.png);
}

div.comments-dialog {
    width: 400px;
    border: 1px solid gray;
    border-radius: 8px;
    height: 350px;
    box-shadow: 0px 0px 12px rgba(50, 50, 50, 1);
    position: absolute;
    top: 230px;
    left: 531px;
    background-color: white;
    display:none;
}

div.comments-dialog-bkg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color:rgba(0, 0, 0, 0.31);
}

div.comments-dialog span.img-corner {
    float: right;
    width: 19px;
    height: 17px;
    background-image: url(../img/comment_dialog_corner.png);
    margin-top: -14px;
    position: absolute;
    left: 360px;
}

div.comments-dialog div.comment-container {
    margin: 2px;
    overflow-y: auto;
    height: 98%;
}

div.comment-item {
    border: 1px solid rgb(236, 233, 229);
    padding: 8px 8px 0px 8px;
    margin: 10px;
    border-radius: 5px;
    background-color: whitesmoke;
    text-align: left;
    font-style: italic;
    font-size: 10pt;
    clear:both;
}

div.comment-item > span {
    display: block;
    padding-top: 4px;
    font-size: 12px;
    text-align: right;
}
 
div.comment-item > span > em{
    color: rgb(15, 73, 108);
    padding-left: 4px;
}

div.no-comment {
    border-color: rgb(232, 187, 143);
    background-color: rgb(252, 239, 231);
    text-align: center;
    font-style: italic;
    color: rgb(207, 122, 39);
}

/* loader */
#loader { 
    width: 100%; 
    height: 100%; 
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 10000; 
    background-color: rgba(0, 0, 0, 0.75);
}

#loader > div {  
    position: absolute; 
    top: 350px; 
    left: 45%; 
}

#loader > div > p { 
    background-image:url(../img/loader.gif);
    background-position:0px 2px;
    background-repeat:no-repeat;
    padding: 6px 0px;
}

#loader > div > p > span{ 
    display: inline-table;
    margin-left: 40px;
    color: white; 
    font-size:larger; 
    font-style:italic; 
}



span.alert-msg
{
    float: right;
    text-align: center;
    margin: 1%;
    border: 1px solid rgb(184, 126, 0);
    width: 96%;
    background-color: rgb(255, 254, 242);
    padding: 1%;
    color: rgb(184, 126, 0);
}

.content .pages-content tr td:nth-child(2)
{
    text-align:right;        
}

.fu-modal.ui-dialog-content.ui-widget-content {
    padding:0;
    margin:0;
}

.ui-datepicker.ui-widget {
    font-size: 13px;
}

.modal{
    display:none;
}

.tleft
{
    text-align:left;
}
.tright 
{
    text-align:right;
}
.tcenter
{
    text-align:center;
}
.vbottom
{
    vertical-align:bottom;
}
.vmiddle
{
    vertical-align:middle;
}
.vtop
{
    vertical-align:top;
}

/*reglas de estilo para panel de informacion del usuario en session*/
div.login-info {
    background-color: #F3F3F3;
    position: fixed;
    bottom: 5px;
    right: 0px;
    border-radius: 5px 0px 0px 5px;
    box-shadow: -1px -1px 4px gray;
    border: 1px solid gray;
    border-right: none;
}

div.login-info div.head-user-info {
    cursor:pointer;
}

div.login-info.selecting-rol div.head-user-info {
    background-color: rgb(8, 15, 19);
}

div.roles-cont span.label-roles-disponibles {
    color: black;
    font-size: 10pt;
    float: left;
    margin-left: 5px;
    padding-right: 30px;
    font-weight: normal;
    padding-bottom: 2px;
}

div.roles-cont {
    padding-top: 10px;
    border-top: 2px solid black;
}

div.roles-cont ul {
    margin-bottom: 10px;
    border-left: none;
    border-radius: 0px 8px 8px 0px;
    padding: 5px;
}

div.roles-cont span.btn-close {
    cursor:pointer;
    float: right;
    width: 16px;
    height: 16px;
    background-image: url(../img/op.remove.png);
    background-position: 0px 16px;
}

div.roles-cont span.btn-close:hover {
    background-position: 0px 0px;
}

div.roles-cont ul li:hover {
    background-color: rgb(217, 227, 232);
}

div.roles-cont ul li {
    font-size: 8pt;
    text-align: left;
    padding: 5px 5px 5px 20px;
    border-radius: 5px;
    cursor: pointer;
    background-image: url(../../../pages/sabdse.login/img/rol_icon_point.png);
    background-repeat: no-repeat;
    background-position: 0px -1px;
}

div.roles-cont ul li.selected {
    font-style: italic;
    color: rgb(187, 117, 8);
    font-weight: bold;
    padding: 5px 5px 5px 25px;
    background-image: url(../../../pages/sabdse.login/img/rol_icon_sel.png);
    background-repeat: no-repeat;
    background-position: 5px center;
}

div.login-info span.session-lbl {
    color: #444;
    font-weight: bold;
    font-style: italic;
    font-size: 10pt;
}

div.login-info.selecting-rol span.session-lbl {
    color: rgb(168, 168, 168);
}

div.login-info span.rol-desc {
    font-size: 8pt;
    color: rgb(52, 133, 173);
}

div.login-info span.sitio-desc {
    font-size: 8pt;
    color: rgb(173, 131, 52);
    padding-left:4px;
}

div.login-info.selecting-rol span.rol-desc {
    font-size: 8pt;
    color: rgb(126, 110, 85);
}

div.login-info span.lbl-nosession {
    color: silver;
    float: right;
    padding-top: 10px;
    padding-right: 5px;
}

div.login-info span.icon-nosession {
    background-image: url(../img/icon_user.png);
    float: left;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    margin: 5px;
}

div.login-info span.icon-session {
    background-image: url(../img/icon_user.png);
    float: left;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    margin: 5px;
}

div.login-info table tr td.info-td {
    vertical-align: top;
    padding-right: 10px;
    padding-top:4px;
}

body div.block-screen {
    background-color:rgba(0,0,0,.7);
    cursor:not-allowed;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:200;
}

body div.block-screen-white {
    background-color:rgba(255,255,255,.3);
    cursor:default;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:200;
}

.conditional-op {
    display:none;
}

ul.sdt_menu {
	margin:0;
	padding:0;
	list-style: none;
	/*font-family:"Myriad Pro", "Trebuchet MS", sans-serif;*/
    font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	position: fixed;
    right: 0px;
    z-index: 2;
}

ul.sdt_menu a {
	text-decoration:none;
	outline:none;
}

ul.sdt_menu li {
	float:left;
	width:170px;
	height:45px;
	position:relative;
	cursor:pointer;
    background-color:#000;
}

ul.sdt_menu li > a {
	position:absolute;
	top:0px;
	left:0px;
	width:170px;
	height:45px;
	z-index:12;
	background:transparent url(../img/overlay.png) no-repeat bottom right;
	-moz-box-shadow:0px 0px 2px #000 inset;
	-webkit-box-shadow:0px 0px 2px #000 inset;
	box-shadow:0px 0px 2px #000 inset;
}

ul.sdt_menu li a img {
	border:none;
	position:absolute;
	width:0px;
	height:0px;
	bottom:0px;
	left:85px;
	z-index:100;
	-moz-box-shadow:0px 0px 4px #000;
	-webkit-box-shadow:0px 0px 4px #000;
	box-shadow:0px 0px 4px #000;
}

ul.sdt_menu li span.sdt_wrap {
	position:absolute;
	/*top:25px;*/
	left:0px;
	width:170px;
	height:45px;
	z-index:15;
    background-color:#000;
}

ul.sdt_menu li span.sdt_active {
	position:absolute;
	background:#111;
	top:45px;
	width:170px;
	height:0px;
	left:0px;
	z-index:14;
	-moz-box-shadow:0px 0px 4px #000 inset;
	-webkit-box-shadow:0px 0px 4px #000 inset;
	box-shadow:0px 0px 4px #000 inset;
}

ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a {
	margin-left:15px;
	/*text-transform:uppercase;*/
	text-shadow:1px 1px 1px #000;
}

ul.sdt_menu li span span.sdt_link {
	color:#fff;
	font-size:20px;
	float:left;
	clear:both;
    padding-top:2px;
}

ul.sdt_menu li span span.sdt_descr {
	color:#0B75AF;
	float:left;
	clear:both;
	width:155px; /*For dumbass IE7*/
	font-size:12px;
	letter-spacing:1px;
}

ul.sdt_menu li div.sdt_box {
	display:block;
	position:absolute;
	width:170px;
	overflow:hidden;
	min-height:170px;
	top:45px;
	left:0px;
    background:#222;
	display:none;
    z-index:2;
    text-align:left;
}

ul.sdt_menu li div.sdt_box a {
	float:left;
	clear:both;
	line-height:30px;
	color:#0B75AF;
    font-size:12px;
    margin-left:10px;
}

ul.sdt_menu li div.sdt_box a:first-child{
	margin-top:15px;
}

ul.sdt_menu li div.sdt_box a:hover {
	color:#fff;
}

/* tabla con opciones de agregar/eliminar */ 
.pnl .content .fieldgroup > table thead tr th.cell-space,
.pnl .content .fieldgroup > table tbody tr td.cell-space {
    background-color: #FFF;
    border-right:0;
    border-bottom:0;
}

.pnl .content .fieldgroup > table.tabledev thead tr th{
    padding-left:3px;
}

.pnl .content .fieldgroup > table.tabledev tbody tr td {
    /*padding: 3px;*/
}

.pnl .content .fieldgroup > table.tabledev tbody tr td > span {
    color:#000;
}

.pnl .content .fieldgroup > table.tabledev tbody tr td > input {
    /*
    width:40px;
    text-align:center;
    */
}

.pnl .content .fieldgroup > table.tabledev tbody tr.delete td {
    background-color:#f2dede;
}

.pnl .content .fieldgroup > table.tabledev tfoot tr td {
    background-color:#FFF;
    padding: 3px 4px;
}

.pnl .content .fieldgroup > table.tabledev tfoot tr td a {
    color: #690;
    font-family:Arial, Helvetica, sans-serif;
}

.pnl .content .fieldgroup > table.tabledev tbody tr td .op, 
.pnl .content .fieldgroup > table.tabledev tfoot tr td .op, 
.config-revision-item .op,
.pnl.catalogo-item .op { 
    width: 24px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: 0px -16px;
    cursor: pointer;
    padding-top: 2px;
    padding-left: 20px;
    padding-bottom: 0px;
    font-weight: normal;
    text-decoration:none;
}
 
.pnl .content .fieldgroup > table.tabledev tfoot tr td .op.add, 
.config-revision-item .op.add,
.pnl.catalogo-item .op.add{
    background-image:url(../img/op.add.png);
}

.pnl .content .fieldgroup > table.tabledev tbody tr td .op.delete,
.config-revision-item .op.delete,
.pnl.catalogo-item .op.delete{
    background-image:url(../img/op.remove.png);
}

.pnl .content .fieldgroup > table.tabledev tbody tr td .op.copy,
.config-revision-item .op.copy,
.pnl.catalogo-item .op.copy{
    background-image:url(../img/op.copy.png);
}

.pnl .content .fieldgroup > table.tabledev tbody tr td .op:hover,
.pnl .content .fieldgroup > table.tabledev tfoot tr td .op:hover,
.config-revision-item .op:hover,
.pnl.catalogo-item .op:hover{
    background-position: 0px 0px;
}

/* anexos */
.pnl .content .fieldgroup > table tbody tr td .file-attachment {
    height: 20px;
    width: 304px;
    float: left;
}

.pnl .content .fieldgroup > table.tabledev.table-anexo tbody tr td {
    border:0;
    text-align: left;
}

.pnl .content .fieldgroup > table.tabledev.table-anexo tbody tr td .file-attachment {

}

.pnl .content .fieldgroup > table.tabledev.table-anexo tbody tr td > input {
    width:280px;
    text-align: left;
    padding-left: 6px;
}

.pnl .content .fieldgroup > table.tabledev.table-anexo tbody tr td .ext.file {
    display:inline-table;
    width: 16px;
    height: 16px;
    margin: 0px;
    cursor: pointer;
    background-image:url(../img/ext-link.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.pnl .content .fieldgroup > table.tabledev.table-anexo tbody tr td .ext.file.e-txt {
    background-image:url(../img/ext-text.png);
}

.pnl .content .fieldgroup > table.tabledev.table-anexo tbody tr td .ext.file.e-pdf {
    background-image:url(../img/ext-pdf.png);
}

.pnl .content .fieldgroup > table.tabledev.table-anexo tbody tr td .ext.file.e-zip,
.pnl .content .fieldgroup > table.tabledev.table-anexo tbody tr td .ext.file.e-rar,
.pnl .content .fieldgroup > table.tabledev.table-anexo tbody tr td .ext.file.e-7z {
    background-image:url(../img/ext-compress.png);
}

.pnl .content .fieldgroup > table.tabledev.table-anexo tbody tr td .ext.file.e-doc,
.pnl .content .fieldgroup > table.tabledev.table-anexo tbody tr td .ext.file.e-docx {
    background-image:url(../img/ext-word.png);
}

.pnl .content .fieldgroup > table.tabledev.table-anexo tbody tr td .ext.file.e-xls,
.pnl .content .fieldgroup > table.tabledev.table-anexo tbody tr td .ext.file.e-xlsx {
    background-image:url(../img/ext-excel.png);
}

.pnl .content .fieldgroup > table.tabledev.table-anexo tbody tr td .ext.file.e-ppt,
.pnl .content .fieldgroup > table.tabledev.table-anexo tbody tr td .ext.file.e-pptx,
.pnl .content .fieldgroup > table.tabledev.table-anexo tbody tr td .ext.file.e-pps,
.pnl .content .fieldgroup > table.tabledev.table-anexo tbody tr td .ext.file.e-ppsx {
    background-image:url(../img/ext-powerpoint.png);
}

.pnl .content .fieldgroup > table.tabledev.table-anexo tbody tr td .ext.file.e-jpg,
.pnl .content .fieldgroup > table.tabledev.table-anexo tbody tr td .ext.file.e-jpeg, 
.pnl .content .fieldgroup > table.tabledev.table-anexo tbody tr td .ext.file.e-png,
.pnl .content .fieldgroup > table.tabledev.table-anexo tbody tr td .ext.file.e-gif,
.pnl .content .fieldgroup > table.tabledev.table-anexo tbody tr td .ext.file.e-bmp {
    background-image:url(../img/ext-image.png);
}

.pnl .content .fieldgroup > table.tabledev.table-anexo tbody tr td .op.delete {
      padding-top: 0px;
}


/*#################  Modificacion para los dialog box en los catalogos. #################*/
div.catalogo-item .fieldgroup{
    background-color:white;
}

div.catalogo-item .fieldgroup > table {
    width: 100%;
    font-size:12px;
}

div.catalogo-item .fieldgroup > table thead tr th {
    padding: 3px 3px 3px 13px;
    background-color:#CCCCCC;
    font-weight:bold;
}

div.catalogo-item .fieldgroup > table tbody tr.odd {
    background-color: #E9E9E9;
}

div.catalogo-item .fieldgroup > table tbody tr.even {
    background-color: #FFFFFF;
}

div.catalogo-item .fieldgroup > table tbody tr.odd.reset, 
div.catalogo-item .fieldgroup > table tbody tr.even.reset {
    background-color: inherit;
}

div.catalogo-item .fieldgroup > table tbody tr td {
    color:#666;
    padding: 3px 3px 3px 0px;
}

div.catalogo-item .fieldgroup > table tbody tr td.tright {
    text-align: right;
}

div.catalogo-item .fieldgroup > table tbody tr td.tleft input {
    text-align: left;
}
div.catalogo-item .fieldgroup > table tbody tr td > span {
    color:#666;
    font-size:12px;
}

div.catalogo-item .fieldgroup > table tbody tr td > p {
    color:#666;
    font-size:12px;
    padding-bottom: 0px;
}

div.catalogo-item .fieldgroup > table tbody tr td > span em.nota {
    color:#336699;
}

div.catalogo-item .fieldgroup > table tbody tr td input,
div.catalogo-item .fieldgroup > table tbody tr td select,
div.catalogo-item .fieldgroup > table tbody tr td textarea {
    font-size:12px;
    font-family:Arial;
}

div.catalogo-item .fieldgroup > table tbody tr td input {
    width:100px;
    border: 1px solid silver;
}

div.catalogo-item .fieldgroup > table tbody tr td input.tleft {
    text-align:left;
}

div.catalogo-item .fieldgroup > table tbody tr td input.minicolors-input {
    height:17px;
    padding-top:0px;
    padding-bottom:0px;
}
 
div.catalogo-item .fieldgroup > table tbody tr td .minicolors-theme-default .minicolors-swatch {
    left: 0px;
    top: 0px;
    cursor:pointer;
    border-bottom: 0;
    height: 17px;
}
 
div.catalogo-item .fieldgroup > table tbody tr td input.fill-cell {
    width:100%;
}

div.catalogo-item .fieldgroup > table tbody tr td select.fill-cell {
    width:102%;
    padding: 1px 0px;
}

div.catalogo-item .fieldgroup > table tbody tr td textarea.fill-cell {
    width:100%;
    height:50px;
}
div.catalogo-item .fieldgroup > table tbody tr td input.tcenter {
    text-align:center;
}

div.catalogo-item .fieldgroup > table tbody tr td input.has-error,
div.catalogo-item .fieldgroup > table tbody tr td select.has-error{
	border: solid 1px #CC0000;
	background-color:#FFCCCC;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #DF0000;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #DF0000;
}

div.catalogo-item .fieldgroup > table tbody tr td input.is-readonly {
	border: solid 1px transparent;
    background-color: transparent;
    color: #016FB2;
}

div.catalogo-item .fieldgroup > table tbody tr td span.is-readonly,
.pnl .content span.is-readonly {
    color: #016FB2;
}

.catalogo-item-content {
  background-color: white;
  padding: 0px;
  border-radius: 0px 0px 10px 10px;
  border: none;
  box-shadow: 0px 0px 40px rgb(150,150,150);
}
.catalogo-item-content.catalog-item-add {
  padding: 0px;
  border: 1px solid #518104;
}
.catalog-item-add div.ui-dialog-titlebar, 
.catalog-item-edit div.ui-dialog-titlebar{
  border-top:none;
  border-left:none;
  border-right:none;
}
.catalogo-item-content.catalog-item-edit {
  padding: 0px;
  border: 1px solid #ADA413;
}


div.catalogo-item .btnContent input.ui-button{
  font-size: 12px;
  float: right;
}