/*
 * Copyright 2009-2017 European Molecular Biology Laboratory
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 */

body.is-reveal-open { /*avoid jumping of body to the left*/
    overflow: hidden;
    margin-right: 12pt;
}

.hidden , #bs-authors li.hidden, #bs-orgs li.hidden{
    display: none;
}

.section-name {
    display: inline;
}

.bs-name {
    color: #267799;
    margin:0;
    display: inline-block;
    line-height: 1em;
    min-width: 6em;
}

.section-name {
    display: inline;
}

.bs-value {
    display: inline;
    padding-left: 0.3em;
}

.block {
    display: block;
}
.bs-attribute {
    display: block;
    padding-top: 2pt;
}

.bs-attribute::after {
    display: block;
    content: ' ';
    padding: 2pt;
}
.browse-study-accession {
    font-size: 70%;
    padding: 5px;
    color: rgb(107, 168, 197);
    white-space: nowrap;
}

.browse-study-accession:before {
    content: '[';
}

ul#bs-authors > li+li:before {
    content: ', ';
}

.browse-study-accession:after {
    content: ']';
}

.has-child-section{
    padding-left: 10px;
    border-left: 2px solid #EAF5FB;
    margin-left: 8pt;
    margin-bottom: 8pt;
}

.bs-section-files, .bs-section-links, .bs-section-tables, .bs-section-file, .bs-section-link, .bs-section-table {
    display:none;
    margin-top: 10px;
}

a.show-more, a.show-less, a.reference {
    color: #A66A27;
    padding: 0;
    cursor: pointer;
    white-space: nowrap;
    font-size: 11pt;
    margin-left: 3pt;
}

a.show-more:hover,
a.show-less:hover,
a.reference:hover {
    padding: 0 4px;
    margin-left: -1px;
    color: #fff;
    background-color: #A66A27;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-bottom: 1px solid transparent;
}

.table-wrapper {
    overflow: auto;
    font-size: 10pt;
}


.table-caption {
    color: #555555;
    margin-bottom: 10px;
    height: 20px;
    display: block;
}

#right-column-expander, .table-expander {
    float:right;
    cursor: pointer;
    border: 0;
    padding-right: 3pt;
    font-size: 12pt;
}


.fullscreen{
    z-index: 200;
    padding:5px;
    width: 90% !important;
    height: auto;
    max-height: 90% !important;
    left:5%;
    position: fixed;
    background-color:white;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-clip: padding-box;
}

.blocker {
    z-index: 199;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.stop-scrolling {
    overflow-y: hidden;
}

#right-column {
    width: 30%;
    float:right;
    margin: 0 0 1em 1em;
    background-color: hsla(201, 65%, 95%, 1);
    border: solid 1px #C9E4F3;
    font-size: 12px;
    display:none;
}

@media screen and (max-width: 640px) {
    #right-column {
        width: 100%;
        float:right;
    }
    #expand-right-column {
        display: none;
    }
    .bs-name {
        display: block;
    }
}

div#right-column-header {
    text-align: right;
    margin-bottom: 9pt;
    background-color: #c9e4f3;
}
#expand-right-column {
    color: #575759;
    cursor: pointer;
    margin: 0pt 4pt;
    border: 0;
    font-size: 9pt;
}
#right-column-content {
    padding: 0 1em 1em 1em;
}

#left-column {
    width: 98%;
    float:left;
    padding: 0 1em;
    display:none;
}


.dataTables_length select {
    -moz-appearance: menulist;
    -webkit-appearance: menulist;
    apparence: menulist;
    height: auto;
    margin: auto;
    width: auto;
    max-width: 48px;
    padding: inherit;
}

.dataTables_length *, .dataTables_filter label {
    font-size: 8pt;
    display: inline-block;
}
.dataTables_filter input {
    width: 150px;
    margin: auto;
    padding: inherit;
    display: inline-block;
    height: inherit;
    font-size: 100%;
    padding: 2px;
}

.widge-title {
    color: #585858;
    font-size: 12pt;
    margin-bottom: 14px;
}

ul#bs-authors, ul#bs-orgs, ul#bs-funding {
    margin: 0;
    display: table;
    list-style-type: none;
    font-size: 10pt;
}
ul#bs-authors > li {
    display: inline-block;
}

ul#bs-orgs li{
    display: inline;
    font-size: 9pt;
}

ul#bs-orgs li{
    padding-right:4px;
}

ul#bs-orgs {
    font-size: 85%;
    padding: 0.5em 0;
    margin: 5px 0 0;
    color: #888;
}

.bs-grants {
    color: #888;
}

#right-column  section:not(:nth-child(1)) {
    border-top: 1px dotted #c9e4f3;
    padding-top: 20px;
    margin-top: 20px;
}

.bs-section-link-table:not(.fullscreen){
    padding-top: 20px;
}


.source-icon {
    font-size: 80%;
    padding: 0px 5px 1px 5px;
    border-radius: 3px;
    margin-left: 4pt;
    font-family: Consolas, monospace,'Courier New';
    text-align: center;
    display: inline-block;
}

.source-icon-secret:before, .source-icon-secret {
    color: #FFFFFF !important;
    background-color: #25aae2;
    border: none !important;
}

.source-icon-json:before {
    font-size: 5pt;
}

#download-source {
    float: right;
}

.source-icon-cite:before, .source-icon-cite {
    color: #FFFFFF !important;
    background-color: #5489b5;
    border: none !important;
}

.source-icon-json:before, .source-icon-json {
    color: #FFFFFF !important;
    background-color: #7882CE;
    border: none !important;
}

.source-icon-xml:before, .source-icon-xml {
    color: #FFFFFF !important;
    background-color: #E4753D;
    border: none !important;
}
.source-icon-pagetab:before, .source-icon-pagetab {
    color: #FFFFFF !important;
    background-color: #2BA35F;
    border: none !important;
}
.source-icon-http:before, .source-icon-http {
    color: #FFFFFF !important;
    background-color: #4E8191;
    border: none !important;
}
.source-icon-ftp:before, .source-icon-ftp {
    color: #FFFFFF !important;
    background-color: #9E5F5F;
    border: none !important;
}
.source-icon-globus:before, .source-icon-globus {
    color: #FFFFFF !important;
    background-color: #335a95;
    border: none !important;
}

.source-icon-ftp svg, .source-icon-http svg, .source-icon-globus svg {
    padding-right:2px;
}

a.section-button {
    background-color: var(--P3);
    padding: 2px 5px;
    cursor: pointer;
    white-space: nowrap;
    border: 0px;
    color: white;
    border-radius: 3px;
    margin-right:3px;
}

a.section-button:hover {
    background-color: #466B7D;
}

.text-bottom {
    vertical-align: text-bottom;
}

#selected-file-text {
    padding-right: 10px;
}

.filter-cross {
    color: #fff;
    font-size: 7px;
    margin: 1px 0px 0px 5px;
}

.bs-icon-fa-stack {
    width: 1em;
}

#release-date-download {
    color: #9e9e9e;
    padding-bottom: 10px;
}

.meta-data {
    font-size:10pt;
}

.thumbnail-icon {
    padding-left:4px;
    cursor: pointer;
    color: #aaaaaa;
}

tr.selected td a.thumbnail-icon {
    color: #58585a;
}

tr.selected td a.thumbnail-icon:hover {
    color: #267799;
}

.max-content-width{
    width: max-content !important;
}

a.thumbnail-icon {
    border: 0;
}


#file-list input[type='checkbox'], .table-wrapper input[type='checkbox'] {
    margin: auto;
    vertical-align: middle;
    outline: none;
    cursor: pointer;
    width: 1.5em;
    height: 1.5em;
    border: 1px solid #333;
    background-color: white;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

#file-list input[type='checkbox']:checked:after, .table-wrapper input[type='checkbox']:checked:after {
    content: "✔";
    font-size: 120%;
    padding-left: 2pt;
}


.sub-attribute {
    position: absolute;
    background-color: #EAF5FB;
    padding: 3px;
    border: 1px solid #267799;
    margin-top: 20px;
    margin-left: 10px;
    display: none;
    color: #777;
    z-index: 999;
    max-width: 300px;
    font-size: small;
}

.sub-attribute-info {
    margin: 0px 0px 0px 4px;
    display: inline-block;
    color: #267799;
    cursor: pointer;
    font-size: 10pt;
}

.sub-attribute-title {
    font-weight: bold;
    margin-right:5px;
}

.sub-attribute-text {
    background-color: #EAF5FB;
}

a.ontology-icon {
    font-size: 8pt;
    background: #f1f1f1;
    padding: 2px 3px;
    border-radius: 3px;
    color: #58585a;
    border: #efefef 1px solid;
    vertical-align: middle;
    border:none;
    text-transform: uppercase;
    margin:0px 2px;
}

a.ontology-icon:hover {
    border: none;
    cursor: pointer;
}

.attributes-icon {
    font-size: 14px;
    padding: 0px 5px;
    color: #aaa;
    cursor: pointer;
}

.publication::before {
    content: ' ▪ ';
    padding: 0 4pt;
    color: #aaa;
}
.publication {
    display: block;
    padding-bottom: 0.5em;
}
.bs-value .publication:first-child:nth-last-child(1)::before{
    content: '' ;
    padding: 0 0pt;
}
.bs-value .publication:first-child:nth-last-child(1){
    display: unset ;
}
.publication-link {
    display: inline-block;
}

.publication-link-type {
    font-size: 8pt;
    background: #f1f1f1;
    padding: 2px 3px;
    border-radius: 3px;
    color: #58585a;
    border: #efefef 1px solid;
    vertical-align: middle;
}

.highlight-author {
    background-color: #B0F8CD;
    color: #000;
}

.section-title-bar {
    font-size: 9pt;
    margin-left: 20px;
    cursor: text;
}

.overflow-name-column {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    max-width: 200px;
}

.orcid-logo {
    height: 20px;
    margin-bottom: 5px;
    margin-right: 3px;
}
.thor_div_showIf_notSigned {
    line-height: 20pt;
}
.thor_label_show_userName {
    display: inline-block;
}
.thor_a_generate_claimLink, thor_div_showIf_datasetAlreadyClaimed {
    font-size: 10pt;
}

#orcid-title {
    word-break: break-word;
    word-wrap: break-word;
}


.url-image {
    max-height: 250px;
    transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transform-origin: left center;
    transform-style: flat;
    border:1px solid transparent;
    position:relative;
}
.url-image:hover {
    transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -webkit-transform: scale(2.5);
    border:1px solid var(--P3);
    position:relative;
    transform-style: flat;
    z-index:88;
    background-color: white;
}

.section-acc {
    font-size: 8pt;
    color: #929292;
}

.widge-title svg, .widge-title  .icon:before {
    color:#aaa;
}

.orcid {
    border: 0;
}
.orcid img {
    margin: -4px 0px 0px 0px;
    width: 16px;
}

#biostudies-citation{
    font-size: 11pt;
}

#biostudies-citation .type {
    color: #aaaaaa;
    text-align: right;
    vertical-align: top;
}

#biostudies-citation .value {
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
}

#biostudies-citation .value::-moz-selection, #biostudies-citation .value::selection,
#biostudies-citation .value i::-moz-selection, #biostudies-citation .value i::selection{
    background: #fff8ce;
}

#bibtex.value {
    white-space: pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    word-wrap: break-word;
    background: none;
    border: none;
    font-size: 10pt;
    display: inline-block;
}

ul.recommendations li {
    margin-bottom: 5pt;
}

.filetoolbar {
    clear:both;
    display: flex;
}

.filetoolbar a[disabled]{
    clear:both;
}

#biostudies-secret {
    text-align: center;
}

#secret-copied {
    color: green;
    display: none;
}

#clear-file-filter {
    margin-left: 5px;
}

.sdrf-sample-attribute-column {
    background: #75c8ec30;
}

.sdrf-variable-column {
    background: #B0B0B030;
}

.sdrf-assay-column {
    background: #60ECDF30;
}

#advanced-search {
    cursor: pointer;
    padding: 0 4pt 0 0;
    float: right;
    line-height: inherit
}
.col-advsearch-input {
    height: 16pt;
    font-size: 10pt;
    width: auto;
    margin-bottom: auto;
}

span.file-list-buttons {
    font-size: 12pt;
}

span.file-list-buttons .fa-file-download {
    margin-right: 2px;
}

#file-list_filter input {
    width: 140px;
}
.author-card, .attribute-card {
    position: absolute;
    background: #fafafa;
    padding: 6pt;
    border: 1px solid darkgray;
    z-index: 999999;
    display: none;
    max-width: 500px;
    cursor: text;
}
.attribute-container:hover .attribute-card {
    display: inline-block;
}
.attribute-card:empty {
    display: none !important;
}
.author-name:hover .author-card{
    display:block;
}
.progress-meter-text {
    margin-left: 10px;
}

.bs-section-files-text {
    color: #444444;
    padding-right: 4pt;
}

#select-all-files {
    padding: 0pt;
}
.download-files-container {
    text-align: center;
    padding-top: 1em;
}

.annotation-icon {
    color: var(--B2);
    margin-left: 2px;
    border: 0;
    background-color: inherit !important;
}

.tooltip.right::before {
    border-color: transparent var(--B5) transparent transparent;;
}

.annotation-tooltip {
    max-width: inherit;
    background: var(--B5);
    padding: 6pt;
    color: #222222;
}