html, body {
    height: 100%;
}

body {
    font-family: "Roboto", sans-serif;
    display: flex;
    flex-direction: column;
}

#content {
    flex: 1 0 auto;
}

#footer {
    flex-shrink: 0;
}

a {
    color: #900;
}

a:hover {
    color: #900;
    text-decoration: underline;
}

a:visited {
    color: #6e0909;
}

a i.material-icons {
    vertical-align: sub;
    margin-right: .3em;
}

a i.fas {
    font-size: 20px;
    margin-right: .3em;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    line-height: 1.2;
    color: inherit;
}

h1 {
    font-size: 1.8rem;
}

h2 {
    font-size: 1.3rem;
}

h3 {
    font-size: 1.3rem;
}

.heading-subtitle {
    display: block;
    font-size: .8em;
    font-weight: 400;
    align-items: center;
}

.heading-description {
    font-size: 1rem;
    display: flex;
    font-family: "Roboto";
}

.heading-tesis {
    font-size: 1rem;
    font-family: "Roboto";
}

.heading-back {
    font-size: .9rem;
    display: flex;
    font-family: "Roboto";
    font-weight: 500;
}

.heading-back i.material-icons {
    font-size: 20px;
    vertical-align: text-bottom;
    margin-right: 0;
    display: none;
}

#status-message {
    font-size: .7rem;
    font-family: "Roboto Mono", monospace;
}

@media (min-width: 768px) {
    #status-message .container {
        padding-right: 150px; /* espacio para en colaboración con... */
    }
}

#status-message .beta {
    position: relative;
    text-shadow: -1px 1px #fff;
}

#status-message .beta:after {
    content: '';
    display: inline-block;
    width: 80px;
    height: 10px;
    background-color: #ffc107;
    position: absolute;
    z-index: -1;
    left: -3px;
    bottom: -2px;
}

#footer {
    border-top: 3px solid #900;
    background-color: #f5f5f5;
    padding-bottom: 2rem
}

#footer .footer-row {
    font-size: .9rem;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

#footer .footer-label {
    font-weight: 700;
}

#contacto a .material-icons {
    vertical-align: sub;
    margin-right: .3rem;
    font-size: 1rem;
}

#copyright {
    flex: 1;
}

#footer-coordinador {
    flex: 1;
    display: flex;
    align-items: center;
}

#footer-dialnet .footer-label {
    display: none;
}

#footer-dialnet ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer-dialnet ul li {
    margin-right: .5rem;
    padding-right: .5rem;
    border-right: 1px solid #ccc;
}

#footer-dialnet ul li:last-child {
    border-right: none;
}

#footer-unirioja {
    display: flex;
}

#footer-unirioja img {
    height: 25px;
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    #footer .footer-row {
        flex-wrap: wrap;
    }

    #footer-coordinador {
        width: 100%;
        flex-wrap: wrap;
    }

    #footer-coordinador span{
        width: 100%;
    }

    #footer-dialnet {
        width: 100%;
        margin-bottom: 1.5rem;
    }

    #footer-dialnet .footer-label {
        display: block;
        margin-bottom: .5rem;
        margin-right: 1rem;
    }

    #footer-dialnet ul {
        margin-left: .5em;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

    #copyright span:last-child {
        display: block;
    }

    #contacto {
        margin-top: 1rem;
        width: 100%;
    }

    #footer-dialnet ul {
        padding-left: .5rem;
        display: block;
    }

    #footer-dialnet ul li {
        border: none;
        line-height: 1.5;
        padding: 0;
    }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    #footer-dialnet,
    #footer-unirioja {
        display: none;
    }
}

/* Para presentar de manera homogénea los h1 en las pantallas de IDR */
h1 .idr {
    display: block;
}

/* .site-header */

.site-header {
    padding: 1.5rem 0;
}

.site-header__container {
    display: flex;
    align-items: center;
    min-height: 3rem;
}

.site-header__logo img {
    width: 300px;
}

.site-header__colaboracion {
    font-size: .8rem;
    position: absolute;
    top: .25rem;
    right: .5rem;
}
.site-header__colaboracion img {
    display: block;
}

/* Menú de navegación */

.site-navbar__links {
    display: flex;
    margin-bottom: -.6rem; /* alinear con tipografía del logo */
    margin-left: 2.5rem;
}

/* #5412 Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .site-header__container {
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
    }
    .site-navbar__links {
        margin: 1rem 0 0 0;
    }
    
    .site-header__colaboracion {
        display: none; /* en movil no podemos consumir ese espacio primario */
    }
    
}

.site-navbar__link {
    position: relative;
    display: inline-flex;
    line-height: 1rem;
    padding: .6rem .8rem;
    white-space: nowrap;
    font-family: "Montserrat",sans-serif;
    font-weight: 600;
    text-decoration: none;
    color: #900;
    border: 2px solid;
    border-radius: 5px;
}
.site-navbar__link:visited {
    color: #900;
}

.site-navbar__link:not(:first-of-type){
    margin-left: 1rem;
}

.site-navbar__link:hover {
    background-color: #f5f5f5;
}

.site-navbar__link--idr {
    font-family: "Roboto Mono", monospace;
}

/* entradas portada */
.index-entrada {
    padding: 1rem 2rem 1rem 2rem;
    text-align: center;
}
.index-entrada__link {
    text-decoration: none !important;
    color: #900 !important;
}
.index-entrada__label {
    margin-top: 1rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    position: relative;
}

.index-entrada__link .index-entrada__label::after {
    content: "";
    border-bottom: 2px solid;
    color: inherit;
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    bottom: .08em;
    transition-duration: .2s;
    transition-property: width;
    transition-timing-function: ease-in;
    width: 0;
    margin: 0 auto;
    opacity: 0;
}

.index-entrada__link:hover .index-entrada__label::after {
    width: 100%;
    opacity: 1;
}

.index-entrada .idr-box {
    border-color: inherit;
    height: 80px;
    width: 80px;
}

.index-entrada i {
    font-size: 80px;
}

.index-entrada__more {
    font-size: .8rem;
    display: block;
}

/* search-box */

.search-box {
    color: rgba(0,0,0,0.87);
    background-color: #fff;
    box-sizing: border-box;
    font-family: "Open Sans",sans-serif;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12);
    box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12);
    -webkit-transition: -webkit-box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 2px;
    height: 48px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    display: flex;
    margin-right: auto;
    margin-left: auto;
}

.search-box:hover, .search-box--focused {
    -webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12);
}

.search-box__input {
    flex: 1;
    height: 48px;
    margin: auto 16px;
    padding: 0px;
    position: relative;
    width: 100%;
    border: none;
    outline: none;
    background-color: rgba(0,0,0,0);
    color: rgba(0,0,0,0.87);
    cursor: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    opacity: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    height: 100%;
    -webkit-appearance: textfield;
}

i.material-icons + .search-box__input {
    margin: 0;
}

.search-box__submit {
    border: 10px;
    box-sizing: border-box;
    display: flex;
    font-family: Roboto, sans-serif;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    cursor: pointer;
    text-decoration: none;
    padding: 12px;
    outline: none;
    font-size: 0px;
    font-weight: inherit;
    position: relative;
    z-index: 1;
    overflow: visible;
    transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
    width: 48px;
    height: 48px;
    opacity: 0.3;
    transform: scale(1, 1);
    background: none;
}

.caja {
    margin: 9px auto 12px 5px;
    /*border: 1px solid #d9d9d9;*/
    overflow: hidden;
    width: 200px;
    position: relative;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
}
.caja select {
    border: none;
    font-size: 18px;
    width: 245px;
    padding-left: 35px;
    background-color: transparent;
}
.caja select:focus{ outline: none;}

.caja::before{
    content: "\025be";
    display: table-cell;
    text-align: center;
    width: 30px;
    background-color: #d9d9d9;
    position: absolute;
    top: 0;
    pointer-events: none;
}

/* index */

.index-section {
    margin: 0 0 2rem;
}

.index-section h2 {
    margin-bottom: 1rem;
}

.index-section ul,
.index-section ol{
    list-style: none;
}

.index-section h3 {
    margin-bottom: 1rem;
}

.index-section--finalidad {
    max-width: 38em;
}

.index-block--idr {
    padding: 2rem 0;
    background-color: #f5f5f5;
}

.index-block--entradas {
    padding: 2rem 0;
    border-bottom: 2px dashed #ccc;
}

.index-block--impulsores {
    padding: 2rem 0;
}

.index-block--colaboradores {
    padding: 0;
}

.index-block--patrocinadores {
    padding: 2rem 0;
}

.index-section--idr {
    margin: 0;
}
.index-section--idr h3 {
    font-weight: 500;
    font-size: 1.2rem;
    margin-bottom: .5rem;
}
.index-section--idr .search-box {
    max-width: 45em;
}

.idr {
    font-family: "Roboto Mono", monospace;
    font-weight: 700;
}

/* edicion */

.edicion-title {
    font-family: "Roboto Mono", monospace;
    font-weight: 700;
    margin-bottom: 1rem;
}

.edicion-section {
    margin: 0 0 2rem;
}

.edicion-section h2 {
    margin-bottom: 1rem;
}

.edicion-section--ambitos ul {
    list-style: none;
    line-height: 2rem;
    font-family: "Roboto Mono", monospace;
    font-weight: 700;
}

/* ambito */

.ambito-title {
    position: relative;
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Roboto Mono", monospace;
    text-shadow: -2px 2px #fff;
    margin-bottom: 15px;
}
.ambito-title:after {
    /*content: '';*/ 
    display: inline-block;
    width: 80px;
    height: 10px;
    background-color: #ccc;
    position: absolute;
    z-index: -1;
    left: -4px;
    bottom: 0;
}

.ambito-content section {
    margin-bottom: 2rem;
}

/* ambito-edicion */

.edicionambito-title {
    margin-bottom: 2rem;
}

.edicionambito-ediciones {
    font-size: .9em;
    font-family: "Roboto Mono", monospace;
    font-weight: 700;
    padding-left: 0;
    list-style: none;
    margin-bottom: .5rem;
}

.edicionambito-ediciones li {
    display: inline-block;
}

.edicionambito-ediciones li a {
    line-height: 1.1rem;
    display: inline-block;
    /*    padding: 2px;
        border: 2px solid transparent;*/
}
.edicionambito-ediciones li a.active {
    /*    border-color: #900;
        text-decoration: none;*/
    text-decoration: underline;
}

/*.edicionambito-ediciones li a:visited.active {
    border-color: #6e0909;
}*/

.edicionambito-title__ambito {
    font-size: 1.3rem;
    font-weight: 700;
    font-family: "Roboto Mono", monospace;
    margin-left: .5rem;
}

.edicionambito-content section {
    margin-bottom: 2rem;
}

.ambito-edicion-revistas-section h2 {
    margin-bottom: 1rem;
}

#edicionambito_table .ind-cuartil {
    text-align: center;
    position: relative;
}

#edicionambito_table td.ind-cuartil:before {
    content:'';
    display: block;
    height: 100%;
    width: .5rem;
    position: absolute;
    top: 0;
    left: 0;
}

#edicionambito_table td.ind-cuartil--1:before{
    background-color: #a4cf63;
}
#edicionambito_table td.ind-cuartil--2:before {
    background-color: #ead969;
}
#edicionambito_table td.ind-cuartil--3:before {
    background-color: #fbac63;
}
#edicionambito_table td.ind-cuartil--4:before {
    background-color: #e06a5f;
}

.ambito-edicion-table .ind-orden {
    text-align: right;
}
.ambito-edicion-table td.ind-revista {
    font-family: "Roboto", sans-serif;
}
.ambito-edicion-table .ind-revista .revista-subtitle {
    font-size: .9em;
}

.ambito-edicion-table th.ind-impacto span {
    white-space: nowrap;
}

/* revistas fuente */

.revistasfuente-header {
    margin-bottom: 1rem;
}

.revistasfuente-content .ambito {
    font-family: "Roboto Mono", monospace;
    font-size: .9em;
    padding: .2em 0;
}

/* universidades */

.universidades-content h1 {
    margin-bottom: 2rem;
}

/* datatables */

.dataTables_wrapper {
    display: flex;
    flex-wrap: wrap;
}

.dataTables_wrapper .dataTables_info {
    padding: 1rem;
    flex: 1;
    min-width: 8rem;
}

.dataTables_wrapper .dataTables_paginate {
    padding: 1rem;
}

.dataTables_paginate .paginate_button {
    padding: .3rem .6rem;
    border: 1px solid transparent;
    border-radius: 3px;
    margin-right: .3rem;
    cursor: pointer;
}

.dataTables_paginate .paginate_button.disabled {
    opacity: .4;
    color: black;
    pointer-events: none;
}

.dataTables_paginate .paginate_button.current {
    border-color: #900;
}

.dataTables_paginate .ellipsis {
    margin-right: .3rem;
}

.dataTables_length {
    display: inline-flex;
    align-items: center;
    margin-right: 2rem;
}

.dataTables_length select {
    margin-left: .5rem;
    background-color: #fff;
    padding: .3rem;
    border: 1px solid #a8b3bd;
    border-radius: 4px;
}

.dataTables_filter {
    flex-basis: 100%;
}

.dataTables_filter label {
    display: inline-flex;
    align-items: center;
}

.dataTables_filter input {
    padding: .3rem .5rem;
    border: 1px solid #a8b3bd;
    border-radius: 4px;
    margin-left: 1rem;
    width: 20rem;
    outline: none;
}

.dataTables_filter input:hover {
    border-color: #6e8091;
}

.dataTable th.sorting,
.dataTable th.sorting_asc,
.dataTable th.sorting_desc {
    cursor: pointer;
    outline: none;
    position: relative;
}
.dataTable th.sorting:not(.number):after {
    content: "sort";
    font-family: "Material Icons";
    font-size: 17px;
    color: rgba(0,0,0,.24);
    vertical-align: middle;
    position: absolute;
    margin-left: .3rem;
}

.dataTable th.sorting.number:before {
    content: "sort";
    font-family: "Material Icons";
    font-size: 17px;
    color: rgba(0,0,0,.24);
    vertical-align: middle;
    position: absolute;
    margin-left: -1.3rem;
}

.dataTable th.sorting_asc:not(.number):after {
    content: "arrow_upward";
    font-family: "Material Icons";
    font-size: 16px;
    vertical-align: middle;
    position: absolute;
    margin-left: .3rem;
}

.dataTable th.sorting_asc.number:before {
    content: "arrow_upward";
    font-family: "Material Icons";
    font-size: 16px;
    vertical-align: middle;
    position: absolute;
    margin-left: -1.3rem;
}

.dataTable th.sorting_desc:not(.number):after {
    content: "arrow_downward";
    font-family: "Material Icons";
    font-size: 16px;
    vertical-align: middle;
    position: absolute;
    margin-left: .3rem;
}

.dataTable th.sorting_desc.number:before {
    content: "arrow_downward";
    font-family: "Material Icons";
    font-size: 16px;
    vertical-align: middle;
    position: absolute;
    margin-left: -1.3rem;
}

/* hover feedback */
.dataTable th.sorting.number.desc-first:hover:before {
    content: "arrow_downward";
}
.dataTable th.sorting.number:not(.desc-first):hover:before {
    content: "arrow_upward";
}
.dataTable th.sorting.desc-first:not(.number):hover:after {
    content: "arrow_downward";
}
.dataTable th.sorting:not(.desc-first):not(.number):hover:after {
    content: "arrow_upward";
}


/* popover */

/* para homogeneizar los 'triggers' de los popovers de info */

.fa-info-circle[data-toggle="popover"] {
    color: rgba(0,0,0,.87);
    font-size: .9rem;
    text-decoration: none;
}

.popover {
    border: 1px solid rgba(0,0,0,.87);
    border-radius: 4px;
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);
}
.popover-body {
    color: rgba(0,0,0,.87);
}
/* popover arrow positioning */
.popover .arrow {display: none;}


.popover h3 {
    font-size: 1.2rem;
    font-weight: 500;
}
.popover-header {
    font-family: "Roboto", sans-serif;
}

.popover-header:empty {
    display: none;
}

/* common tables */

table {
    table-layout: fixed;
}

table th,
table td {
    padding: .5em;
}

table thead {
    font-family: "Montserrat", sans-serif;
    border-bottom: 2px solid #a8b3bd;
}

table td {
    border-bottom: 1px solid #dee2e6;
}

table th.number {
    text-align: right;
}

table td.number {
    font-family: "Roboto Mono", monospace;
    text-align: right;
}

/* tabs */
/* podrían usar attrs [role="tablist"] / [role="tab"] / [aria-selected="true"] */

.tabs,
[role="tablist"] {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: .9rem;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 0 2rem;
    flex-wrap: wrap;
}

.tabs a,
[role="tablist"] [role="tab"]{
    padding: .3rem 1rem;
    display: flex;
    text-decoration: none;
    outline: none;
    margin-bottom: .5rem;
    border-bottom: 3px solid transparent;
}

.tabs a[aria-selected=true],
[role="tablist"] [role="tab"][aria-selected=true] {
    border-bottom-color: #900;
}

/* desplegables de ámbitos */

.ciencia-ambitos h3 {
    white-space: nowrap;
}

.ciencia-ambitos__title {
    font-size: 1rem;
    font-weight: 600;
}

.ciencia-ambitos__count {
    font-size: 1rem;
    font-family: "Roboto Mono", monospace;
}

.ciencia-ambitos__ambito {
    /* #5423 ¿ambitos en mayúsculas y "Mono" para diferenciarlos de areas de conocimiento? */
    text-transform: uppercase;
    font-family: "Roboto Mono", monospace;
    line-height: 2;
}

/* idr-box */
.idr-box {
    font-family: "Roboto Mono", monospace;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.2;
    height: 5rem;
    width: 5rem;
    border: 3px solid #000;    
    display: inline-flex;
    text-align: left;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: inherit;
}

.idr-box .select-trigger {
    position: absolute;
    top: 0;
    right: 0;
    color: #000;
    text-decoration: none;
    display: inline-flex;
}
.idr-box .select-trigger .material-icons {
    margin: 0;
}

.idr-box .select-trigger .edicion-select {
    display: none;
    border: 2px solid;
    height: 5rem;
}

.idr-box .select-trigger:focus .edicion-select {
    display: block;
}

.idr-box__ambito {
    font-family: "Roboto Mono", monospace;
    white-space: nowrap;
    font-size: .7em;
    line-height: 2em;
    position: absolute;
    z-index: 1;
    padding: 0 .3rem;
    bottom: -.9em;
    left: .7rem;
    background: #fff;
}

.idr-box > span {
    width: 4ch;
    max-width: 4ch;
    overflow: visible;
}

.idr-box span {
    display: block;
    line-height: 1.5rem;
}

.idr-box span > span {
    white-space: nowrap;
}

.idr-box span > span:first-child:last-child {
    margin-bottom: 1.5rem;
}

.idr-box--w-title {
    margin-right: 12rem;
}

.idr-box .idr-box__title {
    font-weight: 400;
    font-size: .8em;
}

.idr-box span > span.idr-box__title abbr {
    font-weight: 600;
    position: relative;
}

.idr-box .idr-box__title abbr:after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    border-bottom: 2px solid;
    bottom: 0;
    left: 0;    
}

.idr-box--xs {
    border: 2px solid;
    font-family: "Roboto mono";
    font-weight: 600;
    height: 5ch;
    width: 5ch;
    display: block;
    font-size: .8rem;
    padding: .5ch;
}

/* indicerevistas */

.indicerevistas-header,
.indiceinvestigadores-header {
    margin-bottom: 1rem;
}

.indicerevistas-content .search-box,
.indiceinvestigadores-content .search-box {
    background: #f5f5f5;
    margin-bottom: 1rem;
}

.indicerevistas-content table,
.indiceinvestigadores-content table {
    width: 100%;
}

/* revista */

.revista-header {
    margin-bottom: 2rem;
}

.revista-title {
    flex: 1;
    font-weight: 500;
}

.revista-subtitle,
.investigador-subtitle {
    font-weight: 400;
    display: block;
    font-size: .8em;
}

.revista-content section {
    margin-bottom: 2rem;
}

.revista-content section h3 {
    margin-bottom: 1rem;
}

.revista-impacto-table {
    table-layout: fixed;
}

.revista-impacto-table a {
    white-space: nowrap;
}

.revista-impacto-table th,
.revista-impacto-table td {
    text-align: center;
    padding: .5rem;
}

.revista-impacto-table thead {
    font-family: "Montserrat", sans-serif;
}

.revista-impacto-table td {
    font-family: "Roboto Mono", monospace;
}

.revista-impacto-table .ambito-th {
    font-family: "Roboto Mono", monospace;
    padding: 0;
}

.revista-impacto-table .ind-cuartil {
    text-align: center;
    position: relative;
}

.revista-impacto-table td.ind-cuartil:before {
    content:'';
    display: block;
    height: 102%;
    width: .5rem;
    position: absolute;
    top: 0;
    left: 0;
}

.revista-impacto-table td.ind-cuartil--1:before{
    background-color: #a4cf63;
}
.revista-impacto-table td.ind-cuartil--2:before {
    background-color: #ead969;
}
.revista-impacto-table td.ind-cuartil--3:before {
    background-color: #fbac63;
}
.revista-impacto-table td.ind-cuartil--4:before {
    background-color: #e06a5f;
}

.nota-ultimo-calculo {
    font-size: .9rem;
    font-family: "Roboto Mono", monospace;
    text-align: right;
    margin-top: 2rem;
}

.dataTables_wrapper {
    width: 100%;
    overflow-x: auto;
    /* para conseguir que se vean las tablas a la anchura máxima disponible en dispositivos moviles */
    box-sizing: content-box;
    padding: 0 15px;
    margin: 0 -15px; /* bootstrap gutters */
}

.dataTables_wrapper .dataTable {
    min-width: 100%;
}

.dataTables_wrapper > div,
.dataTables_wrapper > table {
    box-sizing: border-box; 
}

/* area */

.area-contadores {
    font-size: .9rem;
    list-style: none;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.datatable-section h2 {
    margin-bottom: 1rem;
}


/* centro */

.centro-contadores {
    font-size: .9rem;
    list-style: none;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.centro-content section {
    margin-bottom: 2rem;
}

.centro-content section h2 {
    margin-bottom: 1rem;
}

.centro-content .mapa {
    margin-left: .5rem;
}

.centro-content .mapa-wrapper {
    vertical-align: sub;
    position: relative;
    display: inline-flex;
}

.centro-content .mapa-wrapper .load {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: .5rem;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,.12);
}

.centro-logo {
    width: 125px;
    margin: 0;
    padding: 0;
}
.centro-logo img {
    width: 100%;
    margin-top: -33%;
}

.centro-circ .grafico {
    margin-bottom: 1rem;
}

/* documento */

.documento-title {
    font-family: "Slabo 27px", serif; /* font con serifas para el titulo del documento */
}

.documento-content-header {
    margin-bottom: 2rem;
}

.documento-content section {
    margin-bottom: 2rem;
}

.documento-autores,
.documento-localizacion {
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    line-height: 1.5;
}

.documento-autores .autor {
    margin-right: .5rem;
}

.documento-autores .autor:after {
    content: ';';
}

.documento-autores .autor:last-child:after {
    content: '';
}

.documento-contadores ul {
    margin: .5rem 0;
    list-style: none;
}

.documento-links a {
    margin-right: 1rem;
}

.documento-links a img,
.documento-links a i {
    margin-right: .2rem;
    vertical-align: middle;
}

/* centroGlobal */

.centro-ambito-card {
    background-color: #f5f5f5;
    box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12); /* elevation 1 */
    margin-bottom: 2rem;
}

.centro-ambito-card .card-title {
    padding: 1rem 1rem 0;
    font-family: "Roboto Mono", monospace;
    font-weight: 700;
}

.centro-ambito-card .card-content {
    padding: 1rem;
}
.centro-ambito-card .card-actions {
    padding: 0 1rem 1rem;
}
.centro-ambito-card .card-actions a {
    display: inline-block;
    padding: .3rem .5rem;
    border: 1px solid;
    border-radius: 3px;
}

.centro-ambito-card ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ambito autores */

/* para mostrar el autor+centro+area en una celda en disp. moviles */
#investigadores-citados-table .d-lg-none {
    font-size: .9em;
}

/* investigador */

.investigador-content section {
    margin-bottom: 2rem;
}

.investigador-title {
    font-weight: 500;
}

.autor-dialnet-link {
    padding: .3rem 0;
    display: inline-flex;
    align-items: center;
}

.autor-dialnet-link img {
    margin-right: .3rem;
}

.investigador-contadores, .documento-contadores, .centro-contadores {
    text-align: right;
    font-size: .9rem;
    max-width: 30rem; /* no debería ser necesario, añadido por un bug en versiones < 62 de chrome */
    margin-bottom: 2rem;
}

.investigador-contadores .fa-info-circle {
    margin-right: .3rem;
}

.ambito-nombre {
    font-family: "Roboto Mono", monospace;
}

.investigador-documento-title {
    line-height: 1.5;
    margin-bottom: .3rem;
}

.investigador-content #citasanyoemision_tabla,
.investigador-content #citasanyopublicacion_tabla,
.investigador-content #citasarea_tabla {
    max-height: 250px;
    overflow-y: auto;
}

.investigador-content #citasanyoemision_tabla table,
.investigador-content #citasanyopublicacion_tabla table,
.investigador-content #citasarea_tabla table {
    width: 100%;
}

.investigador-content #graficoTipos {
    padding-top: 2.5rem;
}

.investigador-content #tablaTipos table {
    /* border: 1px solid #a8b3bd; */
}

.investigador-content #tablaTipos table th,
.investigador-content #tablaTipos table td {
    padding: .5rem 1rem;
}

.investigador-content #tablaTipos tr:last-child td {
    /*border-bottom: 0;*/
}


/* publicaciones */


.publicaciones-finalidad h2 {
    margin-bottom: 1rem;
}

.publicaciones-finalidad {
    max-width: 40em;
}

.publicaciones-content [role="tablist"]{
    margin-bottom: .5rem;
}

.porcentaje-acumulado-divisor {
    border-bottom: 2px solid #900;
}

.porcentaje-acumulado-valor {
    color: #900;
    font-weight: 700;
    font-size: .9rem;
}

/* revistaambito */

.revistaambito-content section {
    margin-bottom: 2rem;
}

.triangulo-section table {
    width: 100%;
}

.triangulo-citas {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
}
.triangulo-citas .barraAuto {
    height: 1rem;
    background-color: #ccc;
    border-right: 1px solid #fff;
}
.triangulo-citas .barra {
    height: 1rem;
    background-color: #aaa;
}
.triangulo-citas a {
    max-width: 3ch;
    min-width: 3ch;
    font-weight: 700;
    margin-left: .3rem;
    /* font-family: "Roboto Mono", monospace; */
}

.flecha-roja {
    color: #cc0000;
}

.flecha-verde {
    color: #008a00;
}

.card.indicador-card {
    padding: 1rem;
    border: 1px solid #000;
    border-radius: 5px;
}

.card.indicador-card .card-title {
    display: inline-block;
    margin-left: .3rem;
    margin-bottom: .5rem;
}

.card.indicador-card .card-subtitle {
    display: block;
}

.card.indicador-card .card-contadores {
    margin: 0;
}

/* autorcitado / autorcitante */

.autorcitado-content section,
.autorcitante-content section {
    margin-bottom: 2rem;
}

/* citado / citante (articulo) */

.citado-content section,
.citante-content section {
    margin-bottom: 2rem;
}

.impactocitados-content section,
.impactocitantes-content section {
    margin-bottom: 2rem;
}

/* revistaglobal */

.ind-revista-widget {
    color: #000 !important;
    font-size: .9rem;
    font-family: "Roboto Mono", monospace;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    background-color: rgba(0,0,0,.08);
    border: 2px solid #000;
    margin: .5em .5em 0 0;
    text-decoration: none !important; /* para evitar underline on hover/focus/... */
}

.ind-revista-widget:hover .ind-revista-widget__edicionambito,
.ind-revista-widget:focus .ind-revista-widget__edicionambito {
    text-decoration: underline;
}

.ind-revista-widget__edicion {
    font-family: "Roboto Mono", monospace;
}
.ind-revista-widget__edicionambito {
    padding: .25em.3em;
    line-height: 1.2;
}
.ind-revista-widget__ambito {
    display: block;
}
.ind-revista-widget__cuartil {
    font-family: "Roboto Mono", monospace;
    font-size: 1.3em;
    font-weight: 600;
    height: 2.25em;
    width: 2.25em;
    text-align: center;
    line-height: 2.25em;
    color: #000;
    text-decoration: none !important; /* para evitar underline on hover/focus/... */
}
.ind-revista-widget__cuartil--1 {
    background-color: #a4cf63;
}
.ind-revista-widget__cuartil--2 {
    background-color: #ead969;
    color: #000;
}
.ind-revista-widget__cuartil--3 {
    background-color: #fbac63;
}
.ind-revista-widget__cuartil--4 {
    background-color: #e06a5f;
}

/* background-color percentiles (99-verde ... 50-rojo,... 1-negro) */
.bg-p99 {background-color: #a4cf63;}
.bg-p98 {background-color: #88aC51;}
.bg-p97 {background-color: #6C8940;}
.bg-p96 {background-color: #ead969;}
.bg-p95,
.bg-p94 {background-color: #c7b858;}
.bg-p93,
.bg-p92,
.bg-p91,
.bg-p90 {background-color: #988d43;}
.bg-p89,
.bg-p88,
.bg-p87,
.bg-p86,
.bg-p85 {background-color: #fbac63;}
.bg-p84,
.bg-p83,
.bg-p82,
.bg-p81,
.bg-p80,
.bg-p79,
.bg-p78,
.bg-p77,
.bg-p76,
.bg-p75,
.bg-p74,
.bg-p73,
.bg-p72,
.bg-p71,
.bg-p70 {background-color: #a4713f;}
.bg-p69,
.bg-p68,
.bg-p67,
.bg-p66,
.bg-p65,
.bg-p64,
.bg-p63,
.bg-p62,
.bg-p61,
.bg-p60,
.bg-p59,
.bg-p58,
.bg-p57,
.bg-p56,
.bg-p55,
.bg-p54,
.bg-p53,
.bg-p52,
.bg-p51,
.bg-p50 {background-color: #e06a5f;}
.bg-p49,
.bg-p48,
.bg-p47,
.bg-p46,
.bg-p45,
.bg-p44,
.bg-p43,
.bg-p42,
.bg-p41,
.bg-p40,
.bg-p39,
.bg-p38,
.bg-p37,
.bg-p36,
.bg-p35,
.bg-p34,
.bg-p33,
.bg-p32,
.bg-p31,
.bg-p30,
.bg-p29,
.bg-p28,
.bg-p27,
.bg-p26,
.bg-p25,
.bg-p24,
.bg-p23,
.bg-p22,
.bg-p21,
.bg-p20,
.bg-p19,
.bg-p18,
.bg-p17,
.bg-p16,
.bg-p15,
.bg-p14,
.bg-p13,
.bg-p12,
.bg-p11,
.bg-p10,
.bg-p9,
.bg-p8,
.bg-p7,
.bg-p6,
.bg-p5,
.bg-p4,
.bg-p3,
.bg-p2,
.bg-p1 {background-color: black;}

.percentil a {
    padding: 5px;
    color: white;
    font-weight: bolder;
}

#influencia_tabla {
    max-height: 190px;
    max-width: 100%;
    overflow-x: hidden;
    padding: 0;
    margin: 0 0 .5rem 0;
}

modal-open {
    overflow: hidden;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    transform: none;
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
    flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 0.5;
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.close {
    padding: 0.3rem 1rem;
    margin: -1rem -1rem -1rem auto;
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

button.close {
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer > * {
    margin: 0.25rem;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: max-content;
        margin: 1.75rem auto;
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem);
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem);
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
    }
    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}