#preloader.preloader                                                { display: flex; position: fixed; top: 0; left: 0; width: 100%; height: 100%; align-items: center; justify-content: center; cursor: default; z-index: 999999; background: #fff; }
#preloader.preloader .animation-preloader                           { display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 1000; }
#preloader.preloader .animation-preloader p                         { display: flex; font-size: 14px; font-weight: 500; text-transform: uppercase; text-align: center; justify-content: center; letter-spacing: 8px; align-items: center; margin: 0; color: #3b3b3b; }
#preloader.preloader .animation-preloader p span                    { width: 5px; height: 5px; margin: 5px; border-radius: 50px; background-color: #3b3b3b; animation: fade 1.5s alternate infinite; }
#preloader.preloader .animation-preloader p span:nth-of-type(2)     { animation-delay: 0.25s; }
#preloader.preloader .animation-preloader p span:nth-of-type(3)     { animation-delay: 0.5s; }
#preloader.preloader .animation-preloader p span:nth-of-type(4)     { animation-delay: 0.75s; }
#preloader.preloader .animation-preloader p span:nth-of-type(5)     { animation-delay: 1s; }
#preloader.preloader .animation-preloader .pulse-loader .loader-bg  { display: flex; width: 128px; height: 128px; justify-content: center; align-items: center; background: #fff; z-index: 999; position: relative; }
#preloader.preloader .animation-preloader .pulse-loader .loader-bg .loader-p{ position: absolute; top: 0; left: 0; width: 128px; height: 128px; border-radius: 50%; border: 0 solid transparent; }
#preloader.preloader .animation-preloader .pulse-loader .loader-bg img      { width: 100%; height: 100%; max-width: none; display: block; }
#preloader.preloader .animation-preloader .pulse-loader .loader-bg .loader-p::before,
#preloader.preloader .animation-preloader .pulse-loader .loader-bg .loader-p::after { content: ""; position: absolute; width: inherit; height: inherit; top: 0; left: 0; opacity: 0; border-radius: 5px; animation: loader 2s linear infinite; }
#preloader.preloader .animation-preloader .pulse-loader .loader-bg .loader-p::before{ animation-delay: 1s; border: 5px solid rgba(255, 255, 255, 0.25); }
#preloader.preloader .animation-preloader .pulse-loader .loader-bg .loader-p::after { border: 5px solid rgba(0, 0, 0, 0.25); }
#preloader.preloader .animation-preloader .txt-loading                              { font-size: 1.2em; font-weight: bold;; text-align: center; user-select: none; }
#preloader.preloader .animation-preloader .txt-loading .letters-loading             { position: relative; color: rgba(0, 0, 0, 0.2); }
#preloader.preloader .animation-preloader .txt-loading .letters-loading::before     { position: absolute; content: attr(data-text-preloader); font-family: "Poppins", sans-serif; left: 0; top: -3px; opacity: 0; color: #000000; transform: rotateY(-90deg); animation: letters-loading 4s infinite; }
#preloader.preloader .animation-preloader .txt-loading .letters-loading:nth-child(2)::before { animation-delay: 0.2s; }
#preloader.preloader .animation-preloader .txt-loading .letters-loading:nth-child(3)::before { animation-delay: 0.4s; }
#preloader.preloader .animation-preloader .txt-loading .letters-loading:nth-child(4)::before { animation-delay: 0.6s; }
#preloader.preloader .animation-preloader .txt-loading .letters-loading:nth-child(5)::before { animation-delay: 0.8s; }
#preloader.preloader .animation-preloader .txt-loading .letters-loading:nth-child(6)::before { animation-delay: 1s; }
#preloader.preloader .animation-preloader .txt-loading .letters-loading:nth-child(7)::before { animation-delay: 1.2s; }
#preloader.preloader .animation-preloader .txt-loading .letters-loading:nth-child(8)::before { animation-delay: 1.4s; }

#preloader.preloader .animation-preloader p                 { position: relative; }
#preloader.preloader .animation-preloader p .percent        { position: absolute; width: 100%; text-align: center; display: block; top: 18px; }
#preloader.preloader .animation-preloader p .percent::after { content: attr(data-loaded); font-weight: bold; font-style: normal; }

@keyframes loader           { 0% { transform: scale(0); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1); opacity: 0; } }
@keyframes letters-loading  { 0%, 75%, 100% { opacity: 0; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); } 25%, 50% { opacity: 1; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } }
@keyframes fade             { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } }

.toolbar                            { width: 100%; line-height: 32px; font-size: 21px; background: #457e76; border: 1px solid rgba(0,0,0,0.1); display: inline-block; margin-bottom: 10px; }
.toolbar .btn-icon                  { display: block; padding: 0; border-right: 1px solid #356e66; margin: 0; float: right; min-width: 36px; }
.toolbar .btn-icon.active           { background: rgba(0,0,0,0.33); }
.toolbar .btn-icon a                { text-decoration: none; height: 28px; display: inline-block; padding: 0 5px; width: 100%; text-align: right; color: #ffffff; }
.toolbar .btn-icon i                { font-size: 18px; padding: 0; line-height: 28px; width: 100%; text-align: center; pointer-events: none; }
.toolbar .btn-icon.menu nav         { height: auto; max-height: 0; overflow: hidden; padding: 0; transition: all 0.3s ease-in-out; }
.toolbar .btn-icon.menu nav.show    { max-height: 100px; }
.toolbar .btn-icon.menu ul li       { line-height: normal; height: 26px; text-align: right; }
.toolbar .btn-icon.menu  nav .fas,
.toolbar .btn-icon.menu  nav .far   {     color: #a70332; width: 56px;}
.toolbar li > span                  { font-size: 0.8rem; font-weight: 600; width: auto; line-height: normal; height: 21px; padding: 0; display: inline-block; position: relative; top: -7px; }
.toolbar li > .link                 { top: -3px; }
.toolbar li > .link + a             { position: relative; top: -1px; }
.toolbar li > span + label          { margin-left: 5px; }
.toolbar .btn-icon label            { font-size: 0.9rem; color: #fff; font-weight: bold; padding: 0 8px; }

.fixed-top + main .toolbar          { position: fixed; top: 39px; left: 0; width: 100%; z-index: 99999; }

@media screen and (min-width: 481px){
    .toolbar .btn-icon.menu         { position: relative; }
    .toolbar .btn-icon.menu nav     { width: 250px; position: absolute; right: 0; top: 32px; background: #f8f8f8; border: 1px solid rgba(0,0,0,0.1); border-top: 0 none; border-radius: 0 0 4px 4px; }
    .toolbar .btn-icon.menu nav.show{ padding: 5px; }
}

.switch input           { display: none; }
.switch > div           { border: 1px solid #ccc; width: 60px; height: 22px; background:linear-gradient(to bottom, #f0f0f0 0%,#ffffff 100%); z-index: 0; cursor: pointer;position: relative; border-radius: 0px; line-height: 22px; text-align: right; padding: 0 10px; color: #000; font-size: 0.9rem; transition: all 250ms; box-shadow: 0 3px 5px -2px rgba(0,0,0,0.25) inset }
/*.switch > input:checked + div { text-align: left; color: rgba(255,255,255,.75); }*/
.switch > div:before    { content: ''; display: inline-block; position: absolute; left: -1px; top: -1px; height: calc(100% + 2px); width: 50%; text-align: center; background: linear-gradient(#f0f0f0 30%,#e8e8e8); border-radius: 0px; transition: all 200ms; border: 1px solid #ccc; }
.switch > div:after     { content: 'No'; display: inline-block; position: absolute; right: 6px; top: 0; height: 100%; width: 50%; transition: all 200ms; font-size: 0.8rem; font-weight: bold; text-align: right; }
.switch > input:checked + div:before { content: ''; position: absolute; left: calc(50% + 1px); width: 50%; text-align: center; }
.switch > input:checked + div:after  { content: "Sí"; left: calc(100% - 18px); right: auto; left: 6px; text-align: left; }

.grid                               { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; justify-content: center; align-items: stretch; }
ul li .grid.grid-capitulo           { padding-left: 30px !important; }
ul li .grid.grid-tabla              { justify-content: left; width: calc(100% - 30px); }
ul li .additional ~ .grid.grid-tabla{ padding-left: 60px !important; width: calc(100% - 60px); }

.grid-item                  { position: relative; border: 1px solid #e0e0e0; border-radius: 15px; outline: 1px solid #cddedc; outline-offset: 1px; background: #fff; overflow: hidden; /*border: 2px solid #457E76; */ }
/*.grid-item .embedDiv        { height: 340px; }*/
.grid-item,
.grid-item > div,
.grid-item > div iframe,
.grid-item > div .embedDiv  { width: 100%; display: block; }
.grid-item > div            { min-height: 275px !important; }
.grid-item > div            { /*padding: 5px;*/ }

.grid-item > div .embedDiv  { width: 100% !important; min-height: calc(100% - 26px) !important; display: block; }
.grid-item > div iframe     { width: 100% !important; margin: 0 auto !important; display: block; min-width: 100%; }

.grid-item .topbar button   { background: transparent; border: 0 none; position: absolute; right: 0px; top: 0; height: 18px; font-size: 18px; color: #A70332; width: 20px; padding: 0; margin: 2px 6px; }
.grid-item .topbar          { background: #f0f0f0; border-bottom: 1px solid rgba(0,0,0,0.1); border-radius: 8px 8px 0 0; overflow: hidden; }
/*.grid-item .topbar::before  { content: "Widget de " attr(data-title); color: rgba(0,0,0,0.55); padding: 3px 10px 3px 10px; font-size: 0.8rem; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: calc(100% - 80px); display: block; position: absolute; top: 2px; left: 0; }*/

.grid-item #btnWidget_code,
.grid-item .btnWidget_code  { border: 0 none; }

/*.grid-item .w_cab_contorno                          { background: #DDEEEC; margin: -10px; width: calc(100% - 20px); padding: 0 15px; }*/
.grid-item .w_cab_contorno                          { background: #DDEEEC !important; margin: 0; width:100%; height: 24px; padding: 0 32px 0 5px; display: block; line-height: 24px; }
.grid-item .w_cab_contorno_content,
.grid-item .w_cab_contorno_subcontent               { margin: 0; }
.grid-item .w_titulo,
.grid-item .w_cab_cuerpo:not(:empty),
.grid-item .w_cab_contorno.topbar                   { margin: 0; font: bold 0.8em Arial, sans-serif; padding: 0 5px; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; display: block; position: relative; height: auto; background: #ddeeec; line-height: 24px; }
.grid-item .w_titulo span                           { margin: 0; max-height: inherit; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; display: block; position: relative; height: 24px; background: #ddeeec; line-height: 24px; }
.grid-item .w_cuerpo_contorno                       { overflow: visible; width: calc(100% - 10px) !important; height: calc(100% - 52px) !important; margin: 5px auto 0 auto !important; }
.grid-item .w_cuerpo_contorno > div                 { width: 100% !important; }
.grid-item .w_pie_contorno                          { display: none; }
/*.grid-item .w_titulo + .w_cab_cuerpo:not(:empty)    { border-bottom: 1px solid #ccc; }*/
.grid-item .embedDiv > .w_titulo                    { padding-right: 32px; border: 0 none; }
.grid-item h2                                       { background: #ddeeec; color: #000; border-bottom: 1px solid rgba(0,0,0,0.1); margin: 0; padding: 0; text-align: center; font-variant: small-caps; }
.grid-item.scrolled:hover .w_cuerpo_contorno .w_capa_grafica { overflow-x: auto; overflow-y: hidden; }

.grid .grid-item,
.grid-item .topbar                              { border-radius: 0; border-color: rgba(69, 126, 118, 0.5); }

.grid-item.loading::before  { content: "Cargando. Por favor, espere..."; background: linear-gradient(135deg, #f0f0f0, #fff); position: absolute; width: 100%; left: 0; top: 0; height: 100%; padding: calc(50% - 48px) 0; text-align: center; font-weight: bold; color: rgba(0,0,0,0.75); z-index: 1;}
.grid-item.loading::after   { content: "\f110"; color: rgba(0,0,0,0.25); display: block; position: absolute; width: 64px; left: calc(50% - 28px); top: calc(50% - 28px); height: 64px; padding: 0; text-align: center; -webkit-animation: fa-spin 1s steps(8) infinite; animation: fa-spin 1s steps(8) infinite; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 50px; z-index: 2;}

.grid-item .w_cab_contorno + .w_cab_cuerpo      { position: relative; top: 24px; background: transparent !important; display: inline;}

.grid[data-on-format="1xN"] > div       { flex: 0 0 auto; padding: 0; width: 100%; }
.grid[data-on-format="2xN"] > div       { flex: 0 0 auto; padding: 0; width: calc(50% - 10px); }
.grid[data-on-format="3xN"] > div       { flex: 0 0 auto; padding: 0; width: calc(33.3333% - 10px); }

@media screen and (max-width: 479px){
    .grid[data-on-format="1xN"] > div,
    .grid[data-on-format="2xN"] > div,
    .grid[data-on-format="3xN"] > div   { flex: 1 0 auto; width: calc(100% - 10px); min-width: inherit !important; }
}

.grid-full                              { flex: 0 0 auto; width: 100%; z-index: 99999; }
.grid-full::before                      { content: ""; background: rgba(255,255,255,0.75); position: fixed; width: 100vw; height: 100vh; z-index: -1; left: 0; top: 0; display: block; }
.grid-full > div,
.grid-full .w_cuerpo_contorno           { width: 100% !important; height: 100% !important; display: block; }
.grid-full .w_capa_grafica              { width: calc(95% - 20px) !important; height: calc(95% - 20px) !important; }
.grid-full .topbar                      {  border-radius: 0; line-height: 32px; height: 32px; }
.grid-full .topbar::before,
.grid-full .topbar button               { color: #a70332; height: 32px; font-size: 18px; }
.grid-full .topbar button::before       { color: #a70332; font-size: 24px; }
.grid-full .topbar button.fa-times      { font-size: 22px; right: 0px; top: -4px; }
.grid-full .topbar::before              { padding: 0 10px; line-height: 26px; }
.grid-full div .embedDiv                { width: 95vw !important; height: 95vh !important; left: 2.5vw; top: 2.5vh; position: fixed; border: 1px solid rgba(69, 126, 118, 0.5); border-radius: 0; outline: 1px solid rgba(69, 126, 118, 1); outline-offset: 1px; overflow: hidden; background: #fff !important; z-index: 1; opacity: 1; min-height: inherit !important; }
.grid-full .w_cab_contorno .w_titulo    { line-height: 32px; }
.grid-full .w_cuerpo_contorno > div     { width: 90vw !important; height: calc(95% - 20px) !important; left: 2.5vw; top: 0; }
.grid-full .embedDiv > .w_titulo::before{ content: "INE.es"; color: #a70332;}

.grid-full .with-legend ~ .w_cuerpo_contorno table.jqplot-table-legend  { top: auto !important; bottom: 0; }
.grid-full .with-legend ~ .w_cuerpo_contorno > div                      { padding-bottom: 51px; }
.grid-full .with-legend ~ .w_cuerpo_contorno .jqplot-xaxis              { bottom: 51px !important; }

#listadoInebase .grid .grid-item.grid-full                      { height: 95vh !important; position: fixed; width: 95vw !important; top: 2.5vh; left: 2.5vw; }
#listadoInebase .grid .grid-item                                { border: 1px solid #bDcEcC; outline: none; margin-top: 5px; margin-bottom: 10px; }
#listadoInebase ul .grid .grid-item                             { left: -10px; min-width: 350px;}
#listadoInebase .grid-item .w_titulo,
#listadoInebase .grid-item .w_cab_cuerpo:not(:empty)            { background: #ddeeec; color: #000; }
#listadoInebase .grid-item .w_cab_cuerpo:not(:empty)            { min-width: 31px; width: auto; position: absolute; top: 25px; right: 0; }
#listadoInebase .grid-item .topbar button                       { color: #a70332; }
#listadoInebase .grid .grid-item,
#listadoInebase .grid-item .topbar                              { border-radius: 0; border-color: rgba(69, 126, 118, 0.5); }
#listadoInebase ul>li.inebase_tabla>*:not(dl):not(.grid-tabla):not(.tooltip-content):not(img)  { display: inline-block; }
#listadoInebase .grid-item div.topbar                           { width: 100%; min-height: 47px; background: #DDEEEC !important; border-bottom: 1px solid #ccc; display: block; }
#listadoInebase .grid-item div.topbar .w_titulo                 { white-space: inherit; }

#listadoInebase .grid-item span.w_titulo,
#listadoInebase .secciones .grid-item span.w_titulo				{ border-bottom: 1px solid #ccc; position: relative; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.4rem; height: 48px; white-space: normal; }

#listadoInebase .grid-item span.w_titulo:not(.topbar)::before,
#listadoInebase .secciones .grid-item span.w_titulo:not(.topbar)::before { content: "\f110"; position: absolute; width: 23px; height: 28px; color: rgba(0,0,0,0.75); z-index: 1; animation: fa-spin 2s linear infinite; font-family: 'Font Awesome 5 Free'; font-size: 16px; padding: 3px 3px; }
#listadoInebase .grid-item span.w_titulo:not(.topbar)::after,
#listadoInebase .secciones .grid-item span.w_titulo:not(.topbar)::after  { content: "Por favor, espere..."; width: 100%; background: #DDEEEC; left: 0; top: 0; position: absolute; height: 100%; padding-left: 32px; line-height: 28px; }
#listadoInebase .grid-item span.w_titulo[data-wait]:not(.topbar)::after,
#listadoInebase .secciones .grid-item span.w_titulo[data-wait]:not(.topbar)::after{ content: attr(data-wait); }

/*#listadoInebase .grid-item .w_cuerpo_contorno > div[id*="Mapa"] { height: 100% !important; }*/

/*#listadoInebase ul > li.inebase_tabla > .grid:not(.grid-tabla)  { display: table !important; table-layout: fixed; width: 100%; float: none; padding: 0 0 0 12px; }*/
/*#listadoInebase .secciones img.icono                          { margin-top: -1px; }*/

.grid-item .topbar button.fa-expand-alt, .fa-expand-alt         { border: 1px solid #a70332; color: #a70332; width: 20px; height: 20px; right: 0; border-radius: 20px; font-size: 13px; transform: rotate(-90deg); }
.grid-item .topbar button.fa-expand-alt, .fa-expand-alt::before { color: #a70332; }
.grid-item button.fa-expand-alt2, button.fa-expand-alt2         { border: 2px solid #a70332; width: 16px; height: 16px; right: 3px; border-radius: 2px; overflow: visible; margin-top: 4px; }
.grid-item .fa-expand-alt2:after, .fa-expand-alt2:after         { content: "\f30c"; color: #a70332; font-size: 16px; font-weight: 900; position: relative; top: -23px; left: 4px; transform: rotate(45deg); display: block; }
.grid-item .fa-expand-alt2:before, .fa-expand-alt2:before       { content: ""; font-size: 0; position: relative; top: -8px; left: 4px; background: #DDEEEC; display: inline-block; height: 10px; width: 10px; }

.green-tooltip                                                  { z-index: 99999; background-color: #EEF8F4; margin: 0px; border: 1px solid #457E76 !important; border-radius: 10px; box-shadow: none; position: absolute; padding: 10px; min-width: 10rem !Important; max-width: 50%; font-size: inherit; font-weight: normal; }

@page {
    size: A4;
    margin: 0;
}

@media print {
    html, body {
        width: 210mm;
        height: 297mm;
    }

    body                                { padding: 0; width: 210mm; height: 297mm; }
    .grid                               { display: block; padding: 10px; }
    .grid[data-on-format="1xN"] > div,
    .grid[data-on-format="2xN"] > div,
    .grid[data-on-format="3xN"] > div   { flex: none; width: 100%; margin-bottom: 15px; padding: 0px 0 10px 0px; display: inline-block; }
    .w_cab_cuerpo form,
    .w_cab_cuerpo select,
    .w_titulo button                    { display: none; }

    .grid-item > div,
    .grid-item > div .embedDiv          { width: 100% !important; height: 100% !important; }
    .grid-item .embedDiv > .w_titulo    { white-space: normal; line-height: 1.2rem; overflow: inherit; text-overflow: inherit; }
    .grid-item .w_cab_contorno          { height: auto; }
    .w_cab_contorno .w_titulo,
    .w_cab_contorno .w_titulo span      { white-space: normal; line-height: 1.2rem; overflow: inherit; text-overflow: inherit; height: inherit; }
    .w_cab_contorno button              { display: none; }

    .grid-item .w_cuerpo_contorno > div { width: auto !important; margin: 0 auto; display: table; }
    .grid-item .w_cuerpo_contorno > div canvas:first-child,
    .grid-item .w_cuerpo_contorno > div svg { position: relative !important; left: 0 !important; top: 0 !important; margin: 0 !important; display: inline-block; }

    .grid[data-on-format="2xN"] > div:nth-child(2n+1):last-child .w_capa_grafica,
    .grid[data-on-format="3xN"] > div:nth-child(3n+1):last-child .w_capa_grafica,
    .grid[data-on-format="1xN"] .jqplot-target                                      { transform: scale(0.8); margin-left: -8%; }

    .toolbar                            { display: none; }
    .toolbar .btn-icon a                { padding: 0 10px; display: inline; }
}