.collapseButton {
    position: relative;
    top: 4px;
}

.sectionExpanded .collapseButton {
    content: url(images/tree_responses_acknow_minus.png);
}

.sectionCollapsed .collapseButton {
    content: url(images/tree_responses_acknow_plus.png);
}

.sectionExpanded .snapshotSectionContent {
    display: block;
}

.sectionCollapsed .snapshotSectionContent {
    display: none;
}

.snapshotSection {
    padding-bottom: 10px;
}

.snapshotSectionTable {
    width: 100%;
    border-collapse: collapse;
}

.snapshotSectionTable > tbody > tr {
    border: 1px solid #e7e7e7;
}

.snapshotSectionTable > tbody > tr > td {
    padding: 5px;
    display: block;
}

.snapshotSectionContent > td {
    padding: 15px !important;
}

.snapshotSectionHeader {
    cursor: pointer;
}

.snapshotOverviewHeader {
    cursor: default;
}

.snapshotSectionHeader span,
.snapshotOverviewHeader span {
    font-weight: bold;
}

.snapshotPackageText {
    color: #675348;
    font-weight: bold;
    font-size: medium;
}

.snapshotTasksTabTitle,
.overviewCardHeading {
    font-weight: bold;
}

.snapshotDataGrid {
    padding-top: 10px;
    padding-bottom: 25px;
}

.snapshotDataGrid .standardButtonrgSortAsc {
    background: url(images/grid_column_sort_ascending.png) no-repeat center;
}

.snapshotDataGrid .standardButtonrgSortDesc {
    background: url(images/grid_column_sort_descending.png) no-repeat center;
}

.snapshotDataGrid .standardButtonrgSortAsc,
.snapshotDataGrid .standardButtonrgSortDesc {
    border: none;
    padding: 0 2px 0 2px;
    width: 1em;
}

.snapshotDataGrid .standardButton {
    display: none;
}

.snapshotAttachmentsGuidance {
    font-style: italic;
}

.aiAssistIcon {
    vertical-align: middle;
}

.overviewCardsGrid {
    display: grid;
    grid-template-columns: 30% 70%;
    grid-auto-rows: auto;
}

.overviewCardsGrid > div {
    border: 1px solid #e7e7e7;
    padding: 15px 10px 10px 10px;
    margin-top: 10px;
}

.overviewCardsGrid #AISummaryCard,
.overviewCardsGrid #LinksCard,
.overviewCardsGrid #MetadataCard {
    grid-column: 1 / -1;
}

.overviewCardsGrid #WorkflowProgressCard {
    margin-right: 10px;
}

.overviewCardsGrid #AISummaryCard {
    background-color: #f3f4f6;
}

.overviewCardsGrid #LinksCard,
.overviewCardsGrid #MetadataCard {
    border-right: none;
    border-left: none;
    border-bottom: none;
    padding-left: 0;
    padding-right: 0;
}

.snapshotJumpLinks {
    padding-top: 15px;
}

.snapshotJumpLinks > a {
    color: -webkit-link;
    padding-right: 25px;
}

.workflowProgressChart {
    anchor-name: --workflowProgressChart;
}

.workflowChartTitle {
    position: absolute;
    position-anchor: --workflowProgressChart;
    position-area: center;
    right: 100px;
    text-align: center;
}

.workflowChartTitle > span:first-child {
    font-size: large;
    font-weight: bold;
}

#OverallStatusCard {
    display: flex;
    flex-direction: column;
}

.overallStatusPercentTitle {
    color: #595959;
    padding-top: 25px;
}

.overallStatusPercent {
    font-size: xxx-large;
    font-weight: bold;
    padding-bottom: 25px;
}

.aiSummaryText, .aiSummaryError {
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 5px;
    text-wrap: wrap;
}

.aiSummaryError {
    color: #A80000;
    font-style: italic;
}

#MetadataCard {
    display: grid;
    grid-template-columns: max-content auto max-content auto;
    row-gap: 10px;
}