@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Open+Sans&family=Roboto&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap");

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 0.75rem;
}

:root {
    --bg-scrollbar: #f5f5f5;
    --table-outline: #cccccc;
    --bg-caption: #d7d9e9;
    --color-title-caption: #25252d;
    --bg-thead: #eeeeee;
    --color-title-th: #25252d;
    --space-around: 1.25rem;
    --default-padding: 0.84rem;
    --text-color-button: #ffffff;
    --bg-button: #3483ff;
    --hover-button: #2d70d9;
}



.last-element td.division-line {
	height: 5px;
	padding: 0;
	background-color: #bbbbbb;
}

.standard-table tr.last-element:nth-last-child(1) {
    display: none;
}

.back-grid-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 1.25rem 4rem;
}

.back-grid-button {
    display: flex;
    align-items: center;
    padding: var(--default-padding);
	text-decoration: none;
    cursor: pointer;
    background-color: var(--bg-button);
    border-radius: 0.42rem;
}

.back-grid-button:hover {
    background-color: var(--hover-button);
}

.back-grid-button img {
    width: 1.66rem;
    height: 1.66rem;
    margin-right: var(--default-padding);
}

.back-grid-button span {
    color: var(--text-color-button);
    font-family: "Inter", sans-serif;
}

.summary-finality-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: var(--space-around);
}

.summary-finality-container section {
    width: 95%;
    margin-bottom: 4rem;
}

.standard-table {
    font-weight: normal;
    border-collapse: collapse;
    border: 1px solid var(--table-outline);
    width: 100%;
}

.standard-table caption {
    padding: var(--default-padding);
    font-size: 1.083rem;
    font-weight: 700;
    font-family: "Open Sans", sans-serif;
    color: var(--color-title-caption);
    background-color: var(--bg-caption);
}

.standard-table th {
    border: 1px solid var(--table-outline);
    padding: 0.5rem;
    text-align: left;
    font-weight: 700;
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    color: var(--color-title-th);
    border: 1px solid var(--table-outline);
    background-color: var(--bg-thead);
}

.description {
	text-align: justify;
}

.standard-table td {
    padding: 0.5rem;
    font-size: 0.92rem;
    color: var(--color-text-td);
    font-family: "Oswald", sans-serif;
    border: 1px solid var(--table-outline);
	background-color: #ffffff;
}

.not-found-data {
	text-align: center;
}

section.associated-metadata,
section.associated-artifacts,
section.associated-legal-grounds,
section.sharing-data {
	max-height: 391px;
	overflow-y: auto;
}

section.associated-metadata caption, section.associated-metadata th, 
section.associated-artifacts caption, section.associated-artifacts th,
section.associated-legal-grounds caption, section.associated-legal-grounds th,
section.sharing-data caption, section.sharing-data th {
	position: sticky;
}

section.associated-metadata caption,
section.associated-artifacts caption,
section.associated-legal-grounds caption,
section.sharing-data caption {
	top: 0; 
}

section.associated-metadata th,
section.associated-artifacts th,
section.associated-legal-grounds th,
section.sharing-data th {
	top: 38.1px; 
}

.float-button {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 1rem;
    bottom: 1.5rem;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    visibility: hidden;
    cursor: pointer;
    color: var(--text-color-button);
    margin-left: var(--default-padding);
    background-color: var(--bg-button);
}

.float-button:hover {
    background-color: var(--hover-button);
}

.float-button.active {
    visibility: visible;
}

.arrow-up img {
    width: 2.5rem;
    height: 2.5rem;
}

@media (max-width: 426px) {
    .summary-finality-container {
        margin: 0;
    }
}