.center {
    text-align: center;
}

.right {
    text-align: right;
}

div#page-loader {
    position: absolute;
    left: 50%;
    top: 50%;
}

.fakeInput .x-form-display-field {
    color: #555555 !important;
    background-image: none !important;
    background-color: #e8e8e8;
    border: 1px solid rgb(181, 184, 200);
    padding: 3px;
    min-height: 22px;
    min-width: 20px;
}

.aviso {
    font-size: 11px !important;
    color: #FF9900;
    text-decoration: none;
    font-weight: normal;
    background-image: url(img/warn.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding: 5px 5px 5px 20px !important;
}

.descarga {
	font-size: 11px !important;
    color: #FF9900;
    text-decoration: none;
    font-weight: normal;
	background-image: url(img/abajo.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding: 5px 5px 5px 20px !important;
}

.x-fieldset-header-text {
    font-weight: bold !important;
}

.x-header-label-text {
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 15px !important;
}

#header-panel div {
    font-size: 11px;
    font-weight: normal;
    font-family: tahoma,arial,verdana,sans-serif;
}

#header-panel.app div {
    background: #BAD80A !important; /*Pantone 382*/
}

#header-panel.rgnfu div {
    background: #CDF;
}

.dateField {
  height: 22px !important;
}

.userInfo .x-form-display-field {
    line-height: 9px !important;
    height: 9px !important;
}

.userInfo .x-field-label-cell {
    width: auto;
}


fieldset.crcInfo {
     border-right: solid !important;
     border-color: rgb(153,188,232) !important;
     border-radius: 0px !important;
}


.crcInfo .x-panel-header-text {
    color: black;
    font-weight: bold;
}

.crcInfo  .x-panel-header,
.crcInfo  .x-panel-header div
{
    background: white !important;	
}

.crcLogo div {
	background: white !important;
}


.crcInfo .x-form-display-field {
    font-size: 10px !important;
    line-height: 9px !important;
    height: 9px !important;
}


.pnatInfo .x-form-display-field {
    line-height: 10px !important;
    height: 10px !important;
}

/*
td, tr, label {
    line-height: 13px !important;
    height: 13px !important;
}
*/

.headerRow tr, .headerRow td {
    line-height: 13px !important;
    height: 13px !important;
}

img.x-tree-icon-leaf + span.x-tree-node-text {
    cursor: pointer;
}

.userInfo div {
    font-size: 10px !important
}

.msg .x-box-mc {
    font-size:14px;
}
#msg-div {
    position:absolute;
    left:35%;
    top:10px;
    width:300px;
    z-index:20000;
}
#msg-div .msg {
    border-radius: 8px;
    -moz-border-radius: 8px;
    background: #F6F6F6;
    border: 2px solid #ccc;
    margin-top: 2px;
    padding: 10px 15px;
    color: #555;
}
#msg-div .msg h3 {
    margin: 0 0 8px;
    font-weight: bold;
    font-size: 15px;
}
#msg-div .msg p {
    margin: 0;
}

/*  Estilos para estado UdC */
.udc-pendiente .x-estado-udc-cell {
    background-color: #fcffab !important;
}
.udc-almacenado .x-estado-udc-cell {
    background-color: #BEE8BE !important;
}
.udc-prefacturado .x-estado-udc-cell {
     background-color: #BBD5F2 !important;
}
.udc-anulado .x-estado-udc-cell {
    background-color: #E69595 !important;
}

/* Modalidad de Recogida */
.modRecogida-M1 .x-modRecogidaCod-cell {
	color: darkgray;
}
.modRecogida-M2 .x-modRecogidaCod-cell {
    color: inherit;
}
.modRecogida-M5 .x-modRecogidaCod-cell {
    color: chocolate;
}
.modRecogida-M6 .x-modRecogidaCod-cell {
    color: blueviolet;
}

.row-saldoGen-zero .col-saldoGen-zero {
	color: lightgray !important;
}

.row-saldoDec-zero .col-saldoDec-zero {
    color: lightgray !important;
}

.row-saldoDis-zero .col-saldoDis-zero {
    color: lightgray !important;
}

.row-saldoSol-zero .col-saldoSol-zero {
    color: lightgray !important;
}

/* Estilos para Estados de la recogida */
.recogida-CONTACTAR_SIGNUS .x-estado-recogida-cell {
    background-color: #fcffab !important;
}
.recogida-CONTACTAR_CRC .x-estado-recogida-cell {
    background-color: #fcffab !important;
}
.recogida-EN_TRANSITO .x-estado-recogida-cell {
    background-color: #BBD5F2 !important;
}
.recogida-ASIGNADA .x-estado-recogida-cell {
    background-color: #BBD5F2 !important;
}
.recogida-EN_CURSO .x-estado-recogida-cell {
    background-color: #BBD5F2 !important;
}
.recogida-COMPLETADA .x-estado-recogida-cell {
    background-color: #BEE8BE !important;
}
.recogida-ANULADA .x-estado-recogida-cell {
    background-color: #E69595 !important;
}

/* Estilos para Estados del AECAP*/
.aecap-pteAutorizar .x-estado-aecap-cell {
    background-color: #fcffab !important;
}
.aecap-pteImprimir .x-estado-aecap-cell {
    background-color: #fcffab !important;
}
.aecap-transito .x-estado-aecap-cell {
    background-color: #BBD5F2 !important;
}
.aecap-completado .x-estado-aecap-cell {
    background-color: #BEE8BE !important;
}
.aecap-anulado .x-estado-aecap-cell {
    background-color: #E69595 !important;
}

/* Estilos para líneas rectificativas PREFACTURADAS*/
.pref-aRect-pref .x-grid-cell {
    background-color: #D3D3D3 !important;
}
.pref-aRect-rect .x-grid-cell {
    background-color: #cce4dc !important;
}

/* Fila de AlbEntNur DEVOLUCIÓN */
.albEntNur-devolucion .x-grid-cell {
     background-color: #ffcb97 !important;
}

/* Fila de FacturaNur ANULADA */
.facturaNur-anulada .x-grid-cell {
     color: #9e9e9e!important;
}

/* Columna FacturaNur TipoDestino */
/*   NACIONAL */
.facturaNur-NAC .x-tipoDestino-cell {
    background-color: #fcffab !important;
}
/*   NACIONAL a terceros */
.facturaNur-NACTR .x-tipoDestino-cell {
	background-color: #BBD5F2 !important;
}
/*   INTRACOMUNITARIA */
.facturaNur-INTR .x-tipoDestino-cell {
	background-color: #BEE8BE !important;
}
/*   EXTRACOMUNITARIA */
.facturaNur-EXTR .x-tipoDestino-cell {
	background-color: #E69595 !important;
}

/* Estilos para Estados de Códigos SG */
.codigoSg-GEN .x-estado-cell {
    background-color: #FCFFAB !important;
}
.codigoSg-DEC .x-estado-cell {
    background-color: #FFCB97 !important;
}
.codigoSg-DIS .x-estado-cell {
    background-color: #BEE8BE !important;
}
.codigoSg-SOL .x-estado-cell {
    background-color: #BBD5F2 !important;
}
.codigoSg-CON .x-estado-cell {
    background-color: #D3D3D3 !important;
}
.codigoSg-ANU .x-estado-cell {
    background-color: #E69595 !important;
}


/* Estilos para facturas asociadas a Factura NUR*/
.factnur-actual .x-grid-cell {
    background-color: #F5E389 !important;
}

/* Estilos para Modelos de Declaración*/
.pref-pem-reg .x-modeloFact-cell {
    background-color: #BEE8BE !important;
}

.pref-pem-ext .x-modeloFact-cell {
    background-color: #fcffab !important;
}

.pref-pem-rec .x-modeloFact-cell {
     background-color: #ffcb97!important;
}


/* Estilos para estados de pesajes de báscula */
.pesaje-ASIGNADO .x-estado-pesaje-cell {
     background-color: #BBD5F2 !important;
}
.pesaje-LIBRE .x-estado-pesaje-cell {
    background-color: #BEE8BE !important;
}

.pesaje-INACTIVO .x-estado-pesaje-cell {
    background-color: #E69595 !important;
}

/* Fila de PEM "Nada Que Declarar" */
.row-NQD {
    color: blue !important;
}


/* Filas de categorías comerciales */
.row-catCom .x-grid-cell {
    background-color: #ffffff !important;
}     
.row-catCom-alt .x-grid-cell {
    background-color: #e7e7e7 !important;
}    


/* Estilos para cronología de trazaGeo */
.action-in-range-true .traza-geo-cell {
    background-color: #BEE8BE !important;
}

.action-in-range-false .traza-geo-cell {
    background-color: #E69595 !important;
}


/* Fila de parteFab ANULADO */
.parteFab-anulado .x-grid-cell {
     color: #9e9e9e !important;
}

/* Columna ParteFab ESTADO */
/*   PENDIENTE de FABRICAR */
.parteFab-P .x-estParteFabCod-cell {
    background-color: #BBD5F2 !important;
}
/*   FABRICADO */
.parteFab-F .x-estParteFabCod-cell {
    background-color: #BEE8BE !important;
}
/*   ANULADO  */
.parteFab-A .x-estParteFabCod-cell {
	color: #000000 !important;
    background-color: #E69595 !important;
}

/* Columna ParteFab TIPO */
/* Terminado desde ENTERO */
.parteFabTipo-ENTER .x-parteFabTipo-cell {
    color: inherit !important;
}
/* Terminado desde SEMI */
.parteFabTipo-DESMT .x-parteFabTipo-cell {
    color: chocolate !important;
}
/* Semiterminado */
.parteFabTipo-SMTRD .x-parteFabTipo-cell {
    color: blueviolet !important;
}


/* Estilos para Cierres Fabricación */
.cierreFab-INPUT .x-grid-cell {
    background-color: #cce4dc !important;
}

.cierreFab-OUTPUT .x-grid-cell {
    background-color: #cce4dc !important;
}
.cierreFab-SUBPR .x-grid-cell {
    background-color: #edf4a9 !important;    
}
.cierreFab-detalle .x-grid-cell {
    opacity: 0.5 !important;
    font-style: italic;
}
.cierreFab-conPesaje .x-grid-cell {
    background-color: #f7f7c9 !important;
}

/* Estilos para Notificaciones de Campañas */
/* Fila campNotif LOST (perdida) */
.campNotif-LOST .x-grid-cell {
     color: #9e9e9e !important;
	 background-color: #e7e7e7 !important;
}
/* Fila campNotif NEW (nueva) */
.campNotif-NEW .x-grid-cell {
	background-color: #fcfcdf !important;
	font-style: italic !important;
}

/* Estilos para txt sugerido */
.txtsuggest {
	cursor: pointer;
	font-size: 7pt !important;
    color: gray !important;
    font-weight: normal !important;
    display: flex;
    text-overflow: ellipsis;
}

.txtsuggest::before {
  content: "\f24d";
  font-family: "Font Awesome 6 Pro"; 
  margin-right: 0.5em;
  margin-top: 1px; 
}

/* Estilos para el componente de navegación entre documentos */

.docrefimg {
    cursor: pointer !important;
    vertical-align: middle;
    border: 0px;
    background-image:url(img/docref.png) !important;
    background-repeat: no-repeat;
    width: 24px;
    height: 16px;
}

.docrefimg.x-item-disabled {
    opacity: 0.4 !important;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}

td.docrefimg {
	background-position: right;
}

td.docrefimg div {
    cursor: pointer;
}

.docref .x-form-display-field-body {
    white-space: nowrap;
}

.docref div.x-form-display-field {
    display: inline;
    text-align: right;
}

.quitMargin .x-field-label-cell{
    width: 50px;
}

tr.error-row td {
    background-color: #f08787 !important;
}

.x-form-invalid-field {
    background-color: #f08787 !important;
    background-image: none !important;
}

.x-form-invalid .x-form-checkboxgroup-body {
    background-image: none !important;
    background-color: #f08787 !important;
}

.x-form-checkboxgroup-body {
	padding: 0 0 3px 0 !important;
}


.x-form-readonly input[type=text], .x-form-readonly textarea, .docref input {
    color: #555555;
    background-image: none !important;
    background-color: #e8e8e8;
}

.x-form-readonly label:not[x-panel-header-text-container-default],
.docref label,
label.x-form-readonly,
.docref input {
    color: #88AA88;
    font-weight: bold !important;
}

.x-item-disabled * {
    opacity: 1 !important;
}

.x-item-disabled .x-form-file-input {
	cursor: default;
}

.x-btn-disabled {
    cursor: default !important;
}

.x-item-disabled .x-form-checkbox,
.x-item-disabled .x-form-radio, 
.x-form-radio:disabled {
    filter: opacity(0.7) grayscale(1);
}
.x-item-disabled .x-grid-checkcolumn {
  opacity: 0.3 !important;
}
.x-item-disabled .x-grid-row-checker {
  opacity: 0.3 !important;
}
.x-item-disabled input[type=text],
.x-item-disabled textarea,
.x-item-disabled.fakeInput .x-form-display-field {
    color: #555555;
    background-image: none !important;
    background-color: #e8e8e8;
}

.x-item-disabled label,
.x-form-readonly label {
    color: #88AA88;
    font-weight: bold !important;
}

.x-form-cb-label label {
	color: #88AA88;
	font-weight: normal !important;
}

.x-display-flex {
	display: flex;
}

.spaceWhite .x-grid-cell-inner{
    white-space: pre-line;
}

.spaceWhitePre .x-grid-cell-inner{
    white-space: pre;
}


.x-form-readonly .x-form-cb-label-after {
    font-weight: normal !important;
}

fieldset {
    border-radius: 3px;
}

.x-fieldset-noborder {
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;
}

.x-fieldset {
    padding: 0px 10px 5px 10px !important;
}

.x-fieldset-body {
    overflow: visible !important;
}

td.wrap-text {
    vertical-align: middle;
}

.x-column-header-text {
    white-space: normal !important;
}



td.wrap-text div, div.wrap-text .x-column-header-text {
    white-space: pre-line;
}

.x-form-required-field:not(.x-item-disabled,.x-form-readonly) label,
label.x-form-required-field:not(.x-item-disabled,.x-form-readonly) {
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
}

.x-form-required-field:not(.x-item-disabled,.x-form-readonly) label:after,
label.x-form-required-field:not(.x-item-disabled,.x-form-readonly):after {
    content: " *"
}

.x-form-required-grid:not(.x-item-disabled,.x-form-readonly) span.x-panel-header-text:after {
    content: " *"
}

.numerico input {
    text-align: right;
}


.fa-border-1 {
    --fa-border-color: #000000
}

.hidden {  
    visibility: hidden;
}


.badge {
  /*background-color: red;*/
  /*color: white;*/
  font-weight: bold;
  width: 75px;
  padding: 4px 8px;
  text-align: center;
  border-radius: 5px;
  margin-left: 4px;
  margin-right: 4px;
  font-size: xx-small;
  display: inline-block;
  text-overflow: ellipsis;
}

.txtmicro, label.txtmicro {
    font-size: 7pt !important;
    color: gray !important;
    font-weight: normal !important;
}

.txtnormal {
    font-size: 11px !important;
    color: gray !important;
    font-weight: normal !important;
}


.x-grid-empty {
    font-size: 7pt !important;
    color: gray;
}


.x-grid-view .x-grid-empty {
    font-size: 12px !important;
    color: gray;
	text-align: left;
}

.x-grid-group-hd {
    padding: 4px 4px 4px 4px !important; /* 10px 4px 4px 4px; */
}

td.x-field-label-cell {
    vertical-align: middle !important;
    text-align: right;
    white-space: nowrap;
}

.x-form-fieldcontainer td.x-field-label-cell {
    vertical-align: top !important;
    padding-top: 3px;
}

.wrap-label td.x-field-label-cell {
    white-space: pre-line;

}

td.x-form-display-field-body {
    margin-top: 1px !important;
    vertical-align: middle !important;
}

.x-form-display-field {
    margin-top: 0px !important;
}

/*Altura mínima de elementos de combo*/
.x-boundlist-item {
     min-height: 20px
}

.obsoleto { 
	color: red !important;
}

/*Patrón alterno para elementos de combo, excluyendo los 'hover' y los seleccionados */
.x-boundlist li:nth-child(even):not(.x-boundlist-item-over):not(.x-boundlist-selected) {
    background-color: rgb(249, 252, 183);
}

.suggest .x-toolbar-text.btn {
    cursor: pointer;
}

.x-grid-row-summary .x-grid-cell-inner {
    font-weight: bold;
    font-size: 0.90em;
    height: 23px !important;
}
.x-grid-row-summary {
    background: #E2E5B2;
}

.overflow-visible {
    overflow: visible;
}

td.cell-link div {
    cursor: pointer;
}

.x-tab-default .x-tab-inner {
    font-weight: normal !important;
}

.x-tab-default-active .x-tab-inner {
    font-weight: bold !important;
    font-style: italic !important;
}

tbody td.fakeInput > div {
    background-image: url(img/pencil16.png);
    background-repeat: no-repeat;
    padding-left: 20px;
}

tbody td.fakeInputDisabled > div {
    background-image: url(img/pencil16_disabled.png);
    background-repeat: no-repeat;
    padding-left: 20px;
}


span.helpIcon {
    background: url('img/Help_Circle_Blue.png') no-repeat right center;
    padding-right: 18px;
    padding-top: 3px;
    padding-bottom: 5px;
}

div > span.helpIcon {
    background: url('img/Help_Circle_Blue.png') no-repeat right center;
    padding-right: 18px;
    padding-top: 8px;
    padding-bottom: 10px;
}

span.warnIcon {
    background: url('img/warn.gif') no-repeat right center;
    padding-right: 18px;
    padding-top: 3px;
    padding-bottom: 5px;
}

span.newIcon {
    background: url('img/new.png') no-repeat right center;
    padding-right: 18px;
    padding-top: 3px;
    padding-bottom: 5px;
}

.x-grid-group-hd {
    white-space: normal !important;
    border-width: 2px 0 0 0 !important;
}

.empresaIcon {
    background-image: url(img/company.png) !important;
    background-size: 15px 15px;
}

.visibleIcon {
    background-image: url(img/eye.png) !important;
    background-size: 15px 15px;
}

.serviceIcon {
    background-image: url(img/service.png) !important;
    background-size: 15px 15px;
}

.seccionIcon {
    background-image: url(img/seccion.png) !important;
    background-size: 15px 15px;
}

.menuIcon {
    background-image: url(img/menu.gif) !important;
    background-size: 16px 16px;
}

.reportIcon {
    background-image: url(img/report-icon.png) !important;
    background-size: 16px 16px;
}

.columnIcon {
    background-image: url(img/report-column.png) !important;
    background-size: 16px 16px;
}

.msg-wrap div[role=textbox] {
    white-space: pre-line !important;
}

table.jsonData {
    border-collapse: collapse;
}

table.jsonData td, table.jsonData th {
    border: 1px solid silver;
    padding: 4px;
    font-weight: normal;
}

table.jsonData td.right {
    text-align: right;
}

table.jsonData th.empty {
    border: none;
}

.x-table-layout-cell .x-form-fieldcontainer {
    width: 100%;
}

.x-form-text {
	font-size: 12px;
}

.maingrid .x-header-text {
    white-space: normal;
    font-weight: normal !important;
}

.maingrid .x-header-text .strong {
    font-weight: bold;
}

.subListPopup {
    line-height: 16px;
    white-space: pre-wrap;
}

.subListPopup .warn {
    font-weight: bold;
    color: red;
    background-image: url(img/warn.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
}

.subListPopup .strong {
    font-weight: bold;
}


.overflowHidden {
    overflow: hidden !important
}


.label {
    color: #535a03 !important;
    font-size: 12px;
    font-weight: bold;
}

.labelWarn {
    color: orange !important;
    font-size: 12px;
    font-weight: bold;
}

div.trazageo-action-color {
    width: 30px;
    height: 15px;
}

td.dim div.x-grid-cell-inner {
    color: darkgray; /* usar lightgray para que no se vea */
}

.x-grid-group-title-action {
    cursor: pointer !important;
}

.x-action-col-icon {
    height: 13px !important;
    width: auto !important;
    margin: 0px !important;
    padding: 0px !important;
}

.x-action-col-icon.x-big-icon {
    height: 16px !important;
}


.x-form-date-trigger-over {
  background-position: -17px 0;
  border-color: #cbcc58;
}

.x-form-trigger-wrap-focus .x-form-date-trigger {
  background-position: -51px 0;
  border-color: #cbcc58;
}

.x-form-trigger-wrap-focus .x-form-date-trigger-over {
  background-position: -68px 0;
}

.x-column-header-align-right .x-column-header-text {
    margin-right: 0px !important; /* 9px por defecto*/
}

.x-buttongroup {
    background-image:-webkit-linear-gradient(top,#dddfa9,#edf0be);
    background-image:-moz-linear-gradient(top,#dddfa9,#edf0be);
    background-image:-o-linear-gradient(top,#dddfa9,#edf0be);
    background-image:linear-gradient(top,#dddfa9,#edf0be);
}


.wizard-next-btn .x-btn-inner {
    font-size: 12px !important;
    font-weight: bold;
}

.wizard-next-btn,
.wizard-prev-btn  {
    border-radius: 6px !important;
}

.canal-icon {
	width:16px;
    height:16px;
    vertical-align:middle;
}

.ok-icon {
	width: 70px;
    height: 70px;
    vertical-align: middle;
    margin: 10px 0px 10px 0px;
}

.otp-field input{
	font-size: 32px;
	font-weight: bold;
    text-align: center;
}

.main-background>.x-panel-body-default {
    background-color: transparent;
}
.main-background {
	background-image: url('./img/fondo.jpg');
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;   /* opcional */
}

.big-textfield input {
    height: 35px;
	padding: 6px;
}

.big-textfield .x-form-text {
    font-size: 16px;
}

.big-textfield .x-form-text.x-form-empty-field
 {
	font-size: 12px;
}