:root, [data-bs-theme='light'] {
    --bs-sidebar-menu-item-icon-color: #7b8190;
    --bs-sidebar-menu-item-color: #7b8190;
    --bs-dropdown-link-hover-bg: #e9ecef;
    --bs-fixed-zindex: 1030;
}

:root {
    --app-bg-color: #F0F6FB;
    --app-fg-color: #071437;
    --error-color: #721c24;
    --badge-color: #dc3545;
    --heading-font-family: Verdana, Arial, Helvetica, sans-serif;
    --main-font-family: Poppins, Arial, Helvetica, sans-serif;
}

body { font-family: var(--main-font-family); font-size: 16px; background-color: var(--app-bg-color); color: #333333; margin: 0px; }
a { text-decoration: none; }
.caja pre { white-space: pre; overflow-x: auto; overflow-y: hidden; background-color: #f0f0f0; box-sizing: border-box; width: 100%; max-width: 500px; margin: 0; padding: 5px; border: 1px solid #ccc; line-height: 18px; }
pre .caja { width: auto !important; white-space: pre-line; }

/* Modificaciones para Bootstrap */
[class^="bi-"] { font-size: 1.2em; line-height: 1.2em; }
button [class^="bi-"] { font-size: 1.1em; vertical-align: -5%; padding-right: .25em; }
.pagination [class^="bi-"] { font-size: 1em; }
.modal-body { background-color: var(--app-bg-color); }
.offcanvas { visibility: visible; }
.toast { --bs-toast-font-size: 1rem; --bs-toast-spacing: 0.5rem; }
.form-select option { font-size: 1.2rem; font-weight: 400; }
.filter .form-select option { font-size: 1rem; }
.form-select-edition { padding: .1rem 1.4rem .1rem .3rem; border-radius: var(--bs-border-radius-sm); background-position: right .25rem center; }
.form-select-edition[name=publicidad] { width: 2rem; box-sizing: content-box; }
.form-select-edition option { font-size: 1rem; }
.btn { --bs-btn-disabled-opacity: 0.5; }
.flex-even { flex: 1; }
form.order select.form-select, form.orden select.form-select { width: fit-content; }

@media (min-width: 576px) {
    .btn-sm-lg {
        --bs-btn-padding-y: 0.5rem;
        --bs-btn-padding-x: 1rem;
        --bs-btn-font-size: 1.25rem;
        --bs-btn-border-radius: var(--bs-border-radius-lg);
    }
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: max(80%, 1320px); }
    #sidebar.show ~ main .container { max-width: max(80%, 1320px - 12rem); }
}

/* Menús de Bootstrap */
.navbar a { color: #212529; }
.navbar a:hover { text-decoration: none; }
.navigation-hamburger { border: none; background: none; overflow: hidden; width: 2.1rem; height: 1.7rem; margin: 0; padding: 0; position: relative; }
.navigation-hamburger span { background: var(--app-fg-color); border-radius: 0; display: block; height: .15rem; top: 0.8rem; left: 0; opacity: 1; position: absolute; transform: rotate(0deg); transition: .25s ease-in-out; width: 100%; }
.navigation-hamburger span:nth-child(1) { top: 0; }
.navigation-hamburger span:nth-child(4) { top: 1.55rem; }
.navigation-hamburger.open span:nth-child(1) { left: 50%; top: -0.15rem; width: 0%; }
.navigation-hamburger.open span:nth-child(4) { left: 50%; top: 1.7rem; width: 0%; }
.navigation-hamburger.open span:nth-child(2) { transform: rotate(45deg); }
.navigation-hamburger.open span:nth-child(3) { transform: rotate(-45deg); }
#sidebar { width: 12rem; padding: 0; z-index: var(--bs-offcanvas-zindex); }
#sidebar .btn-close { padding: .75rem 1rem; opacity: 1; }
#sidebar ul.metismenu { margin: 0.4em 0 0; }
#sidebar ul.metismenu li { display: block; width: 100%; }
#sidebar ul.metismenu li.menu-title { padding: .6rem .6rem 0; letter-spacing: .08em; pointer-events: none; cursor: default; font-size: .625rem; text-transform: uppercase; color: var(--bs-sidebar-menu-item-icon-color); font-weight: 600; opacity: .6; }
#sidebar ul.metismenu li:hover { background-color: var(--bs-dropdown-link-hover-bg); }
#sidebar ul.metismenu li.menu-title:hover, #sidebar ul.metismenu > li:hover > ul.sub-menu { background: none; } 
#sidebar ul.metismenu ul.sub-menu { padding-left: 0; }
#sidebar ul.metismenu ul.sub-menu > li { padding-left: 1.5rem; }
#sidebar ul.metismenu ul.sub-menu ul.sub-menu { margin-left: -1.5rem; } 
#sidebar ul.metismenu ul.sub-menu ul.sub-menu > li { padding-left: 2.5rem; }
#sidebar ul.metismenu li a { display: flex; padding: .6rem; text-decoration: none; color: var(--bs-sidebar-menu-item-color); position: relative; transition: all .4s; }
#sidebar ul.metismenu li a .nav-icon { width: 1rem; height: 1rem; display: inline-block; min-width: 1.5rem; color: var(--bs-sidebar-menu-item-icon-color); transition: all .3s; font-size: 1rem; }
#sidebar.collapse:not(.show) .simplebar-offset { bottom: 0 !important; }
#sidebar.collapse:not(.show):not(.fixed) ul.metismenu li.menu-title { font-size: 0; border-top: 1px solid var(--bs-border-color); opacity: 1; padding: 0; }
#sidebar.collapse:not(.show) ul.metismenu:first-of-type li.menu-title:first-child { border: 0; padding: 0; }
#sidebar.collapse:not(.show):not(.fixed) ul.metismenu li a .menu-item { display: none; padding-left: 1.5rem; }
#sidebar.collapse:not(.show) ul.metismenu > li > ul.sub-menu { display: none; left: 2.2rem; position: absolute; width: 11.8rem; height: auto !important; box-shadow: 3px 5px 10px 0 rgba(54,61,71,.1); }
#sidebar.collapse:not(.show) ul.metismenu > li > a.has-arrow:after { display: none; }
#sidebar.collapse:not(.show) ul.metismenu > li > a { width: 2.1rem; }
#sidebar.collapse:not(.show) ul.metismenu > li:hover { position: relative; }
#sidebar.collapse:not(.show) ul.metismenu > li:hover > a { position: relative;  width: 14rem; color: #038edc; background-color: var(--app-bg-color); transition: none; box-shadow: inset 0 3px 10px 0 rgba(154,161,171,.2); }
#sidebar.collapse:not(.show) ul.metismenu > li:hover > a > .menu-item,
#sidebar.collapse:not(.show) ul.metismenu > #menu-shortcuts > li:hover > a > .menu-item { display: inline-block; }
#sidebar.collapse:not(.show) ul.metismenu > li:hover ul.sub-menu { padding: 5px 0; z-index: 1000; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; }
#sidebar.collapse:not(.show) ul.metismenu > li:hover > ul.sub-menu { display: block;  }
#sidebar.collapse:not(.show) .simplebar-content-wrapper, #sidebar.collapse:not(.show) .simplebar-mask { overflow: visible !important; }
#sidebar.collapse:not(.show) .simplebar-track.simplebar-vertical { visibility: hidden !important; }
#sidebar.collapsing { transition: none !important; }
.navbar.fixed-top ~ main { margin-top: 3.5rem; }
/* #sidebar ~ main { transition: margin 0.3s ease-in-out; } */
@media (min-width: 576px) {
    .navbar.fixed-top ~ main { margin-top: 3.8rem; }
    .navigation-hamburger.fixed span:nth-child(1) { left: 50%; top: -0.15rem; width: 0%; }
    .navigation-hamburger.fixed span:nth-child(4) { left: 50%; top: 1.7rem; width: 0%; }
    .navigation-hamburger.fixed span:nth-child(2) { transform: rotate(45deg); }
    .navigation-hamburger.fixed span:nth-child(3) { transform: rotate(-45deg); }
    #sidebar { top: 3.8rem; z-index: var(--bs-fixed-zindex); }
    #sidebar ul.metismenu { margin: 0; }
    #sidebar.show ~ main, #sidebar.collapse.fixed ~ main { margin-left: 12rem; }
    #sidebar.collapse.fixed { display: block !important; }
    #sidebar.collapse:not(.show):not(.fixed) { width: 2.2rem; display: block !important; }
    #sidebar.collapse:not(.show):not(.fixed) ~ main { margin-left: 2.2rem; }
    #sidebar .btn-close { display: none; }
}

/* Listados */
.overflow-wrap-anywhere { overflow-wrap: anywhere; }
.overflow-wrap-break { overflow-wrap: break-word; }
.sincorregir { color: #e11; }
form tr.fila0 td:first-child, form tr.fila1 td:first-child { padding-top: 0.4em; }
table.cke_editor td { padding: 0; } /* CKEditor Fix */
td.section { background: #5897fb; color: #fff; text-transform: uppercase; font-size: 1.8em; padding: 0.3em 0.4em !important; border-top: 0.5em solid #fff; border-bottom: 0.2em solid #fff; font-weight: bold; }
.cursor { text-align: center; }
.cursor img { width: 10%; }
.cursor button { display: block; margin: 1em auto; }
.cursor .placeholder { display: none; }
.error { color: red; font-style: italic; margin-bottom: 1em; }
.advertencia { text-align: center; color: #666; }
.usuarios_concurrentes { margin: -1em 0 1em; }
.contenido_centrado { display: flex; justify-content: center; align-items: center;}
.warning { font-size: 16px; line-height: 30px; border: 1px solid #ccc; padding: 2px; margin-top: 1em; }
.warning > div { background: #FF5A58; color: white; padding: 0 0.5em; }
.warning.notserious > div { background: #ffae42; }
.log { border-radius: .25rem; padding: .25rem .5rem; }
.log > [class^="bi-"] { }
.log.warn { background: #fff3cd; color: #856404; border-color: #ffeeba; }
.log.notice { background: #d1ecf1; color: #0c5460; border-color: #bee5eb; }
.log.err { background: #f8d7da;; color: var(--error-color); border-color: #f5c6cb; }
div.dropmarker { height:6px; width:200px; background: url(/img/dropmarker.png) left top; margin-top:-3px; margin-left:-5px; z-index:1000; overflow: hidden; }
.carga { float: right; z-index: 10000; position: relative; padding: 1px 5px; }
td figure { margin: 0 0 1em; }
td figure img { width: 100%; }
.actions .order-arrows a { height: 1.1em; }
a.iban { display: inline-flex; }
.iban { padding-left: 10px; }
.eventossocios { border-collapse: collapse; }
.eventossocios tr:nth-last-child(n+2) td { border-bottom: 1px solid black; }
.eventossocios tr td { padding: 0.4em 0; }
.eventossocios tr td:first-child { white-space: nowrap; padding-right: 1em; }
.estadoaudio { white-space: nowrap; }
.estadoaudio .icono { float: left; margin-right: 3px; }
.multimedia_box span.bi-x-circle-fill { font-size: 1.5em; }

/* Filtros */
.filters, .filters > form { display: flex; flex-wrap: wrap; gap: 1em; position: relative; align-items: flex-end; justify-content: space-between; width: 100%; }
.filters > form { margin-bottom: 1em; }
.filters { flex: 0; margin-bottom: 0; border-bottom: 1px solid var(--bs-border-color-translucent); }
.filters [type=submit] { margin-left: auto; }
div.filter { display: flex; flex-direction: column; }
@media (min-width: 576px) {
    .filter .form-select, .filter .form-control, .filter .btn, .filter .select2-container--bootstrap-5 .select2-selection, .filter button [class^="bi-"] { font-size: .85rem; }
}

/* Página de edición */
.templates .bi-grip-vertical, .templates .bi-chevron-up { font-size: 1.3em; line-height: 1em; }
.templates .bi-chevron-up { cursor: pointer; user-select: none; }
span.handle-node, .templates span.handle-template { cursor: move; cursor: grab; padding-bottom: 10rem; margin-bottom: -10rem; }
span.handle-node:active, .templates span.handle-template:active { cursor: move; cursor: grabbing; }
.templates span.bi-chevron-up:before { transition: 0.2s transform; }
.templates span.bi-chevron-up.collapsed:before { transform: rotate(180deg); }
.templates { position: relative; min-height: 10em; }
.tbody-striped th, .tbody-striped td { padding: .2rem; }
.tbody-striped > tbody:nth-of-type(odd) > tr > * { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg); }
.tbody-striped > tbody > tr:first-child > * { border-bottom-width: 0 }
.tbody-striped > tbody:hover > tr > * { --bs-table-color-state: var(--bs-table-hover-color); --bs-table-bg-state: var(--bs-table-hover-bg); }
.templates div[data-control="fontsize"] { display: inline-block; width: 3.75rem; }
.templates div[data-control="fontsize"] input { font-size: .825rem; padding: .1rem 0 .1rem .5rem; min-height: 0; }
.templates div[data-control="fontsize"]::after { top: .3rem; line-height: 1; }
.templates [data-control=fontsize]:hover::after, .templates [data-control=fontsize]:focus-within::after { right: 1em; }
.templates .form-select-edition { font-size: .825rem; width: auto; }

/* Explainers */
ol[type=I].dropdown-menu { counter-reset: dropdown; }
ol[type=I].dropdown-menu li a:before { content: counter(dropdown, upper-roman) "."; counter-increment: dropdown; display: inline-block; text-align: right; width: 2em; padding-right: .5em; }

/* Teletipos */
.newswire { font-size: 1rem; line-height: 1.4em; max-width: 650px; }
.newswire p { margin: 0 auto 1.5em; text-align: left; }
.newswire .lede, .newswire.overline { font-size: 18px; }

/* Estadísticas de vídeo */
.views { text-align: right; }
.views .provider { display: flex; gap: .2em; align-items: center; justify-content: space-between; }

/* Tiempo real */
.bi-caret-up-fill { color: green; }
.bi-caret-down-fill { color: red; }

.bi.check { width: 1em; white-space: nowrap; overflow: hidden; display: inline-block; }
.bi.check.clickable { cursor: pointer; }
.bi.check.waiting:before { content: url(https://s.libertaddigital.com/images/svg/spinner-redondo.svg); width: 1em; }
.bi.check.si:before { content: "\f633"; color: green; }
.bi.check.no:before { content: "\f659"; color: red; }
.bi.check.scheduled:before { content: "\f293"; color: #333; }

form.search { float: right; position: relative; z-index: 42; }
form.search input[type=submit] { position: absolute; top: 0.25em; right: 0.3em; bottom: 0.1em; width: 1.5em; border: 0; opacity: 0.3; padding: 0; cursor: pointer; overflow: hidden; text-indent: 300%;  white-space: nowrap;  background: url(https://s.libertaddigital.com/images/svg/lupa.svg) no-repeat center;  z-index: 50; }

#edit_liveblog { position: relative; }

.section-icon { background: url(/img/sections.png?5) no-repeat 1000px 1000px; width:16px; height:16px; text-indent: -9999px; overflow: hidden; display:block; }
.templates .section-icon { display: inline-block; vertical-align: -15%; }
.section-icon.all { background-position: 0 0; }
.section-icon.sociedad { background-position: -16px 0; }
.section-icon.ciencia { background-position: -32px 0; }
.section-icon.cine { background-position: -48px 0; }
.section-icon.esradio { background-position: -64px 0; }
.section-icon.opinion { background-position: -80px 0; }
.section-icon.internacional { background-position: -96px 0; }
.section-icon.economia { background-position: -112px 0; }
.section-icon.chic { background-position: -128px 0; }
.section-icon.ciencia-tecnologia { background-position: -144px 0; }
.section-icon.sucesos { background-position: -160px 0; }
.section-icon.defensa { background-position: -176px 0; }
.section-icon.compras { background-position: -192px 0; }
.section-icon.cultura { background-position: -208px 0; }
.section-icon.espana { background-position: 0 -16px; }
.section-icon.deportes { background-position: -16px -16px; }
.section-icon.fotos { background-position: -32px -16px; }
.section-icon.club { background-position: -48px -16px; }
.section-icon.servicios { background-position: -64px -16px; }

.globales { margin-bottom: 1em; }
.globales.small .btn { font-size: .875rem; }
.globales a { display: inline-flex; align-items: center; }
.globales a span.icono { margin-right: .2em; }

.actions span { display: inline-block; width: 1.1em; height: 1.1em; font-size: 1.1em; line-height: 1.1em; box-sizing: content-box; border-radius: .25em; color: #6c757d; }
.actions a:hover span { background-color: #6c757d; color: white; }

.checkboxes { column-gap: 1em }
.checkboxes.c-2 { column-count: 2; }
.checkboxes.c-3 { column-count: 3; }
.checkboxes.c-4 { column-count: 4; }
.checkboxes.c-5 { column-count: 5; }

/* FontSizeControl */
[data-control=fontsize] { margin: 0; width: 4.5em; position: relative; }
[data-control=fontsize]:after { content: '%'; position: absolute; top: .25em; right: .5em; transition: all .05s ease-in-out; }
[data-control=fontsize]:hover::after, [data-control=fontsize]:focus-within::after { right: 1.5em; }

/* Columnas */
.columnas { display: flex; justify-content: space-between; }
.columnas > div { flex: 1 1 auto; border-left: 1px solid #ccc; padding: 0 0 0 1em; }
.columnas > div:first-child { border-left: 0; padding: 0 1em 0 0; }

/* Modificaciones select2.css */
.select2-container { display: block !important; width: auto; }
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa !important; padding: 0 5px !important; }
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove { cursor: pointer; }
.select2-container--bootstrap-5 .select2-selection--multiple .select2-search.select2-search--inline { display: inline; width: auto; }
.input-group.tags .select2-container--bootstrap-5 { min-width: 0; width: 1%; }

/* Modificaciones pupload */
.plupload_container { padding: 0 !important; }
.plupload_filelist_footer { box-sizing: content-box; }

/* Image Picker */
ul.thumbnails.image_picker_selector { overflow: auto; list-style-image: none; list-style-position: outside; list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
ul.thumbnails.image_picker_selector li { margin: 0px 12px 12px 0px; }
ul.thumbnails.image_picker_selector li .thumbnail { cursor: pointer; background: #fff; padding: 3px; user-select: none; }
ul.thumbnails.image_picker_selector li .thumbnail img { display: block; -webkit-user-drag: none; }
ul.thumbnails.image_picker_selector li .thumbnail.selected, ul.thumbnails.image_picker_selector li .thumbnail:hover { background: #5897fb; }
ul.thumbnails.image_picker_selector.free li .thumbnail img { width: auto; }
.select-templates ul.thumbnails.image_picker_selector { flex: 1 0 40%; }
.select-templates ul.thumbnails.image_picker_selector li .thumbnail img { width: 90px; }
@media (max-width:30em) {
    .select-templatestemplates { flex-wrap: wrap; }
}

/* Justified Gallery */
.jg-entry { cursor: pointer; }
.jg-entry:hover:after { content:""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 3px solid #8CC8C6; }
.jg-entry .jg-caption { display: none; }

/* Segment Select */
.segment-select { display:none; }
.ui-segment { background: transparent; color: #000; border-left: 1px solid #ccc; display: flex; flex-wrap: wrap; }
.ui-segment span.option { padding: .5em; text-align:center; display:inline-block; line-height: 1.4em; margin: 0; cursor:pointer; border: 1px solid #ccc; border-left: 0; background: #fff; }
.ui-segment span.option.active { background-color: #5897fb; color: #fff; }
.nowrap .ui-segment { flex-wrap: nowrap; }

/* Newsletter segments */
.newsletter_segments { display: block; clear: both; }
.newsletter_segments > div { display: inline-block; margin: 0.5em 2em 0.25em 0; line-height: 1.5em; }
.newsletter_segments > div:last-child { margin-right: 0 }
.newsletter_segments .candlestick-wrapper { margin-right: 0.5em; }

/* Toggle Switch */
.toggle { width: 3em; height: 1.5em; border-radius: 50px; display: inline-block; position: relative; cursor: pointer; background : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAyklEQVQ4T42TaxHCQAyENw5wAhLACVUAUkABOCkSwEkdhNmbpHNckzv689L98toIAKjqGcAFwElEFr5ln6ruAMwA7iLyFBM/TPDuQSrxwf6fCKBoX2UMIYGYkg8BLOnVg2RiAEexGaQQq4w9e9klcxGLLAUwgDAcihlYAR1IvZA1sz/+AAaQjXhTQQVoe2Yo3E7UQiT2ijeQdojRtClOfVKvMVyVpU594kZK9zzySWTlcNqZY9tjCsUds00+A57z1e35xzlzJjee8xf0HYp+cOZQUQAAAABJRU5ErkJggg==') no-repeat 1.8em center #e74c3c; background-size: 25% 50%; transition: background-color .40s ease-in-out; }
.toggle:after { content:""; width: 1.15em; height: 1.15em; background-color: #fff; border-radius: 50%; display: inline-block; position: absolute; left: 0.2em; top: 50%; margin-top: -0.55em; transition: all .30s ease-in-out; }
.toggle.active { background : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAmUlEQVQ4T6WT0RWDMAhFeZs4ipu0mawZpaO4yevBc6hUIWLNd+4NeQDk5sE/PMkZwFvZywKSTxF5iUgH0C4JHGyF97IggFVSqyCFga0CvQSg70Mdwd8QSSr4sGBMcgavAgdvwQCtApvA2uKr1x7Pu++06ItrF5LXPB/CP4M0kKTwYRIDyRAOR9lJTuF0F0hOAJbKopVHOZN9ACS0UgowIx8ZAAAAAElFTkSuQmCC') no-repeat 0.5em center #2ecc71; background-size: 25% 50%; }
.toggle.active:after { left: 1.7em; }
.toggle input[type="checkbox"] { position: absolute; left:0; right:0; width: 100%; height: 100%; opacity: 0; z-index: 9; cursor: pointer; }

/* Thumbnails */
div.thumbnails { position: relative; cursor: pointer; }
div.thumbnails:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(../img/thumbnail.png) center no-repeat; background-size: 40%; }
div.thumbnails img { opacity: 0.3; display: block; margin: 0 auto; }

/* Cropper */
.modal[data-crop] .img-container, .modal[data-crop] .img-preview { background-color: #f7f7f7; text-align: center; width: 100%; }
.modal[data-crop] .img-container > img, .modal[data-crop] .img-preview > img { max-width: 100%; }
.modal[data-crop] .img-container { max-height: 497px; min-height: 200px; }
.modal[data-crop] .img-preview { overflow: hidden; height: 18em; width: 32em; }