/*Resultados*/
.pix-resultados-cabecera { font-size: 0; padding-bottom: 8px; padding-top: 32px; margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; border-bottom: solid 1px #eceff1 }
.pix-resultados-registros:not(:empty){padding-top:8px}
.pix-resultados-cabecera select { cursor: pointer; background: #eceff1; height: 32px; font-size: 15px; border-radius: 16px; border: none; padding: 0 8px }
.pix-resultados-cabecera .pix-check > label { padding-left: 32px; }
.pix-resultados-paginacion:not(:empty) { text-align: center; padding-top: 32px; padding-bottom: 32px }
.pix-resultados-paginacion a { cursor: pointer; display: inline-block; line-height: 48px; width: 48px; border-radius: 24px; background-color: transparent; color: #b0bec5; text-decoration: none; font-size: 18px; letter-spacing: 2px; text-transform: uppercase; }
.pix-resultados-paginacion a.activo { background-color: #78909c; color: #fff; box-shadow: 0 3px 5px rgba(0,0,0,.1); }
.pix-resultados-paginacion a:hover { box-shadow: 0 5px 7px rgba(0,0,0,.1); background-color: #78909c; color: #fff }
.pix-resultados-paginacion a:active { background-color: #b0bec5 }
.pix-resultados-paginacion a:not(:last-child) { margin-right: 4px }
.pix-registro { display: table; width: 100%; font-size: 0; border-collapse: collapse }
.pix-registro > div { display: table-cell; vertical-align: top; }
.pix-registro > div.pix-registro-check, .pix-registro > div.pix-registro-imagen, .pix-registro > div.pix-registro-acciones { width: 1% }
.pix-registro > div.pix-registro-imagen > a, .pix-registro > div.pix-registro-acciones > a { display: block; text-decoration: none }
.pix-registro > div.pix-registro-imagen > a { padding-top: 16px; padding-bottom: 16px; font-size: 0 }
.pix-registro > div.pix-registro-imagen > a > span { width: 64px; height: 64px; background-color: #78909c; display: inline-block; border-radius: 50%; line-height: 64px; font-size: 32px; color: #fff; text-align: center }
.pix-registro > div.pix-registro-imagen > a > span > i { font-size: 28px; }
.pix-registro > div.pix-registro-imagen > a > img { width: 64px; height: 64px; border-radius: 50%; background-color: #eceff1 }
.pix-registro > div.pix-registro-contenido > a { padding-top: 16px; padding-bottom: 16px; display: block; text-decoration: none }
.pix-registro > div.pix-registro-contenido > a > strong { color: #263238; font-weight: normal; font-size: 18px; word-break: break-word; }
.pix-registro > div.pix-registro-contenido > a > p { color: #78909c; margin: 0; font-size: 14px; word-break: break-word; }
.pix-registro > div.pix-registro-check { padding-right: 8px }
.pix-registro > div.pix-registro-imagen:first-child { padding-left: 8px }
.pix-registro > div.pix-registro-check .pix-check > label { height: 64px }
.pix-registro > div.pix-registro-check > a, .pix-registro > div.pix-registro-imagen > a { padding-right: 8px; text-decoration: none }
.pix-registro > div.pix-registro-acciones { padding-left: 8px; padding-top: 16px; position: relative; vertical-align: top; }
.pix-registro > div.pix-registro-contenido, .pix-registro > div.pix-registro-acciones { border-bottom: solid 1px #eceff1 }
.pix-registro > div.pix-registro-acciones > a > i, .pix-registro > div.pix-registro-acciones > div:not(.pix-mini-menu) > a > i { font-size: 32px; color: #78909c; background-color: #fff; border-radius: 50%; text-align: center; display: block; width: 64px; line-height: 64px; }
.pix-registro:hover > div.pix-registro-acciones > a:active > i, .pix-registro:hover > div.pix-registro-acciones > div:not(.pix-mini-menu) > a:active > i { background-color: #fafafa; }
.pix-registro:hover { background-image: linear-gradient(to right, transparent 0%, #f7fafb 10%, #f7fafb 80%, transparent 100%) }
.pix-mini-menu { right: 12px; z-index: 0; display: block; opacity: 0; position: absolute; pointer-events: none; transform: scale(.5); transition: transform .1s ease-out, opacity .15s ease-out; background: #fff; padding: 12px 0; box-shadow: 0 3px 7px rgba(0,0,0,.25); border-radius: 8px; text-align: left; max-height: calc(100vh - 64px); overflow-y: auto; }
div:not(.pix-despliegue-superior) > .pix-mini-menu { bottom: 12px; transform: scale(.5) translateY(100%); transform-origin: top right; }
.pix-despliegue-superior .pix-mini-menu { top: 12px; transform: scale(.5) translateY(-100%); transform-origin: bottom right; }
.pix-mini-menu > a, .pix-mini-menu > a:link { display: block; font-size: 17px; padding: 16px 32px 16px 12px; color: #263238; white-space: nowrap; text-overflow: ellipsis; width: 100%; overflow: hidden; text-decoration: none }
.pix-mini-menu > a > i { text-align: center; display: inline-block; color: #b0bec5; width: 32px; margin-right: 6px; }
.pix-mini-menu > a:hover { background-color: #eceff1 }
.pix-mini-menu-activo { position: relative }
.pix-mini-menu-activo .pix-mini-menu { z-index: 1; opacity: 1; pointer-events: auto; }
.pix-mini-menu-activo:not(.pix-despliegue-superior ) .pix-mini-menu { transform: translateY(100%) }
.pix-mini-menu-activo.pix-despliegue-superior .pix-mini-menu { transform: translateY(-100%) }
.pix-registro > div.pix-registro-acciones > div:not(.pix-mini-menu) { position: relative }
.pix-registro > div.pix-registro-acciones.pix-mini-menu-activo > a > i, .pix-registro > div.pix-registro-acciones.pix-mini-menu-activo > div:not(.pix-mini-menu) > a > i { background-color: #eceff1; opacity: 1 }
.pix-registro .pix-marcado-adicional { line-height: 14px; font-size: 12px; padding: 4px 8px; margin-top: 4px; display: inline-block; border-radius: 4px; margin-right: 4px }
.pix-registro .pix-marcado-adicional > i.fas, .pix-registro .pix-marcado-adicional > i.far, .pix-registro .pix-marcado-adicional > i.fab, .pix-registro .pix-marcado-adicional > i.fal, .pix-registro .pix-marcado-adicional > i.fad { opacity: .5; margin-right: 4px; }
.pix-registro .pix-marcado-adicional > i.iconoImagen { margin-right: 4px; width: 12px; height: 12px; display: inline-block; vertical-align: middle; }

.ck-content { min-height: 160px }


/*Controles*/
.pix-campo > label { opacity: 0; }
.pix-form-cargado .pix-campo > label { opacity: 1; transition: top .2s, font-size .2s, line-height .2s, color .3s; }
.pix-campo { display: block; width: 100%; position: relative; padding-bottom: 16px; }
.pix-campo:after { transition: width .3s, left .3s, background-color .1s; content: ''; display: block; bottom: 16px; height: 2px; width: 0; background-color: transparent; left: 50%; position: absolute; }
.pix-campo > label { font-size: 16px; line-height: 32px; top: 8px; position: absolute; color: #90a4ae; display: block; left: 0; width: 100%; pointer-events: none; padding: 4px 0 4px 4px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.pix-campo.pix-foco > label, .pix-campo.pix-relleno > label, .pix-campo.pix-label-fija > label, .pix-campo.pix-no-valido > label, .pix-campo.pix-tiny-mce > label, .pix-campo.pix-ckeditor > label { top: 0; font-size: 12px; line-height: 12px }
.pix-campo.pix-label-fija > label, .pix-campo.pix-tiny-mce > label, .pix-campo.pix-ckeditor >label { transition: none !important }
.pix-campo.pix-foco > label { color: var(--pix-color-primario) }
.pix-campo.pix-no-valido > label, .pix-campo.limite > label { color: #e53935 }
.pix-campo.pix-no-valido:after { width: 100%; left: 0; background-color: #e53935 !important; bottom: 16px; transition: background-color .3s }
.pix-campo.pix-foco:after { width: 100%; left: 0; background-color: var(--pix-color-primario); }
.pix-campo > textarea, .pix-campo > input[type="text"], .pix-campo > input[type="password"], .pix-campo > input[type="email"], .pix-campo > input[type="url"], .pix-campo > input[type="number"], .pix-campo > input[type="tel"], .pix-campo > input[type="search"], .pix-campo > input[type="date"], .pix-campo > input[type="datetime-local"], .pix-campo > input[type="time"], .pix-campo > select { border: none; outline: none; border-bottom: 1px solid rgba(0,0,0,.12); display: block; font-size: 16px; line-height: 32px; margin: 0; padding: 18px 4px 0 4px; width: 100%; background-color: rgba(0,0,0,.012); text-align: left; color: inherit; transition: background-color .1s; height: 51px /*-webkit-appearance: none;*/ }
.pix-campo > textarea:read-only, .pix-campo > input[type="text"]:read-only, .pix-campo > input[type="password"]:read-only, .pix-campo > input[type="email"]:read-only, .pix-campo > input[type="url"]:read-only, .pix-campo > input[type="number"]:read-only, .pix-campo > input[type="tel"]:read-only, .pix-campo > input[type="search"]:read-only, .pix-campo > input[type="date"]:read-only, .pix-campo > input[type="datetime-local"]:read-only, .pix-campo > input[type="time"]:read-only { color: #455a64; border-bottom-color: transparent !important; }
.pix-campo > textarea:disabled, .pix-campo > input[type="text"]:disabled, .pix-campo > input[type="password"]:disabled, .pix-campo > input[type="email"]:disabled, .pix-campo > input[type="url"]:disabled, .pix-campo > input[type="number"]:disabled, .pix-campo > input[type="tel"]:disabled, .pix-campo > input[type="search"]:disabled, .pix-campo > input[type="date"]:disabled, .pix-campo > input[type="datetime-local"]:disabled, .pix-campo > input[type="time"]:disabled { color: #78909c; cursor: not-allowed; border-bottom-color: transparent !important; }
.pix-campo > textarea { max-width: 100%; min-width: 100%; line-height: 24px; height: 120px; min-height: 80px; padding-top: 4px }
.pix-campo.pix-textarea { padding-top: 16px }
.pix-campo > input[data-validar-nif], .pix-campo > input[data-validar-nif-nie] { text-transform: uppercase }
.pix-campo > input, .pix-campo > textarea, .pix-campo > select { border-top-left-radius: 3px; border-top-right-radius: 3px; }
.pix-campo:hover > input:not([type="submit"]), .pix-campo:hover > textarea, .pix-campo:hover > select { background-color: rgba(0,0,0,.02) }
.pix-campo.pix-foco > input, .pix-campo.pix-foco > textarea, .pix-campo.pix-foco > select { background-color: rgba(0,0,0,.03) }
.pix-campo > input[type="color"] { padding: 1px; width: 100%; outline: none; height: 24px; cursor: pointer; border-radius: 12px; margin: 0; margin-top: 20px; border: solid 2px rgba(0,0,0,.12); }
.pix-campo > input[type="color"]::-webkit-color-swatch-wrapper { padding: 0; border: none; border-radius: 12px; margin: 0 }
.pix-campo > input[type="color"]::-webkit-color-swatch { padding: 0; border: none; border-radius: 12px; margin: 0 }
.pix-campo > select { height: 51px; cursor: pointer; }
.pix-campo > select > option { text-indent: 5px; }
.pix-campo > select[disabled] { cursor: default; -webkit-appearance: none; }
.aspNetDisabled .pix-check > label, .pix-campo.pix-checkboxlist > ul.aspNetDisabled label { cursor: default }
.pix-campo .pix-span-error { color: #e53935; display: block; font-size: 12px; position: absolute; bottom: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; line-height: 12px }
.pix-campo .pix-contador-caracteres { position: absolute; right: 0; font-size: 12px; line-height: 16px; color: #90a4ae; transition: color .3s }
.pix-campo .pix-texto-info { position: absolute; left: 0; font-size: 12px; line-height: 16px; color: #78909c; transition: color .3s; padding-right: 30px; padding-left: 4px; white-space: nowrap; width: 100%; text-overflow: ellipsis; overflow: hidden; }
.pix-campo.limite .pix-contador-caracteres { color: #e53935 }
.pix-campo.limite:after { background-color: #e53935; }
.pix-campo > .pix-radio, .pix-campo > .pix-check { display: inline-block; margin-right: 8px }
.pix-campo.pix-checkboxlist { padding-top: 24px; }
.pix-campo.pix-checkboxlist input[type="checkbox"] { zoom: 1.3; vertical-align: middle; }
.pix-campo.pix-checkboxlist > ul:not(.aspNetDisabled) input[type="checkbox"] { cursor: pointer; }
.pix-campo.pix-checkboxlist label { vertical-align: middle; cursor: pointer; }
.pix-campo.pix-checkboxlist ul { list-style-type: none; margin: 0; padding: 0 }
.pix-campo.pix-checkboxlist li { display: inline-block; }
.pix-campo.pix-checkboxlist li:not(:last-child) { padding-right: 8px }
.pix-campo.pix-tiny-mce textarea, .pix-campo.pix-ckeditor textarea { opacity: 0 }
.pix-campo.pix-campo-oculto { display: none !important }
.pix-campo.pix-campo-inline { display: inline-block; width: auto }
.pix-campo.pix-campo-inline:not(:last-child) { margin-right: 16px }
.pix-campo.pix-picker { position: relative; }
.pix-campo.pix-picker > div.divPickerIconos { width: 100%; background: #f2f2f2; border-radius: 0 0 10px 10px; padding: 10px; overflow: auto; max-height: 400px; display: none; position: absolute; z-index: 15; box-shadow: 0 5px 7px rgba(0,0,0,.1) }
.pix-campo.pix-picker > div.divPickerIconos ul { display: inline; float: left; width: 100%; margin: 0; padding: 0 }
.pix-campo.pix-picker > div.divPickerIconos ul li { margin: 0; padding: 0; display: block; width: 36px; height: 36px; text-align: center; font-size: 24px; font-family: 'Font Awesome 5 Pro'; float: left; cursor: pointer; color: #666; line-height: 36px; transition: 0.1s all; border-radius: 3px; }
.pix-campo.pix-picker > div.divPickerIconos ul li:hover { background: #112233; color: #fff; }
.pix-campo.pix-picker > div.divPickerIconos input[type=text] { font-size: 14px; padding: 4px 8px; margin: 0 0 10px 0; border: none; border-bottom: 1px solid #cfd8dc; background: #fff; line-height: 32px; display: block; width: 100%; outline: none }


.pix-radio > label { color: #222; line-height: 32px; padding-top: 18px; display: block; position: relative; display: inline-block; padding-left: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.pix-radio > label input, .pix-check > label input { position: absolute; opacity: 0; top: 24px; left: 0; }
.pix-radio > label .pix-marcado { position: absolute; top: 24px; left: 0; height: 20px; width: 20px; border-radius: 50%; border: solid 2px rgba(0,0,0,.12); }
.pix-radio > label:hover input ~ .pix-marcado, .pix-check > label:hover input ~ .pix-marcado { background-color: rgba(0,0,0,.1); }
.pix-radio > label input:checked ~ .pix-marcado { border-color: var(--pix-color-primario); }
.pix-radio > label .pix-marcado:after { content: ""; position: absolute; display: none; }
.pix-radio > label input:checked ~ .pix-marcado:after, .pix-check > label input:checked ~ .pix-marcado:after { display: block; }
.pix-radio > label .pix-marcado:after { top: 3px; left: 3px; width: 10px; height: 10px; border-radius: 50%; background: #2c2c2c; }
.pix-check > label { color: #222; line-height: 24px; padding-top: 22px; display: inline-block; position: relative; padding-left: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.pix-check > label .pix-marcado { position: absolute; top: 24px; left: 0; height: 20px; width: 20px; border-radius: 2px; border: solid 2px rgba(0,0,0,.12); }
.pix-check > label input:checked ~ .pix-marcado { border-color: var(--pix-color-primario); background-color: var(--pix-color-primario) }
.pix-check > label input:disabled ~ .pix-marcado { background-color: #b0bec5; cursor: default; }
.pix-check > label input:disabled:checked ~ .pix-marcado { background-color: #607d8b; border-color: #90a4ae; border-color: rgba(0,0,0,.12) }
.pix-check > label:has(> input:disabled) { cursor: default; color: #607d8b }
.pix-check > label .pix-marcado:after { content: ''; background-image: url(https://cdn.pixelinnova.com/pixelone/btnCheck.svg); background-position: center center; background-repeat: no-repeat; background-size: 12px; width: 100%; height: 100%; }
.pix-check .pix-span-error { bottom: -16px }

.pix-slider input { -webkit-appearance: none; appearance: none; width: 100%; height: 52px; border-bottom: 1px solid rgba(0,0,0,.12); background: rgba(0, 0, 0, 0.01); outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; padding-top: 28px; margin: 0; cursor: pointer }
.pix-slider input:hover { opacity: 1; }
.pix-slider input::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; background: #4caf50; cursor: grab; box-shadow: -100vw 0 0 100vw #a5d6a7; }
.pix-slider input:active::-webkit-slider-thumb { cursor: grabbing }
.pix-slider input::-moz-range-thumb { width: 25px; height: 25px; background: #4caf50; cursor: grab; }
.pix-slider input:disabled { cursor: default }
.pix-slider input:active::-moz-range-thumb { cursor: grabbing }
.pix-slider input:disabled::-webkit-slider-thumb { background: #78909c !important; cursor: not-allowed; box-shadow: -100vw 0 0 100vw #b0bec5; }
.pix-slider input:disabled::-moz-range-thumb { background: #78909c !important; cursor: not-allowed; box-shadow: -100vw 0 0 100vw #b0bec5; }
.pix-slider input::-webkit-slider-runnable-track { overflow: hidden; height: 25px }
/*Fin de controles*/


/*Botones*/
.pix-btn { background-color: #78909c; color: #fff; text-decoration: none }
.pix-btn > i { margin-right: 8px; opacity: .5; display:inline-block!important }
.pix-btn:hover > i { opacity: .8 }
.pix-btn:hover { box-shadow: 0 5px 9px rgba(0,0,0,.15); background-color: #90a4ae; text-decoration: none; color: white; }
.pix-btn:active { background-color: #b0bec5 }
.pix-btn.pix-btn-verde { background: #4caf50; }
.pix-btn.pix-btn-verde:hover { background: #66bb6a; }
.pix-btn.pix-btn-rojo { background: #f44336; }
.pix-btn.pix-btn-rojo:hover { background: #ef5350; }


/*Botones circulares*/
input[type=submit].btnCirculo { font-size: 0; background-image: url(btnGrabar.svg); background-repeat: no-repeat; background-position: center center; background-size: 28px }
input[type=submit].btnCirculo.btnAceptar { background-image: url(btnAceptar.svg) }
input[type=submit].btnCirculo.btnEnviar { background-image: url(btnEnviar.svg) }
input[type=submit].btnCirculo.btnExportar { background-image: url(btnExportar.svg) }
input[type=submit].btnCirculo.btnImprimir { background-image: url(btnImprimir.svg) }

.btnCirculo { border: none; outline: none; cursor: pointer; display: block; width: 72px; height: 72px; background-color: #eee; color: #fff; border-radius: 50%; font-size: 28px; text-align: center; line-height: 72px; z-index: 50; box-shadow: 0 3px 7px rgba(0,0,0,.2) }
.btnCirculo.btnAccionPrincipal, .btnCirculo.btnAccionSecundaria { position: fixed; bottom: 32px; right: 32px; }
.btnCirculo.btnAccionPrincipal { background-color: #4caf50; color:#fff }
.btnCirculo.btnAccionSecundaria { background-color: #fafafa; color: #78909c }
.btnCirculo.btnAccionPrincipal:nth-child(2), .btnCirculo.btnAccionSecundaria:nth-child(2) { bottom: 120px; }
.btnCirculo.btnAccionPrincipal:nth-child(3), .btnCirculo.btnAccionSecundaria:nth-child(3) { bottom: 208px; }
.btnCirculo.btnAccionPrincipal:nth-child(4), .btnCirculo.btnAccionSecundaria:nth-child(4) { bottom: 296px; }
.btnCirculo.btnAccionPrincipal:hover { background-color: #66bb6a }
.btnCirculo.btnAccionSecundaria:hover { background-color: #fff; color: #607d8b }



.btnCirculo:active { transform: scale(.95) }
.btnCirculo.btnEliminar { position: absolute; bottom: 88px; right: 16px; background: #e53935 }
.btnCirculo.btnEliminar:hover, .btnCirculo.btnRojo:hover { background-color: #f44336 }
.btnCirculo.btnRojo { background: #e53935 }
/*Tarjetas*/
.pix-tarjeta { background: #fff; padding: 16px 16px 32px 16px; position: relative }
.pix-tarjeta-titulo { font-size: 18px; color: #263238; margin-bottom: 32px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: left }
.pix-tarjeta-titulo > i { color: #cfd8dc; margin-right: 8px }
div.pix-tarjeta:last-of-type, section.pix-tarjeta:last-of-type { margin-bottom: 112px }
.pix-tarjeta .btnAccionPrincipal { position: relative; right: 0 !important; bottom: 0 !important; }

/*Tabs*/
.pix-tarjeta .pix-tab { display: none }
.pix-tarjeta .pix-tab.activo { display: block }
.pix-tarjeta-tabs { margin: -16px; font-size: 0; border-radius: 4px 4px 0 0; overflow: hidden; }
.pix-tarjeta-tabs ul, .pix-tarjeta-tabs ol { list-style-type: none; padding: 0; margin: 0 0 32px 0; font-size: 0; background: linear-gradient(#eceff1,#cfd8dc); white-space: nowrap; overflow-x: auto; }
.pix-tarjeta-tabs ul li, .pix-tarjeta-tabs ol li { display: inline-block }
.pix-tarjeta-tabs a, .pix-tarjeta-tabs a:link { font-size: 18px; color: #263238; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; padding: 12px 16px; line-height: 28px; max-width: 480px }
.pix-tarjeta-tabs a:not(.activo) { color: #455a64 }
.pix-tarjeta-tabs a:not(.activo) i { color: #b0bec5 }
.pix-tarjeta-tabs a:not(.activo):hover { background: #eceff1 }
.pix-tarjeta-tabs a.activo { background: #fff }
.pix-tarjeta-tabs i { color: #cfd8dc; margin-right: 8px; }

.pix-tarjeta .pix-subtitulo { font-size: 18px; color: #263238; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; padding: 12px 0; line-height: 28px; font-weight: bold; border-bottom: solid 2px #cfd8dc; margin-top: 0; margin-bottom: 0; }
.pix-tarjeta .pix-subtitulo i { opacity: .5; width: 32px; text-align: center; }
/*Mensajes*/
.div-snackbar { position: fixed; width: 100%; padding: 24px; bottom: 0; z-index: 99; animation-fill-mode: forwards; opacity: 0; transform: scale(.9) translateY(50px); display: block; pointer-events: none }
.div-snackbar:not(.div-snackbar-modal) { animation-name: pix-mostrar-snackbar; animation-duration: 4s; }
.div-snackbar.div-snackbar-modal { animation-name: pix-mostrar-snackbar-modal; animation-duration: .4s; }
.div-snackbar > div { background-color: #37474f; color: #eceff1; border-radius: 4px; font-size: 20px; text-align: left; display: table; width: 100%; pointer-events: all }
.div-snackbar > div > div { display: table-cell; vertical-align: middle; padding: 16px }
.div-snackbar > div > div:last-child { width: 1%; padding: 8px; white-space: nowrap }
.div-snackbar a { display: inline-block; color: #4dd0e1; padding: 16px; text-decoration: none }
.div-snackbar a:hover { color: #80deea }
.div-snackbar-rojo > div { background: #f44336; color: #ffebee }
.div-snackbar-rojo a { color: #ffebee }
.div-snackbar-rojo a:hover { color: #fff }
.div-banner { display: none; background: #fff; padding: 32px 32px 16px 32px; font-size: 18px; margin: -16px -16px 16px -16px; border-bottom: solid 1px #cfd8dc; }
.div-banner > div:last-child { text-align: right }
.div-banner a { display: inline-block; color: #0097a7; padding: 16px }
.div-banner a:hover { color: #00acc1 }


.divSinRegistros { font-size: 0; width: 100%; height: 354px; background-repeat: no-repeat; background-image: url(//cdn.pixelinnova.com/pixelone/sin-resultados.png); background-size: contain; background-position: center center }

.divSinRegistrosCustom { font-family: 'Roboto Condensed'; color: #848484; font-weight: 300; font-size: 0; width: 100%; text-align:center}
.divSinRegistrosCustom img { max-width: 100%; max-height:282px; }
.divSinRegistrosCustom .textoPrincipal { font-size: 22px; margin-bottom: 4px; }
.divSinRegistrosCustom .textoSecundario { font-size: 14px }

body:after, body:before { content: ''; opacity: 0; transition: opacity .5s }
body.cargando:after, body.cargando:before { opacity: 1 }
body.cargando:after { content: ''; z-index: 99; border: 16px solid #f3f3f3; /* Light grey */ border-top: 16px solid #3498db; /* Blue */ border-radius: 50%; width: 120px; height: 120px; animation: pix-rotar 2s linear infinite; position: fixed; top: 50%; left: 50%; margin-top: -76px; margin-left: -76px; }
body.cargando:before { content: ''; background: rgba(255,255,255,.5); backdrop-filter: blur(.5px); position: fixed; width: 100%; height: 100%; z-index: 98;top:0 }


.pix-tarjeta.cargando { position: relative; overflow: hidden }
.pix-tarjeta.cargando:after, .pix-tarjeta.cargando:before { opacity: 1 }
.pix-tarjeta.cargando:after { content: ''; z-index: 99; border: 16px solid #f3f3f3; /* Light grey */ border-top: 16px solid #3498db; /* Blue */ border-radius: 50%; width: 120px; height: 120px; animation: pix-rotar 2s linear infinite; position: absolute; top: calc(50vh - 120px); left: 50%; margin-left: -76px; }
.pix-tarjeta.cargando:before { content: ''; background: rgba(255,255,255,.5); backdrop-filter: blur(.5px); position: absolute; width: 100%; height: 100%; z-index: 98; margin: -16px; border-radius: 4px }


/*Buscador - Autocomplete*/
.autocomplete-suggestions { background: #fff; cursor: default; overflow: auto; box-shadow: 0 10px 10px rgba(0,0,0,.2); border-radius: 0 0 4px 4px; margin-top: 10px }
.autocomplete-suggestion { padding: 8px; white-space: nowrap; overflow: hidden; display: block; text-decoration: none; color: #000; font-size: 1rem; padding-left: 52px; text-overflow: ellipsis; font-weight: bold; position: relative }
.autocomplete-suggestion:last-child { border-radius: 0 0 4px 4px }
.autocomplete-suggestion p { font-size: 13px; color: #666; margin-top: 3px; margin-bottom: 0; text-overflow: ellipsis; display: block; width: 100%; overflow: hidden; }
.autocomplete-suggestion img { border-radius: 50%; display: inline-block; position: absolute; top: 8px; left: 8px; width: 36px; height: 36px; vertical-align: middle; box-shadow: inset 0 0 4px rgba(0,0,0,.1); }
.autocomplete-selected { background: #eceff1; }
.autocomplete-suggestions strong { font-weight: normal; color: #000; }

/*Idiomas*/
#ulTraducciones { list-style-type: none; margin: 0; padding: 0; display: block; font-size: 0; }
#ulTraducciones > li { display: inline-block }
#ulTraducciones > li:not(:last-child) { padding-right: 8px }
.divOtrosIdiomas { color: #90a4ae; font-size: 12px !important; line-height: 16px; width: 1%; white-space: nowrap; padding-left: 8px }
.divTblIdiomas { display: table; width: 100% }
.divTblIdiomas > div { display: table-cell; vertical-align: top }
.divTblIdiomas .pix-campo > select { height: 60px; background-repeat: no-repeat; background-position: 4px 28px; background-size: 20px; }
.divTblIdiomas .pix-campo > select.cmbIdiomaContenido { padding-left: 24px; }
.divTblIdiomas .pix-campo > select.cmbTraduccion { width: 54px; background-position: 8px 28px; color: #000; padding-left: 28px }
.divTblIdiomas .pix-campo > select.cmbTraduccion:not(.activo) { filter: grayscale(80%); opacity: .2 }
.divTblIdiomas .pix-campo > select.cmbTraduccion:hover { filter: grayscale(0%); opacity: 1 }


.cmbCambioIdioma { padding-left: 28px; height: 48px; cursor: pointer; border-radius: 3px; border: none; outline: none; border-bottom: 1px solid rgba(0,0,0,.12); display: block; font-size: 16px; margin: 0; padding: 0 4px 0 4px; background-color: #fcfcfc; text-align: left; color: inherit; transition: background-color .1s; }
.cmbCambioIdioma.conBandera { background-image: url(https://cdn.pixelinnova.com/pixelone/sin-imagen.svg); padding-left: 28px; background-repeat: no-repeat; background-size: 20px; background-position: 8px 14px; }
[data-pix-tooltip]:not(tr) > * { pointer-events: none }
.pix-tooltip { position: absolute; background: #eceff1; padding: 12px; font-size: 13px; max-width: 300px; border-radius: 4px; box-shadow: 3px 7px 7px rgba(0,0,0,.2); animation: pix-ampliar; animation-duration: .1s; color: #222; z-index: 9999; pointer-events:none }
.pix-tooltip b, .pix-tooltip strong { font-size: 14px }

span.tox-statusbar__branding { display: none !important; }

.ck-powered-by { display: none !important }


/*Acordeon*/
.pix-acordeon { display: block; width: 100% }
.pix-acordeon > div:not(.activo) > div { display: none }
.pix-acordeon > div > label { display: block; cursor: pointer; line-height: 32px; padding-left: 64px; font-size: 16px; border-radius: 4px; position: relative;  }
.pix-acordeon > div > label > i { color: #90a4ae; text-align: center; margin-right: 8px; display: inline-block; height: 46px; line-height: 46px; width: 28px; vertical-align: top }
.pix-acordeon > div > label:hover { background: #f5f7f9 }
.pix-acordeon > div > label:before { content: '\f105'; font-family: 'Font Awesome 5 Pro'; font-weight: lighter; width: 24px; text-align: center; display: inline-block; font-size: 18px; color: #263238; transition: transform .2s; height: 46px; line-height: 46px; margin-left: -64px; }
.pix-acordeon > div.activo > label:before { transform: rotate(90deg) }


@keyframes pix-ampliar {
    0% { transform: scale(.5); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}

@keyframes pix-rotar {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


@keyframes pix-mostrar-snackbar {
    0% { opacity: 0; transform: scale(.9) translateY(50px) }
    10% { opacity: 1; transform: scale(1) translateY(0) }
    90% { opacity: 1; transform: scale(1) translateY(0) }
    100% { opacity: 0; transform: scale(1) translateY(0) }
}


@keyframes pix-mostrar-snackbar-modal {
    0% { opacity: 0; transform: scale(.9) translateY(50px) }
    100% { opacity: 1; transform: scale(1) translateY(0) }
}



@media only screen and (max-width:800px) { /*Resultados*/
    .pix-registro > div.pix-registro-acciones > a > i, .pix-registro > div.pix-registro-acciones > div:not(.pix-mini-menu) > a > i { background-color: #eceff1; }
    .autocomplete-suggestions { position: fixed !important; left: 0; top: 50px; width: 100% !important; }
}

@media only screen and (min-width:801px) {
    /*Resultados*/
    .pix-resultados.fijo { padding-top: 111px }
    .pix-resultados.fijo .pix-resultados-cabecera { width: 100%; position: fixed; top: 80px; background: #fff; z-index: 50; padding-top: 4px; margin: 0; left: 0; padding-left: 352px; box-shadow: 0 3px 5px rgba(0,0,0,.05); }
    .pix-tarjeta { box-shadow: 0 5px 7px rgba(0,0,0,.1); border-radius: 4px; margin-top: 16px; }
    .pix-btn.pix-btn-inline { display: inline-block; width: auto; padding-left: 24px; padding-right: 24px; }
}

@media only screen and (max-width:1200px) {

    /*Resultados*/
    .pix-resultados-cabecera { padding-bottom: 16px }
    .pix-resultados-cabecera > div:not(:first-child) { width: 33.33%; display: inline-block; padding-top: 8px }
    .pix-resultados-cabecera > div:not(:first-child):not(:last-child) { padding-right: 8px; }
    .pix-resultados-cabecera select { width: 100% }
}

@media only screen and (min-width:1201px) {
    /*Resultados*/
    .pix-resultados-cabecera { display: table; }
    .pix-resultados.fijo { padding-top: 91px }
    .pix-resultados-cabecera > div { display: table-cell; vertical-align: middle }
    .pix-resultados-cabecera > div:first-child { width: 99% }
    .pix-resultados-cabecera > div:not(:last-child) { padding-right: 8px }
    .pix-registro > div.pix-registro-acciones > a > i, .pix-registro > div.pix-registro-acciones > div:not(.pix-mini-menu) > a > i { opacity: 0 }
    .pix-registro:hover > div.pix-registro-acciones > a > i, .pix-registro:hover > div.pix-registro-acciones > div:not(.pix-mini-menu) > a > i { opacity: 1 }
    .pix-registro:hover > div.pix-registro-acciones > a:hover > i, .pix-registro:hover > div.pix-registro-acciones > div:not(.pix-mini-menu) > a:hover > i { background-color: #eceff1; }
}

.pix-btn { cursor: pointer; display: block; text-align: center; line-height: 53px; border-radius: 4px; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; box-shadow: 0 5px 7px rgba(0,0,0,.1); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; border: none; }


.pix-upload { position: relative; display: inline-block; padding: 0 5px; padding-right: 25px; opacity: 0; transition: opacity .1s, box-shadow .1s; width: 100%; margin-top: 19px; padding-bottom: 1px; border-bottom: 1px solid rgba(0,0,0,.12); }
.pix-upload:hover label { color: #263238 }
.pix-upload.cargado { opacity: 1 }
.pix-upload label { color: #607d8b; padding: 0 0 0 4px; width: 200px; white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden; display: inline-block; font-size: 14px; float: none; vertical-align: top; line-height: 28px; cursor: pointer; z-index: 1; position: relative }
.pix-upload.imgCargada label { display: block; width: 100% }
.pix-upload input[type=file] { opacity: 0; display: block; margin: 0; padding: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer }
.pix-upload.imgCargada input[type=file] { display: none }
.pix-upload a.btnEliminar { position: absolute; top: 5px; right: 5px; width: 26px; height: 26px; background: #f44336; text-align: center; line-height: 26px; cursor: pointer; border-radius: 50%; font-size: 12px }
.pix-upload a.btnEliminar:after { content: ''; background-image: url(https://cdn.pixelinnova.com/pixelone/btnEliminar.svg); background-position: center center; background-size: 10px; background-repeat: no-repeat; height: 100%; display: block; }
.pix-upload a.btnEliminar:hover { background: #f44336 }
.pix-upload .pix-span-error { bottom: -16px; margin-left: -5px; }

.pix-upload:not(.imgCargada):before { content: 'Adjuntar fichero'; cursor: pointer; display: inline-block; text-align: center; padding-left: 32px; padding-right: 32px; line-height: 28px; border-radius: 4px; background-color: #78909c; color: #fff; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; box-shadow: 0 5px 7px rgba(0,0,0,.1); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; pointer-events: none }
.pix-upload.ficheroCargado:before { content: 'Cambiar fichero'; }
.pix-upload.ficheroCargado label:before { font-family: 'Font Awesome 5 Pro'; content: '\f15b'; display: inline-block; margin-right: 4px; font-weight: bold; margin-left: 4px; }

.pix-upload[readonly="readonly"], .pix-upload[readonly="readonly"] * { cursor: pointer }
.pix-upload[readonly="readonly"], .pix-upload[readonly="readonly"] * { cursor: pointer }
.pix-upload[readonly="readonly"]:before { content: 'Abrir fichero'; }
.pix-upload[readonly="readonly"] input[type=file] { display: none }
.pix-upload:hover:before { box-shadow: 0 5px 9px rgba(0,0,0,.15); background-color: #90a4ae }
.pix-upload:active:before { background-color: #b0bec5 }
.pix-upload .divProgreso, .pix-upload-excel .divProgreso, .pix-upload-foto-perfil .divProgreso { border-radius: 4px; background: #4caf50; top: 0; width: 1%; margin-top: 0; line-height: 32px; font-size: 14px; color: #fff; text-align: center; position: absolute; z-index: 1; left: 0; }
.pix-upload .btnImg { position: relative; margin-top: 5px; width: 200px; min-height: 50px; display: block; font-size: 0; line-height: 0; }
.pix-upload .btnImg img { background-color: #eceff1; box-shadow: 0 3px 5px rgba(0,0,0,.12); }
.pix-upload.no-encontrado .btnImg { width: 100px !important; height: 100px !important; }

.pix-upload .btnImg:hover img { box-shadow: 0 5px 7px rgba(0,0,0,.15); }
.pix-upload .btnImg img { width: 100%; }

.pix-upload-excel { position: relative; display: block; font-size: 0; }
.pix-upload-excel.pix-upload-excel-inline { display: inline-block; max-width: 100% }
.pix-upload-excel.pix-upload-excel-inline .pix-btn { display: inline-block; width: auto; padding-left: 24px; padding-right: 24px; max-width: 100% }
.pix-upload-excel .divProgreso { cursor: wait; line-height: 53px; background: #66bb6a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pix-upload-excel > input[type="file"] { opacity: 0; height: 53px; position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer }
.pix-upload-excel input[type="file" i]::-webkit-file-upload-button { cursor: pointer }
.pix-upload-excel:hover .pix-btn-verde { background-color: #66bb6a }

.pix-upload-generico { position: relative; display: block; font-size: 0; }
.pix-upload-generico.pix-upload-generico-inline { display: inline-block; max-width: 100% }
.pix-upload-generico.pix-upload-generico-inline .pix-btn { display: inline-block; width: auto; padding-left: 24px; padding-right: 24px; max-width: 100% }
.pix-upload-generico .divProgreso { cursor: wait; line-height: 53px; background: #66bb6a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pix-upload-generico > input[type="file"] { opacity: 0; height: 53px; position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer }
.pix-upload-generico input[type="file" i]::-webkit-file-upload-button { cursor: pointer }
.pix-upload-generico:hover .pix-btn-verde { background-color: #66bb6a }

.pix-upload-foto-perfil { position: relative; display: inline-block; font-size: 0; border-radius: 50%; overflow: hidden; font-size: 0;background-color:#fff; /* background-image: url(//cdn.pixelinnova.com/pixelone/sin-usuario.svg);*/ background-size: cover; }
.pix-upload-foto-perfil > a { display: block; }
.pix-upload-foto-perfil:hover > a:after { content: '\f304'; font-family: 'Font Awesome 5 Pro', 'Font Awesome 6 Free'; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); font-size: 24px; z-index: 2; color: #fff; pointer-events: none }
.pix-upload-foto-perfil:hover > a:before { content: ''; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.2); position: absolute; z-index: 1; top: 0; left: 0; pointer-events: none }
.pix-upload-foto-perfil .divProgreso { position: absolute; height: 100%; display: block; cursor: wait; line-height: 53px; background: #66bb6a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pix-upload-foto-perfil .divProgreso > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; top: 50%; transform: translateY(-50%); z-index: 2; width: 100%; text-align: center; position: absolute; left: 0; }
.pix-upload-foto-perfil > input[type="file"] { opacity: 0; height: 53px; position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer }
.pix-upload-foto-perfil input[type="file" i]::-webkit-file-upload-button { cursor: pointer }

@media only screen and (max-width:800px) {
    .pix-upload { width: 100%; padding: 5px }
    .pix-upload:before { width: 100%; text-align: center; margin-bottom: 5px; position: relative; box-sizing: border-box }
    .pix-upload label { width: 100%; text-align: center; line-height: 26px; }
    .pix-upload:not(.imgCargada) a.btnEliminar { top: 36px; }
    .pix-upload .btnImg { margin: 5px auto; }
}