/* General */
svg:not([style]) {
    height: 20px;
}

.sticky_header {
    box-sizing: border-box;
    position: fixed;
    top: 120px;
    left: 260px;
    padding: 0 45px;
    z-index: 500;
    background-color: var(--alignvu-white);
    padding-bottom: 2px;
    width: calc(100vw - 260px);
}

.report_panel {
    padding-bottom: 20px;
    /* margin-top: 95px; */
}

.report_panel h2 {
    font-size: 14px;
}

.header_links {
    /* float: right; */
}

text {
    font-size: 13px;
}

.header_links label {
    margin-left: 20px;
    white-space: nowrap;
    font-size: 14px;
    position: relative;
    padding-left: 21px;
}

.header_links select {
    margin-left: 5px;
    position: relative;
    top: -2px;
}

.header_links input[type=checkbox] {
    position: relative;
    top: 1px;
    border: 1px var(--alignvu-mid-grey) solid;
    box-shadow: 0 0 5px rgb(151 151 151 / 50%);
}

.header_links select:focus {
    outline: none;
}

.header_links svg {
    height: 18px;
    width: 18px;
    position: absolute;
    float: left;
    left: 0px;
}

.sub_header_strip {
    display: flex;
    justify-content: space-between;
    align-items: end;
    box-sizing: border-box;
    border-bottom: 1px #c6d4d0 solid;
    margin-top: 18px;
    padding-bottom: 10px;
    font-size: 14px;
    background-color: var(--alignvu-white);
}

.sub_sub_header_strip {
    box-sizing: border-box;
    padding-top: 20px;
    position: fixed;
    z-index: 6;
    top: 213px;
    width: calc(100vw - 350px);
    left: 305px;
    margin-top: 0px;
    justify-content: start;
}

.reference_group_code_classification {
    clear: both;
    position: relative;
    padding-left: 205px;
    font-size: 12px;
}

.reference_group_code_classification_header {
    position: fixed;
    top: 230px;
    z-index: 10000;
    width: calc(100% - 555px);
    background-color: var(--alignvu-white);
    margin-bottom: 20px;
}

.reference_group_code_classification .classification_toggle {
    float: left;
    position: absolute;
    left: 0px;
    width: 145px;
    font-size: 14px;
}

#reference_group_baseline_area .sub_sub_header_strip {
    margin-top: -22px;
    margin-bottom: -10px;
    padding-top: 20px;
}

.entity-baseline-chart-container {
    width: 100%;
    display: grid;
    grid-template-columns: 150px 1fr;
    grid-gap: 1rem;
    margin-bottom: 5px;
}

.entity-baseline-bar-container {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.entity-baseline-chart,
.model-entity-baseline-chart {
    width: 100%;
    position: relative;
    /* 	height: 20px; */
}

.dataflow_baseline_barchart .dataflow_baseline_barchart_date_label:not(:first-child) {
    margin-top: 2em;
}

.aligned-baseline-chart-container,
.aligned-baseline-entity-headers {
    display: grid;
    grid-template-columns: 120px 120px repeat(5, 1fr) 100px;
    grid-gap: 1rem;
    height: fit-content;
    margin-top: 0px;
    justify-content: start;
    margin-bottom: 10px;
    align-items: start;
}

.aligned-baseline-entity-headers {
    margin: 0;
    margin-bottom: 20px;
}

.aligned-baseline-chart-container.sub_source {
    margin: 2px 0;
}

.aligned-baseline-chart-container p {
    font-size: 13px;
    /* font-weight: lighter; */
    color: var(--alignvu-text);
    margin: 0;
    /* align-self: center; */
}


.aligned-baseline-chart-container .providerProductName {
    display: flex;
    flex-direction: column;
}

.aligned-baseline-chart-container.sub_source p {
    font-style: italic;
    font-size: 12px;
    margin: 5px 0;
    padding-left: 10px;
}

.aligned-baseline-chart-container p.consolidated {
    color: var(--alignvu-alignify-grey);
    cursor: pointer;
    font-weight: normal;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.aligned-baseline-chart-container p.consolidated span {
    display: flex;
}

.aligned-baseline-chart-container .totals {
    /* align-self: center; */
}

.aligned-baseline-chart-container .totals p {
    margin: 0;
    white-space: nowrap;
}

.aligned-baseline-chart-container > svg {
    width: 100%;
}

div[data-view="dataflow audit aligned record"] .aligned-baseline-chart-container > div svg {
    width: 100%;
}

.aligned-baseline-chart-container > div svg {
    width: 100%;
}

.aligned-baseline-chart-container div a {
    font-size: 10px;
    cursor: pointer;
}

.aligned-baseline-chart-container div > a {
    max-width: 56px;
    width: 100%;
    /* margin-left: 5px; */
    margin-top: 1px;
    color: var(--alignvu-white);
    display: flex;
    align-items: center;
    min-height: 16px;
    border-radius: 3px;
    margin-bottom: 0px;
    min-width: 25px;
    justify-content: center;
    text-align: center;
    margin-right: 2px;
}

.report_panel .changes a.add {
    background-color: var(--alignvu-added);
}

.report_panel .changes a.change {
    background-color: var(--alignvu-changed);
}

.report_panel .changes a.changeFeed {
    background-color: var(--alignvu-purple);
}

.report_panel .changes a.delete {
    background-color: var(--alignvu-removed);
}

.report_panel .changes a.dedupe {
    background-color: var(--alignvu-orange-tint);
    color: var(--alignvu-alignify-grey);
}

.aligned-baseline-entity-headers h2 {
    box-sizing: border-box;
    /* height: fit-content; */
    background-color: #f1f1f1;
    font-size: 13px;
    /* text-align: left; */
    border-radius: 5px;
    color: var(--alignvu-text);
    display: flex;
    align-items: center;
    padding: 5px 0;
    justify-content: center;
    margin: 0;
    align-content: center;
    flex-direction: column;
}

.report_panel h2 .small-text-notice {
    font-size: 12px;
}

.dataflow-model-field-baseline .small-text-notice,
.report_panel .small-text-notice {
    font-size: 12px !important;
    font-style: italic !important;
    font-weight: bold !important;
}

.aligned-baseline-chart-container .changes {
    display: flex;
}

.provider_product_xsd {
    cursor: pointer;
}

#field-baseline-source-filter-modal .modal-body,
#entity-baseline-source-filter-modal .modal-body,
#program-baseline-source-filter-modal .modal-body,
#transformations-source-filter-modal .modal-body,
#entity-baseline-vendors-filter-modal .modal-body,
#entity-record-latency-audits-modal .modal-body {
    height: 50vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 5px;
}

#field-baseline-source-filter-modal .comparison-header,
#entity-baseline-source-filter-modal .comparison-header,
#program-baseline-source-filter-modal .comparison-header,
#transformations-source-filter-modal .comparison-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#field-baseline-source-filter-modal h2,
#entity-baseline-source-filter-modal h2,
#program-baseline-source-filter-modal h2,
#transformations-source-filter-modal h2,
#entity-baseline-vendors-filter-modal h2,
#entity-record-latency-audits-modal h2 {
    font-size: 16px;
}

.consolidation-source-switch {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 5px;
}

.consolidation-source-switch p {
    margin: 0;
    /* margin-left: 1rem; */
    font-size: 14px;
}

#field-baseline-source-filter-modal .checkbox-selection-option,
#entity-baseline-source-filter-modal .checkbox-selection-option,
#program-baseline-source-filter-modal .checkbox-selection-option,
#transformations-source-filter-modal .checkbox-selection-option,
#entity-baseline-vendors-filter-modal .checkbox-selection-option {
    height: 100%;
    box-sizing: border-box;
}

#field-baseline-source-filter-modal .checkbox-selection-option label,
#entity-baseline-source-filter-modal .checkbox-selection-option label,
#program-baseline-source-filter-modal .checkbox-selection-option label,
#transformations-source-filter-modal .checkbox-selection-option label,
#entity-baseline-vendors-filter-modal .checkbox-selection-option label {
    line-height: unset;
}

#field-baseline-source-filter-modal .toggle-switch,
#entity-baseline-source-filter-modal .toggle-switch,
#program-baseline-source-filter-modal .toggle-switch,
#transformations-source-filter-modal .toggle-switch,
#entity-baseline-vendors-filter-modal .toggle-switch {
    background-color: var(--alignvu-alignify-grey);
}

#entity-baseline-source-filter .entity-baseline-source-filter-grid,
#program-baseline-source-filter .program-baseline-source-filter-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem;
}

.provider_product {
    clear: both;
    position: relative;
    padding-left: 165px;
    font-size: 12px;
}

.provider_product div.code {
    float: left;
    position: absolute;
    left: 10px;
    top: 18px;
    width: 85px;
    padding-left: 20px;
}

.provider_product img {
    float: left;
    position: absolute;
    top: 14px;
    height: auto;
    width: 20px;
    border: 1px var(--alignvu-mid-grey) solid;
    border-radius: 4px;
    box-shadow: 0 0 5px rgb(151 151 151 / 50%);
    padding: 3px;
}

.provider_product img.regime {
    left: 100px;
}

.provider_product img.list {
    left: 133px;
}

.provider_product img.graph {
    left: 166px;
}

.provider_product span.list_name {
    position: absolute;
    left: 20px;
    top: 17px;
    float: left;
    z-index: 2;
    background-color: var(--alignvu-white);
    padding: 3px;
    border: 1px solid var(--alignvu-text);
    font-size: 10px;
    white-space: nowrap;
}

.entity-baseline-chart-container .provider_product {
    display: flex;
    justify-content: center;
    /* align-items: end; */
    flex-direction: column;
    margin: 0;
    padding: 0;
    height: 100%;
}

.entity-baseline-chart-container .provider_product > div {
    color: var(--alignvu-text);
    font-size: 13px;
    height: fit-content;
    /* text-align: end; */
    display: flex;
    /* justify-content: end; */
    align-items: center;
}

.entity-baseline-chart-container .provider_product > span {
    color: #999999;
    height: 55px;
    margin: auto 0;
    text-align: end;
    display: flex;
    justify-content: end;
    align-items: center;
}

.line_area_header span {
    text-align: center;
    display: block;
    width: 100%;
    font-size: 12px;
}

.line_area_header div {
    display: block;
    border: 1px dashed var(--alignvu-text);
    margin-top: 2px;
    border-bottom: 0px;
    width: calc(100% - 2px);
    height: 10px;
}

.line_area {
    float: left;
    overflow: hidden;
    position: relative;
}

.line_area_split {
    margin-right: 10px;
}

.last {
    margin-right: 0px;
}

.line_area_1 {
    width: calc(89% - 21px);
}

.line_area_split_2 {
    width: calc((100% - 10px) / 2);
}

.line_area_split_3 {
    width: calc((100% - 20px) / 3);
}

.line_area_split_4 {
    width: calc((100% - 30px) / 4);
}

.line_area_split_5 {
    width: calc((100% - 40px) / 5);
}

.line_area_split_6 {
    width: calc((100% - 50px) / 6);
}

.line_area_split_7 {
    width: calc((100% - 60px) / 7);
}

.line_area_split_8 {
    width: calc((100% - 70px) / 8);
}

.line_area_split_9 {
    width: calc((100% - 80px) / 9);
}

.line_area svg {
    height: 115px;
    width: 0%;
}

.line_area_single svg {
    height: 55px;
    background-color: #F6F6F6
}

.line_area svg .label:hover,
.line_area svg rect:hover {
    cursor: pointer;
}

.baseline_total {
    position: absolute;
    fill: #797979;
    font-size: 12px;
    text-align: right;
    visibility: hidden;
    /* top: 17.5px; */
}

div.non_regulator_selection {
    float: right;
}

div.non_regulator_selection label {
    font-size: 14px;
}

div.non_regulator_selection div {
    display: inline-block;
    background-color: var(--alignvu-white);
    border-radius: 10px;
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    box-shadow: 0 0 15px rgba(180, 180, 180, 0.5);
}

div.non_regulator_selection div select,
div.non_regulator_selection div select:focus {
    background-color: transparent;
    color: var(--alignvu-text);
    outline: none;
    border: 0px;
    font-size: 12px;
    box-shadow: none;
}

/* Entity Baseline / Daily Changes / Reference Group Code*/
#program-baseline-container,
#list-baseline-container,
#dataflow-baseline-container,
#dataflow-alignment-container,
.entity_baseline_area,
#changes_latency_area,
#dataflow_area,
#reference_group_baseline_area,
#reference_group_code_regime_list_chart,
#profiling_area,
#impact_assessment_area,
#search_results_area {
    clear: both;
    position: relative;
    display: block;
    position: relative;
}

.report_panel .entity-assessment-force-link-table-modal h2 {
    font-size: unset;
}

.dataflow_baseline_barchart .dataflow_baseline_barchart_date_label h2 {
    font-weight: bold;
    margin: 5px 0;
}

.record_baseline_barchart {
    padding-top: 70px;
    /*width: 1800px; */
}

.entity_baseline_barchart rect,
.record_baseline_barchart rect {
    cursor: pointer;
}

#reference_group_baseline_barchart {
    /* padding-top: 60px; */
}

#dataflow_program_baseline_area #reference_group_baseline_barchart,
#dataflow_list_baseline_area #reference_group_baseline_barchart {
    /* padding-top: 100px; */
}

#reference_group_baseline_barchart .reference_group_code_classification_header {
    top: 245px;
}

.entity_baseline_area .header_links {
    position: fixed;
    top: 215px;
    left: calc(((100% - 500px) / 2) + 158px);
    width: calc((100% - 500px) / 2 + 247px);
    z-index: 10001;
    text-align: right;
    background-color: var(--alignvu-white);
}

#profiling_entity_baseline_barchart .provider_product {
    padding-bottom: 20px;
}

#reference_group_baseline_area .provider_product,
#reference_group_code_regime_list_chart .provider_product {
    padding-left: 230px;
}

#search_results_area .reference_group_code_classification_header {
    top: 240px;
}

#search_results_area h2 {
    position: fixed;
    top: 200px;
    z-index: 10000;
    width: calc(100% - 400px);
    background-color: var(--alignvu-white);
    padding-top: 20px;
    padding-bottom: 20px;
}

#reference_group_baseline_area .provider_product_spacing,
#reference_group_code_regime_list_chart .provider_product_spacing {
    height: 50px;
    width: 0px;
    border-right: 1px solid var(--alignvu-text);
}

#reference_group_baseline_area .blank_line {
    display: block;
    height: 15px;
    border-left: 1px solid var(--alignvu-text);
}

#reference_group_baseline_area .regulator_provider_product,
#search_results_area .regulator_provider_product {
    float: left;
    position: relative;
    left: -200px;
    width: 190px;
    padding-right: 10px;
    padding-top: 0px;
    border-right: 1px solid var(--alignvu-text);
    font-size: 14px;
}

#search_results_area .first_line_area {
    border-left: 1px solid var(--alignvu-text);
    width: calc(((100% - 80px) / 9) - 1px);
}

#impact_assessment_screening_impact_sars .provider_product span,
#impact_assessment_performance_times .provider_product span {
    float: left;
    position: absolute;
    left: 10px;
    top: 18px;
    width: 125px;
    padding-left: 20px;
}

#reference_group_code_regime_list_chart .provider_product div.code,
.entity_baseline_area .provider_product div.code {
    left: 0px;
    padding-left: 0px;
    width: 160px;
}

.entity_baseline_area .provider_product div.code {
    width: 125px;
}

.entity_baseline_area p,
#reference_group_baseline_area p {
    font-weight: normal;
    margin: 0;
}

.entity_baseline_area .no_product,
#profiling_entity_baseline_barchart .no_product {
    padding-top: 19px;
}

.entity_baseline_area .sub_source_provider_product {
    padding-bottom: 25px;
    padding-left: 15px;
    width: calc(11% - 15px);
    max-width: 115px;
}

.entity_baseline_area .last_sub_source {
    padding-bottom: 60px;
}

#profiling_entity_baseline_barchart .provider_product span {
    font-size: 10px;
    float: right;
    margin-top: 35px;
    margin-bottom: 10px;
}

#profiling_entity_baseline_barchart .provider_product span {
    margin-top: 2px;
}

.entity_baseline_area .no_product span {
    margin-top: 43px;
}

#profiling_entity_baseline_barchart .no_product span {
    margin-top: 0px;
    margin-bottom: 15px;
}

.entity_baseline_area .provider_product a {
    display: block;
    text-decoration: none;
    color: var(--alignvu-text);
}

.entity_baseline_area .provider_product_blank {
    padding-bottom: 10px;
    height: 12px;
}

.entity_baseline_area .line_area_split_2 {
    width: calc(((89% - 21px) - 140px - 10px) / 2);
}

#reference_group_baseline_area .line_area_split_2,
#reference_group_code_regime_list_chart .line_area_split_2 {
    width: calc((100% - 11px) / 2);
    border-left: 1px solid var(--alignvu-text);
}

#reference_group_baseline_area .scroll_area {
    margin-top: 37px;
}

#reference_group_code_regime_list_chart .line_area_split_2 {
    padding-bottom: 40px;
}

#reference_group_code_regime_list_chart .line_area_header {
    padding-bottom: 0px;
}

#reference_group_baseline_area .last,
#reference_group_code_regime_list_chart .last {
    margin-right: 0px;
    border-left: 0px;
}

#reference_group_code_changes_area,
#reference_group_code_regime_list_area {
    float: left;
    position: fixed;
    left: calc(15% - 20px);
    top: 180px;
    z-index: 10002;
    background-color: var(--alignvu-white);
    width: 70%;
    height: 730px;
    padding: 20px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 12px;
}

#reference_group_code_regime_list_chart .scroll_area {
    overflow: auto;
    height: 630px;
}

#reference_group_code_changes_area h2,
#reference_group_code_regime_list_area h2 {
    font-size: 16px;
}

#reference_group_code_changes_area span,
#reference_group_code_regime_list_area span {
    font-size: 14px;
}

#reference_group_code_changes_area svg {
    display: block;
    width: 100%;
    height: 300px;
    margin-bottom: 40px;
}

#reference_group_code_changes_area svg .count_line {
    fill: none;
    stroke-width: 1.5px;
}

#reference_group_code_changes_area svg .reference_group_code_change_0,
#reference_group_code_changes_area svg .label_0 {
    fill: var(--alignvu-mid-grey);
}

#reference_group_code_changes_area svg .count_line_0 {
    stroke: var(--alignvu-mid-grey);
}

#reference_group_code_changes_area svg .reference_group_code_change_1,
#reference_group_code_changes_area svg .label_1 {
    fill: var(--alignvu-alignify-grey);
}

#reference_group_code_changes_area svg .count_line_1 {
    stroke: var(--alignvu-alignify-grey);
}

#reference_group_code_changes_area svg .reference_group_code_change_2,
#reference_group_code_changes_area svg .label_2 {
    fill: var(--alignvu-light-grey);
}

#reference_group_code_changes_area svg .count_line_2 {
    stroke: var(--alignvu-light-grey);
}

#reference_group_code_changes_area .key_line {
    stroke: var(--alignvu-text);
    stroke-width: 1px;
}

#reference_group_code_changes_area .label {
    fill: var(--alignvu-text);
    font-size: 12px;
}

.program-baseline-chart-container,
.program-baseline-chart-headers {
    display: grid;
    /* grid-template-columns: 100px 100px 100px repeat(2, 1fr); */
    grid-template-columns: 100px 100px 175px 1fr 120px;
    grid-gap: 0 1rem;
    margin-bottom: 5px;
    /* width: max-content; */
}

.list-baseline-chart-container,
.list-baseline-chart-headers {
    display: grid;
    grid-template-columns: 100px 100px 100px 185px 1fr 120px;
    grid-gap: 0 1rem;
    margin-bottom: 5px;
}

.dataflow-native-field-baseline .grid-header {
    box-sizing: border-box;
    /* position: fixed;
    top: 222px;
    width: calc(100vw - 260px); */
    margin: 0 -45px;
    /* padding: 0 20px; */
    background-color: white;
    z-index: 5;
    border-bottom: 1px solid #999999;
}

.dataflow-model-field-baseline .grid-header {
    box-sizing: border-box;
    /* position: fixed;
    top: 222px;
    width: calc(100vw - 260px); */
    margin: 0 -45px;
    /* padding: 0 20px; */
    background-color: white;
    z-index: 5;
    border-bottom: 1px solid #999999;
}

.grid-header,
.program-baseline-chart-headers,
.list-baseline-chart-headers {
    box-sizing: border-box;
    /* position: fixed;
    top: 222px;
    width: calc(100vw - 260px); */
    /* margin: 0 0 0 -45px; */
    /* padding: 0 0 0 45px; */
    background-color: white;
    z-index: 5;
    border-bottom: 1px solid #999999;
}

.program-baseline-chart-headers .header-lines,
.list-baseline-chart-headers .header-lines {
    display: block;
    border: 1px dashed var(--alignvu-text);
    margin-top: 2px;
    border-bottom: 0px;
    width: calc(100% - 2px);
    height: 10px;
}

.grid-header h2,
.program-baseline-chart-container h2,
.list-baseline-chart-container h2 {
    margin: 0;
    font-size: 13px;
    color: var(--alignvu-text);
    font-weight: normal;
    margin-top: 5px;
}

.program-baseline-chart-container h2.product {
    grid-column: 3;
    cursor: auto !important;
    color: var(--alignvu-text) !important;
}

.list-baseline-chart-container h2.product {
    grid-column: 4;
    cursor: auto !important;
    color: var(--alignvu-text) !important;
}

.list-baseline-chart-container h2.jurisdiction {
    cursor: auto !important;
    color: var(--alignvu-text) !important;
}

.program-baseline-chart-container h2:not(.program),
.list-baseline-chart-container h2:not(.program) {
    color: var(--alignvu-alignify-grey);
    cursor: pointer;
    height: fit-content;
    word-break: break-word;
}

.program-baseline-chart-container div[onclick] h2.product,
.list-baseline-chart-container div[onclick] h2.product {
    color: var(--alignvu-alignify-grey) !important;
    cursor: pointer !important;
}

.program-baseline-chart-container h2.consolidation,
.list-baseline-chart-container h2.consolidation {
    font-style: italic;
    font-size: 12px;
    padding-left: 1em;
}

.program-baseline-chart-container h2.code,
.list-baseline-chart-container h2.code {
    pointer-events: none;
}

.program-baseline-chart-container .program {
    grid-column: 2;
}

.list-baseline-chart-container .type {
    grid-column: 2;
}

.list-baseline-chart-container .program {
    grid-column: 3;
}

.program-baseline-chart-container svg,
.list-baseline-chart-container svg {
    width: 100%;
    height: 40px;
    cursor: pointer;
}

/* Entity Baseline */
.baseline-legend {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 5px;
}

.baseline-legend > span {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* margin: 0 1rem; */
    color: #b5b5b5;
}

.baseline-legend > span p {
    font-size: 13px;
    margin: 0;
}

.entity_baseline_area .in-page-actions,
#reference_group_baseline_area .program-baseline-header,
#reference_group_baseline_area .list-baseline-header,
#dataflow_program_baseline_area .program-baseline-header,
#dataflow_program_alignment_area .program-baseline-header,
#dataflow_list_baseline_area .list-baseline-header,
.dataflow_alignment_baseline_header {
    box-sizing: border-box;
    position: sticky;
    top: 110px;
    /* width: calc(100vw - 260px); */
    /* padding: 0 50px; */
    /* margin: 0 -50px; */
    background-color: white;
    z-index: 5;
}

.grid-header p,
.program-baseline-chart-headers p,
.list-baseline-chart-headers p {
    font-size: 13px;
}

#reference_group_baseline_area .in-page-actions {
    padding: 0;
}

.entity_baseline_area .line_area_split_3 {
    width: calc(((89% - 21px) - 140px - 20px) / 3);
}

.entity_baseline_area .line_area_split_4 {
    width: calc(((89% - 21px) - 140px - 30px) / 4);
}

.entity_baseline_area .line_area_split_5 {
    width: calc(((89% - 21px) - 140px - 40px) / 5);
}

.entity_baseline_area .sub_source svg {
    height: 55px;
}

.entity_baseline_area .line_area svg .label,
#reference_group_baseline_area .line_area svg .label,
#reference_group_code_regime_list_chart .line_area svg .label,
#profiling_area .line_area svg .label {
    font-size: 10px;
}

.entity_baseline_area .aligned_baseline_total {
    position: relative;
    display: block;
    width: 140px;
    color: var(--alignvu-text);
}

.entity_baseline_area h2.deduplication {
    margin-bottom: 20px;
    margin-top: 20px;
}

.entity_baseline_area td,
.entity_baseline_area th {
    text-align: left;
    padding-right: 20px;
    font-size: 12px;
    color: var(--alignvu-text);
}

.entity_baseline_area th {
    font-size: 14px;
}

#select_days {
    width: 75px;
}

#deduplication_grid_area {
    clear: both;
    margin-top: 50px;
    width: 70vw;
}

#deduplication_grid_area .source-row,
#deduplication_grid_area .sub-source-row {
    display: grid;
    grid-template-columns: 200px repeat(7, 90px);
    grid-gap: 4px;
    grid-auto-flow: dense;
}

#deduplication_grid_area .source-row:not(.dedup) {
    margin-top: 1rem;
}

#deduplication_grid_area .dedup {
    margin-bottom: 1rem;
}

#deduplication_grid_area p {
    font-size: 12px;
    margin: 0;
}

#deduplication_grid_area p.green {
    color: var(--alignvu-green);
}

#deduplication_grid_area p.red {
    color: var(--alignvu-red);
}

#deduplication_grid_area .source-row p {
    font-weight: normal;
}

#deduplication_grid_area .name {
    grid-column: 1;
}

#deduplication_grid_area .aircraft {
    grid-column: 2;
}

#deduplication_grid_area .organisation {
    grid-column: 3;
}

#deduplication_grid_area .place {
    grid-column: 4;
}

#deduplication_grid_area .vessel {
    grid-column: 5;
}

#deduplication_grid_area .individual {
    grid-column: 6;
}

#deduplication_grid_area .total {
    grid-column: 7;
}

.entity_baseline_area tr.deduplication_source td {
    font-weight: bold;
    font-size: 14px;
}

#deduplication_grid_area tr.deduplication_source td.kpi {
    color: var(--alignvu-green);
    font-size: 16px;
}

/* Profiling */
#profiling_area h2 {
    margin-bottom: 0px;
}

#profiling_area #cluster_alignment_barchart .line_area {
    float: left;
    width: calc(50% - 10px);
    margin-right: 10px;
}

#profiling_area #cluster_alignment_barchart .line_area div {
    position: relative;
    display: block;
    float: left;
    width: 110px;
    height: 300px;
}

#profiling_alignment_barchart {
    margin-top: 35px;
}

#profiling_area .chart_header {
    display: block;
    width: 100%;
}

#profiling_area .line_area svg rect:hover,
#profiling_area .line_area svg text:hover {
    cursor: default;
}

#profiling_area #cluster_alignment_barchart .line_area {
    clear: both;
    margin-bottom: 20px;
}

#profiling_area #cluster_alignment_barchart .line_area svg {
    height: 0px;
    width: 100%;
}

#profiling_area #cluster_alignment_barchart .line_area svg rect:hover,
#profiling_area #cluster_alignment_barchart .line_area svg text:hover {
    cursor: pointer;
}

#profiling_area #cluster_alignment_barchart .line_area .source_list {
    clear: both;
    float: none;
    width: 100%;
    height: auto;
}

#profiling_area #cluster_alignment_barchart .line_area .source_list span {
    float: left;
    width: 106px;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 12px;
    text-align: center;
}

#profiling_area .kpi {
    float: right;
    margin-bottom: 20px;
}

#profiling_area .kpi table,
#profiling_deduplication_entity_types_area .kpi table {
    font-size: 12px;
    border-spacing: 0px;
    margin-top: 30px;
}

#cluster_alignment_barchart .kpi {
    min-width: 525px;
}

#profiling_area .kpi_table:hover {
    cursor: pointer;
    background-color: #f0f0f0;
}

#profiling_area .kpi table td,
#profiling_deduplication_entity_types_area .kpi table td {
    padding: 0px;
    padding-left: 5px;
    padding-right: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    vertical-align: middle;
}

#profiling_area .kpi table td.row_label,
#profiling_deduplication_entity_types_area .kpi table td.row_label {
    text-align: left;
    border-right: 1px solid var(--alignvu-text);
    width: 120px;
}

#profiling_area .kpi table td.entity_type,
#profiling_deduplication_entity_types_area .kpi table td.entity_type {
    border-top: 1px solid var(--alignvu-text);
    position: relative;
    top: -1px;
    white-space: nowrap;
}

#profiling_area .kpi table td.allow_wrap {
    white-space: normal;
    width: 50px;
}

#profiling_area .kpi span,
#profiling_deduplication_entity_types_area .kpi span {
    font-size: 14px;
}

.profiling_grid_header {
    position: sticky;
    top: 245px;
    padding-top: 20px;
    z-index: 1;
    background-color: var(--alignvu-white);
    padding-bottom: 12px;
}

#profiling_area #cluster_alignment_grid table,
#profiling_area #field_alignment_grid table {
    clear: both;
    font-size: 12px;
    border-spacing: 0px 20px;
    width: 100%;
}

#profiling_area #cluster_alignment_grid table th,
#profiling_area #field_alignment_grid table th {
    color: var(--alignvu-alt-text);
    font-weight: normal;
    border-bottom: 1px solid var(--alignvu-alt-text);
}

#profiling_area #cluster_alignment_grid table th,
#profiling_area #cluster_alignment_grid table td,
#profiling_area #field_alignment_grid table th,
#profiling_area #field_alignment_grid table td {
    padding: 0px;
    padding-left: 5px;
    padding-right: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
}

#profiling_area #cluster_alignment_grid table td,
#profiling_area #field_alignment_grid table td {
    background-color: #F3F5F6;
}

#profiling_area #field_alignment_grid table td.total {
    font-weight: bold;
    font-size: 14px;
}

#profiling_area #cluster_alignment_grid table tr:hover {
    font-weight: bold;
}

#profiling_area #cluster_alignment_grid table .spacer_row td,
#profiling_area #field_alignment_grid table .spacer_row td {
    height: 10px;
    background-color: var(--alignvu-white);
}

#profiling_area .caveat {
    font-size: 12px;
}

#profiling_area .decrease,
#profiling_deduplication_entity_types_area .decrease {
    color: var(--alignvu-green);
    font-weight: bold;
    font-size: 16px;
}

#profiling_area .increase,
#profiling_deduplication_entity_types_area .increase {
    color: var(--alignvu-red-tint);
}

#profiling_deduplication_entity_types_area {
    float: left;
    position: fixed;
    left: calc(15% - 20px);
    top: 325px;
    z-index: 10002;
    background-color: var(--alignvu-white);
    padding: 20px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 12px;
}

#profiling_deduplication_entity_types_area table td.product_divide {
    border-left: 1px dashed var(--alignvu-text);
}

#profiling_entity_baseline_barchart rect.organisation:hover,
#profiling_entity_baseline_barchart rect.organisation_hover {
    fill: var(--alignvu-mid-grey);
}

#profiling_entity_baseline_barchart rect.individual:hover,
#profiling_entity_baseline_barchart rect.individual_hover {
    fill: var(--alignvu-pale-grey);
}

#profiling_entity_baseline_barchart rect.object:hover,
#profiling_entity_baseline_barchart rect.object_hover {
    fill: var(--alignvu-light-grey);
}

#profiling_entity_baseline_barchart rect.location:hover,
#profiling_entity_baseline_barchart rect.location_hover {
    fill: #138796;
}

#profiling_entity_baseline_barchart rect.product_fund_instrument:hover,
#profiling_entity_baseline_barchart rect.product_fund_instrument_hover {
    fill: #0D5862;
}

#cluster_alignment_barchart {
    min-height: 80vh;
}

.field-alignment-cluster-container {
    margin-bottom: 50px;
}

.field-alignment-cluster-container h2 {
    color: var(--alignvu-text);
}

.field-alignment-source-container,
.field-alignment-chart-headers {
    display: grid;
    grid-template-columns: 200px 1fr 1fr;
    grid-gap: 1rem;
    height: 40px;
    margin-bottom: 5px;
    align-items: center;
}

.field-alignment-chart-headers p {
    font-size: 13px;
    color: #999999;
    margin: 0;
}

.field-alignment-source-container p {
    font-size: 13px;
    color: var(--alignvu-alignify-grey);
    margin: 0;
}

.field-alignment-source-container section {
    display: grid;
    grid-template-columns: 1fr 60px;
    width: 100%;
}

.field-alignment-source-container section p {
    font-size: 10px;
    align-self: end;
    color: var(--alignvu-text);
}

.field-alignment-source-container section > svg {
    height: 40px;
    width: 99%;
}

.field-alignment-source-container .original,
.field-alignment-source-container .cleaned {
    border-radius: 5px;
}

/* Change Grid */
#changes_latency_area .header_links {
    /* position: absolute;
    left: calc(100% - 770px); */
}

#changes_latency_area .no_left_pad {
    margin-left: 3px;
    padding-left: 0px;
}

#changes_latency_area table {
    border-collapse: separate;
    border-spacing: 0 0px;
    width: 99%;
}

#changes_latency_canvas {
    clear: both;
    width: calc(100% + 15px);
    height: calc(100vh - 368px);
    overflow: auto;
    font-size: 14px;
}

#changes_latency_area th {
    background-color: var(--alignvu-white);
    border-bottom: 1px solid var(--alignvu-alt-text);
    color: var(--alignvu-alt-text);
    font-weight: normal;
    position: sticky;
    top: 0px;
    padding-top: 20px;
    z-index: 2;
}

#changes_latency_area .sub_sub_header_strip {
    justify-content: space-between;
}

#changes_latency_area td {
    vertical-align: top;
    padding-top: 15px;
    padding-right: 35px;
    padding-bottom: 15px;
    width: calc(100% / 8)
}

#changes_latency_area td.classificationcell {
    max-width: 120px;
    white-space: normal;
}

#changes_latency_area td.regulatorcell {
    max-width: 150px;
    white-space: normal;
}

#changes_latency_area td.change_column,
#changes_latency_area td.target_change_column {
    padding-right: 0px;
    font-size: 12px;
    width: 130px;
}

#changes_latency_area td.latency_change_column {
    font-size: 12px;
}

#changes_latency_area th {
    white-space: nowrap;
    text-align: left;
    padding-right: 25px;
    border: 0px;
    border-bottom: 1px var(--alignvu-alt-text) solid;
    font-weight: normal;
    vertical-align: bottom;
    padding-bottom: 5px;
    color: var(--alignvu-alt-text);
}

#changes_latency_area td a {
    text-decoration: none;
    color: var(--alignvu-text);
}

#changes_latency_area td a:hover {
    text-decoration: underline;
}

#changes_latency_area span.list_name {
    position: absolute;
    float: left;
    z-index: 2;
    width: auto;
    background-color: var(--alignvu-white);
    padding: 3px;
    border: 1px solid var(--alignvu-text);
    color: var(--alignvu-text);
    font-size: 10px;
    white-space: nowrap;
}

#changes_latency_area .native_entity_type_change,
#changes_latency_area td span.total {
    float: left;
    width: 120px;
    margin-bottom: 10px;
}

#changes_latency_area td span {
    float: left;
    width: 100%;
    padding: 5px;
    border-radius: 3px;
    margin-bottom: 2px;
    text-align: center;
    color: var(--alignvu-white);
}

#changes_latency_area .added span,
#changes_latency_area span.added {
    background-color: var(--alignvu-green);
}

#changes_latency_area .added span:hover,
#changes_latency_area span.added:hover {
    background-color: #1ABA8A;
}

#changes_latency_area .changed span,
#changes_latency_area span.changed {
    background-color: var(--alignvu-changed);
}

#changes_latency_area .changed span:hover,
#changes_latency_area span.changed:hover {
    background-color: #F2C56D;
}

#changes_latency_area .deleted span,
#changes_latency_area span.deleted {
    background-color: var(--alignvu-red-tint);
}

#changes_latency_area .deleted span:hover,
#changes_latency_area span.deleted:hover {
    background-color: #E67C7C;
}

.change_filters {
    text-align: right;
    padding-top: 35px;
    padding-bottom: 10px;
}

.change_filters select {
    max-width: 300px;
}

.change_filters select:focus {
    outline: none;
}

.change_filters label {
    font-size: 12px;
    margin-left: 20px;
}

/* Dataflow */
#dataflow_area table {
    /*border-spacing: 0px;*/
    border-collapse: separate;
    border-spacing: 0 20px;
    position: relative;
    top: -20px;
    margin: 0 -45px;
    padding: 0 45px;
}

#dataflow_area {
    /* height: calc(100vh - 277px);
    overflow: auto; */
    /* font-size: 14px;
    margin-top:60px; */
}

#dataflow_area thead,
#dataflow_area tr {
}

/* View Queue Modal styling */
.dataflow #dataflow-view-queue-modal .modal-body table,
.dataflow #dataflow-view-feed-queue-modal .modal-body table,
.dataflow #dataflow-view-feed-params-queue-modal .modal-body table {
    width: 100%;
}

.dataflow #dataflow-view-feed-queue-modal .modal-header p {
    margin: 0;
    padding: 0;
}

.dataflow #dataflow-view-feed-params-queue-modal .modal-header span.dataflow-feed-name {
    word-break: break-word;
}

.dataflow #dataflow-view-queue-modal .modal-body table,
.dataflow #dataflow-view-queue-modal .modal-body table th,
.dataflow #dataflow-view-queue-modal .modal-body table td,
.dataflow #dataflow-view-feed-queue-modal .modal-body table,
.dataflow #dataflow-view-feed-queue-modal .modal-body table th,
.dataflow #dataflow-view-feed-queue-modal .modal-body table td,
.dataflow #dataflow-view-feed-params-queue-modal .modal-body table,
.dataflow #dataflow-view-feed-params-queue-modal .modal-body table th,
.dataflow #dataflow-view-feed-params-queue-modal .modal-body table td {
    padding: 4px 8px;
    border-collapse: collapse;
    /* width: 100%; */
}

.dataflow #dataflow-view-feed-queue-modal .modal-body table thead,
.dataflow #dataflow-view-feed-params-queue-modal .modal-body table thead {
    position: sticky;
    top: 0;
    background: white;
    z-index: 10;
}

.dataflow #dataflow-view-feed-queue-modal .modal-body {
    overflow: auto;
}

.dataflow #dataflow-view-feed-queue-modal .modal-body table th,
.dataflow #dataflow-view-feed-queue-modal .modal-body table td,
.dataflow #dataflow-view-queue-modal .modal-body table th,
.dataflow #dataflow-view-queue-modal .modal-body table td,
.dataflow #dataflow-view-feed-params-queue-modal .modal-body table th,
.dataflow #dataflow-view-feed-params-queue-modal .modal-body table td {
    max-width: 10%;
    word-break: normal;
    text-align: start;
    vertical-align: top;
}

.dataflow #dataflow-view-feed-params-queue-modal .modal-body table td:not(.large) {
    word-break: break-word;
}

.dataflow #dataflow-view-feed-queue-modal .modal-body table th.large,
.dataflow #dataflow-view-feed-queue-modal .modal-body table td.large {
    max-width: max-content;
    min-width: 30%;
    width: 100%;
    word-break: break-word;
}

.dataflow #dataflow-view-feed-params-queue-modal .modal-body table th.large,
.dataflow #dataflow-view-feed-params-queue-modal .modal-body table td.large {

}

.dataflow #dataflow-view-feed-queue-modal .modal-body table td .changes {
    display: flex;
    grid-gap: 5px;
    z-index: unset;
}

#dataflow-table .download_datafeed_row {
    display: grid;
    grid-template-columns: 125px 125px 150px 150px 150px 150px 100px 100px 100px 100px 50px 850px;
    align-items: end;
    grid-gap: 5px;
}

#dataflow-table .datafeed-latest {
    grid-template-columns: 125px 125px 125px 90px 100px 100px 200px 75px 150px 100px 100px 170px 1fr;
    display: grid;
    align-items: end;
    grid-gap: 5px;
}

#dataflow-table .datafeed-drill {
    grid-template-columns: 125px 125px 125px 100px 100px 200px 75px 150px 100px 100px 170px 1fr;
    display: grid;
    align-items: end;
    grid-gap: 5px;
}

#dataflow-table .header .latest,
#dataflow-table .download_datafeed_row .latest {
    display: grid;
    grid-template-columns: 125px 125px 150px 150px 100px 100px 100px 100px 50px 850px;
    align-items: end;
    grid-gap: 5px;
}

#dataflow-table .download_datafeed_row {
    align-items: center;
}

.dataflow-info-container #dataflow-table .header {
    top: 220px;
    z-index: 9;
}

#dataflow-table .header {
    position: sticky;
    z-index: 10;
    top: 110px;
    background-color: white;
    margin: 0 -45px;
    padding: 20px 45px 15px 45px;
    border-bottom: 1px solid var(--alignvu-alt-text);
}

#dataflow-table .container {
    margin-top: 10px;
}

#dataflow-table .header p {
    background-color: var(--alignvu-white);
    color: #999999;
    font-weight: normal;
    position: relative;
    /* padding-bottom: 10px; */
}

#dataflow-table .header p[onclick] {
    text-decoration: underline;
    text-decoration-style: dotted;
    cursor: pointer;
}

#dataflow-table .header p.active_sort {
    text-decoration: underline;
    font-weight: bold;
    text-decoration-style: solid;
}

#dataflow-table p {
    font-size: 13px;
    margin: 0;
    font-weight: normal;
}

#dataflow-table h2 {
    font-size: 16px;
    margin: 0;
    font-weight: bold;
}

#dataflow-table .dataflow-datafeed-display {
    display: flex;
    align-items: center;
    grid-gap: 4px;
    justify-content: space-between;
}

#dataflow-table .dataflow-datafeed-display div {
    display: flex;
    grid-gap: 2px;
    align-items: center;
}

#dataflow-table .download_datafeed_row .mapping-form-button {
    width: 100%;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    line-height: 30px;
    text-decoration: none;
    font-weight: bold;
    background-color: var(--alignvu-yellow);
    border-color: var(--alignvu-yellow);
}

#dataflow-table .download_datafeed_row .mapping-form-button:hover {
    background-color: var(--alignvu-yellow-80);
    border-color: var(--alignvu-yellow-80);
}

#dataflow-table .download_datafeed_row,
#dataflow_area .dataflow-info-container,
.translate-align-population-chart,
.translate-field-crossover .field-crossover-container {
    box-sizing: border-box;
    /* background-color: rgb(255, 255, 255); */
    margin: 0 -10px;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.translate-align-population-chart,
#dataflow-table .download_datafeed_row,
.translate-field-crossover .field-crossover-container {
    cursor: pointer;
    background-color: rgb(246, 246, 246);
    box-shadow: 0 0 5px var(--alignvu-mid-grey);
}

#dataflow-table .datafeed-Success {
    background-color: var(--alignvu-alt-green);
}

#dataflow-table .datafeed-Warning {
    background-color: var(--alignvu-red-tint);
}

#dataflow-table .datafeed-Overdue {
    background-color: var(--alignvu-yellow);
}

#dataflow-table .datafeed-Failure {
    background-color: var(--alignvu-orange-tint);
}

#dataflow-table .datafeed-Failure,
#dataflow-table .datafeed-Success,
#dataflow-table .datafeed-Overdue,
#dataflow-table .datafeed-Warning,
#dataflow-table .datafeed-Running {
    /* width: fit-content; */
    padding: 6px 8px;
    box-sizing: border-box;
    border-radius: 3px;
    text-align: center;
}

#dataflow-table .download_datafeed_row {
    cursor: auto;
}

#dataflow-table .download_datafeed_row .charts {
    display: grid;
    grid-gap: 4px;
}

.dataflow [onclick] {
    cursor: pointer;
}

.translate-align-population-chart {
    cursor: unset;
}

#dataflow_area .split_download {
    /* width: calc(200px + 150px + 200px + 300px + 130px); */
    display: grid;
    /* grid-template-columns: repeat(2, calc(200px + 150px + 200px + 300px)); */
    grid-template-columns: 1fr 1fr;
}

#dataflow_area .split_download .split-section {
    /* padding-right: 1rem; */
    border-right: 1px solid #d8d8d8d8;
}

#dataflow_area .split_download .crawls {
    padding-left: 1rem;
}

#dataflow_area p.download_datafeed {
    color: var(--alignvu-alignify-grey);
    cursor: pointer;
    font-weight: normal
}

#dataflow_area #dataflow-table .instruction {
    font-size: 10px;
    color: var(--alignvu-alignify-grey);
    position: absolute;
    left: 1px;
    top: 15px;
}

#dataflow_area p.download_datafeed:hover {
    text-decoration: underline;
}

/* #dataflow_area p, #dataflow_area p{
	padding-right: 25px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left;
	vertical-align: bottom;
	white-space: nowrap;
} */
/* #dataflow-table p {
	padding-top: 20px;
} */
#dataflow_area p.long,
#dataflow_area p.long {
    white-space: normal;
    min-width: 80px;
    max-width: 150px;
    overflow-wrap: break-word;
}

/*
#dataflow_area p.first, #dataflow_area p.first{
	padding-left: 20px;
}

#dataflow_area p.last, #dataflow_area p.last{
	padding-right: 20px;
} */
#dataflow_area .dataflow-info-container {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-direction: column;
    margin-top: -10px;
}

#dataflow_area .dataflow-info-container #dataflow-table .download_datafeed_row {
    box-shadow: 0 0 15px var(--alignvu-pale-grey);
    background: white;
}

.dataflow-barchart-container {
    display: flex;
    align-items: center;
    justify-content: start;
    /* margin-bottom: 5px; */
    grid-gap: 5px 20px;
}

.dataflow-barchart-container svg {
    border-radius: 3px;
    width: 300px;
}

.dataflow-barchart-container > div,
#dataflow-table .charts .headers > p {
    width: 400px;
    /* margin-right: 25px; */
}

.dataflow-barchart-container > div {
    width: auto;
    display: grid;
    grid-gap: 4px;
}

.dataflow-barchart-container .native,
.dataflow-barchart-container .model {
    display: flex;
    justify-content: start;
    align-items: center;
    background-color: #ebebeb;
    border-radius: 3px;
    height: fit-content;
    min-height: 30px;
    padding: 4px;
    grid-gap: 5px;
    box-sizing: border-box;
}

#dataflow-table .dataflow-barchart-container .native p,
#dataflow-table .dataflow-barchart-container .model p {
    width: 100px;
    /* padding: 0px 10px; */
    /* margin-right: 10px; */
    line-height: 20px;
    box-sizing: border-box;
    font-size: 11px;
}

#dataflow-table .dataflow-barchart-container p.tooltip {
    width: fit-content;
}

#dataflow_area .dataflow-info-container h5 {
    clear: both;
    font-size: 14px;
    margin: 0.5rem 0;
    font-weight: normal;
}

#dataflow_area .dataflow-info-container h5 [onclick] {
    cursor: pointer;
}

#dataflow_area .dataflow-info-container p {
    font-weight: lighter;
}

/*
#dataflow_area .split_download td {
	padding-left: 30px;
}

#dataflow_area .split_download div.header label {
	font-weight: bold;
} */
#dataflow_area p.positive,
#dataflow_area span.positive {
    color: var(--alignvu-green);
    font-weight: bold;
}

#dataflow_area p.negative,
#dataflow_area span.negative {
    color: var(--alignvu-red-tint);
    font-weight: bold
}

#dataflow_area .file-size .negative,
#dataflow_area .file-size .positive {
    font-size: 10px;
}

/* #dataflow_area label {
	float: left;
	width: 100px;
	margin-left: 1rem;
	font-size: 0.83em;
	white-space: normal;
} */
/* #dataflow_area .header label {
	display: flex;
	justify-content: start;
	align-items: flex-end;
	height: 100%;
} */
/* #dataflow_area label.date {
	width: 100px;
} */
/*
#dataflow_area label.name {
	width: 300px;
	overflow-wrap: break-word;
	white-space: normal;
} */
#dataflow-table .data-header,
#dataflow-table .row {
    display: grid;
    grid-gap: 5px;
}

#dataflow-table .data-header {
    align-items: flex-end;
}

#dataflow-table .splits {
    grid-template-columns: 1fr 150px repeat(2, 100px);
}

#dataflow-table .splits.latest_row {
    grid-template-columns: 1fr 150px repeat(3, 100px);
}

#dataflow-table .derived {
    grid-template-columns: 1fr repeat(2, 100px) 20px;
}

#dataflow-table .derived.latest_row {
    grid-template-columns: 1fr repeat(3, 100px) 20px;
}

#dataflow-table .upload {
    grid-template-columns: 1fr 1fr repeat(3, 100px) 30px;
    grid-gap: 3px;
}

#dataflow-table .upload.latest_row {
    grid-template-columns: 1fr 1fr repeat(5, 100px) 30px
}

#dataflow-table .crawl {
    grid-template-columns: 1fr 1fr repeat(2, 100px);
}

#dataflow-table .crawl.latest_row {
    grid-template-columns: 1fr 1fr repeat(3, 100px);
}

#dataflow-table .data-header p,
#dataflow-table .headers p {
    font-weight: normal;
    color: #999999;
}

#dataflow-table .header .entities {
    display: grid;
    grid-template-columns: 400px 400px;
    grid-gap: 25px;
}

#dataflow-table .row p {
    word-break: break-all;
}

#dataflow_area .spacer {
    padding-top: 20px;
}

/* Impact Assessment */
#impact_assessment_area .sub_header_strip {
    padding-bottom: 5px;
    z-index: 3;
    margin-top: -25px;
    padding-top: 20px;
}

#impact_assessment_area .sub_sub_header_strip {
    top: 241px;
    padding-bottom: 10px;
    z-index: 2;
}

#impact_assessment_area .sub_header_strip .right {
    position: relative;
    top: -5px;
}

#impact_assessment_charts {
    position: relative;
    padding-top: 25px;
}

#impact_assessment_grid_area {
    position: relative;
    padding-top: 80px;
}

#impact_assessment_charts h2.spacer {
    margin-top: 50px;
}

#impact_assessment_performance_times,
#impact_assessment_screening_impact_sars {
    width: 100%;
    overflow: hidden;
}

#impact_assessment_performance_times rect:hover,
#impact_assessment_performance_times text:hover {
    cursor: pointer;
}

#impact_assessment_screening_impact_sars rect:hover,
#impact_assessment_screening_impact_sars text:hover {
    cursor: pointer;
}

#impact_assessment_screening_impact_sars .provider_product,
#impact_assessment_performance_times .provider_product {
    padding-left: 130px;
    min-height: 45px;
    width: calc(100% - 130px);
}

#impact_assessment_screening_impact_sars .provider_product {
    min-height: 0px;
}

#impact_assessment_screening_impact_sars .provider_product span,
#impact_assessment_performance_times .provider_product span {
    left: 0px;
    padding-left: 0px;
}

#impact_assessment_performance_times .line_area {
    width: calc(100% - 200px);
}

#impact_assessment_screening_impact_sars .line_area {
    width: calc((100% - 400px) / 4);
    margin-right: 10px;
    padding-bottom: 20px;
    vertical-align: bottom;
}

#impact_assessment_screening_impact_sars .client_record {
    width: calc((100% - 400px) / 6);
}

#impact_assessment_screening_impact_sars .line_area_header {
    text-align: center;
    min-height: 30px;
}

#impact_assessment_screening_impact_sars .first {
    border-left: 1px solid #c6d4d0;
}

#impact_assessment_performance_times .provider_product {
    padding-bottom: 30px;
}

#impact_assessment_performance_times svg .label,
impact_assessment_screening_impact_sars svg .label {
    font-size: 14px;
}

#impact_assessment_charts .line_area_split_4 {
    width: calc((100% - 33px) / 4);
}

#impact_assessment_performance_times .relative_performance_time_header {
    display: block;
    padding-left: calc(100% - 190px);
    padding-bottom: 5px;
    font-size: 12px;
}

#impact_assessment_performance_times .relative_performace_time {
    float: left;
    margin-left: 10px;
    margin-top: 13px;
    font-size: 16px;
}

#impact_assessment_screening_impact_sars .difference span {
    position: relative;
    width: 110px;
    height: 12px;
}

#impact_assessment_screening_impact_sars .kpi {
    margin-right: 0px;
    float: left;
    width: 150px;
}

#impact_assessment_screening_impact_sars .difference_header span {
    top: 0px;
    height: 24px;
}

#impact_assessment_screening_impact_sars .kpi span {
    width: 160px;
}

#impact_assessment_performance_times .faster,
#impact_assessment_screening_impact_sars .less {
    color: var(--alignvu-green);
}

#impact_assessment_performance_times .slower,
#impact_assessment_screening_impact_sars .more {
    color: var(--alignvu-red-tint);
}

.impact_assessment_total_percentage {
    fill: var(--alignvu-dark-grey);
}

.impact_assessment_total_percentage:hover,
.impact_assessment_total_percentage_hover {
    fill: #1A7582;
}

.impact_assessment_total {
    fill: var(--alignvu-alignify-grey);
}

.impact_assessment_total:hover,
.impact_assessment_total_hover {
    fill: #24A8BA;
}

.impact_assessment_false_positive_percentage {
    fill: #009D6E;
}

.impact_assessment_false_positive_percentage:hover,
.impact_assessment_false_positive_percentage_hover {
    fill: #0FB281;
}

.impact_assessment_false_positive {
    fill: var(--alignvu-green);
}

.impact_assessment_false_positive:hover,
.impact_assessment_false_positive_hover {
    fill: #1ABA8A;
}

.impact_assessment_positive_percentage {
    fill: var(--alignvu-red-tint);
}

.impact_assessment_positive_percentage:hover,
.impact_assessment_positive_percentage_hover {
    fill: #E86F6F;
}

.impact_assessment_positive {
    fill: var(--alignvu-red-tint);
}

.impact_assessment_positive:hover,
.impact_assessment_positive_hover {
    fill: #E86F6F;
}

.impact_assessment_client_record {
    fill: var(--alignvu-changed);
}

.impact_assessment_client_record:hover,
.impact_assessment_client_record_hover {
    fill: #F2C56D;
}

#impact_assessment_grid_area table {
    font-size: 12px;
    margin-bottom: 30px;
    text-align: left;
    border-spacing: 0px 10px;
}

#impact_assessment_grid_area table.impact_screening {
    border-spacing: 0px;
}

#impact_assessment_grid_area table th,
#impact_assessment_grid_area table td {
    padding-right: 10px;
    padding-left: 10px;
}

#impact_assessment_grid_area table th {
    border-bottom: 1px solid var(--alignvu-alt-text);
    color: var(--alignvu-alt-text);
    font-weight: normal;
    vertical-align: bottom;
}

#impact_assessment_grid_area table th.table_header {
    border-bottom: 0px;
}

#impact_assessment_grid_area table tr.organisation {
    background-color: #D6DCE4;
}

#impact_assessment_grid_area table tr.individual {
    background-color: #E7E6E6;
}

#impact_assessment_grid_area table tr.object {
    background-color: #BFBFBF;
}

#impact_assessment_grid_area table tr.even {
    background-color: #F3F5F6;
}

#impact_assessment_grid_area table tr.even td {
    padding-top: 5px;
    padding-bottom: 5px;
}

#impact_assessment_grid_area table.impact_screening {
    font-size: 12px;
}

#impact_assessment_grid_area table.impact_screening td {
    padding-bottom: 5px;
    padding-top: 5px;
}

#impact_assessment_grid_area table.impact_screening th.pre_seq {
    background-color: var(--alignvu-pale-grey);
    color: var(--alignvu-dark-grey);
}

#impact_assessment_grid_area table.impact_screening th.post_seq {
    background-color: var(--alignvu-light-grey);
    color: var(--alignvu-white);
}

#impact_assessment_grid_area table.impact_screening th.analysis {
    background-color: #138796;
    color: var(--alignvu-white);
}

#impact_assessment_grid_area table.impact_screening th.column_spacer {
    width: 50px;
    border-bottom: 0px;
}

#impact_assessment_grid_area table.impact_screening th.table_header {
    text-align: center;
    font-size: 12px;
    padding-bottom: 10px;
    padding-top: 10px;
}

#impact_assessment_grid_area #high_level_fp_buckets_all table,
#impact_assessment_grid_area #high_level_fp_buckets_sie table,
#impact_assessment_grid_area #high_level_fp_buckets_sip table {
    clear: both;
    float: left;
    width: 50%;
}

#impact_assessment_grid_area #high_level_fp_buckets_analysis_all table,
#impact_assessment_grid_area #high_level_fp_buckets_analysis_sie table,
#impact_assessment_grid_area #high_level_fp_buckets_analysis_sip table {
    float: left;
    width: calc(50% - 50px);
    margin-left: 50px;
}

/* Results */
#search_results_area {
    padding-top: 75px;
}

#search_results_area div.results_list {
    padding-top: 20px;
}

#search_results_area div.result {
    display: block;
    clear: both;
    width: calc(100% - 60px);
    font-size: 12px;
    padding: 30px;
}

#search_results_area div.even {
    background-color: #F3F5F6;
}

#search_results_area div.result_header,
#search_results_area div.result_fields,
#search_results_area div.result_lists,
#search_results_area div.clear {
    padding: 0px;
}

#search_results_area div.result_fields,
#search_results_area div.result_list_of_lists {
    clear: both;
}

#search_results_area div.result_lists span {
    float: right;
}

#search_results_area div.result_list_of_lists span {
    float: right;
}

#search_results_area .result_header {
    font-size: 14px;
}

#search_results_area .result_name {
    font-size: 16px;
}

#search_results_area span {
    float: left;
    margin-right: 50px;
    margin-bottom: 10px;
}

#search_results_area span.label {
    font-weight: bold;
    margin-right: 10px;
}

#search_results_area div.pagination {
    width: 100%;
    padding: 0px;
    padding-top: 10px;
    text-align: right;
    font-size: 16px;
}

#search_results_area div.pagination span {
    float: none;
    margin-right: 0px;
    font-size: 14px;
}

.process-extracts {
    overflow: auto;
    padding: 0 15px;
    height: 75vh
}

.process-extract,
.process-extracts-headers {
    width: 1300px;
    display: grid;
    grid-gap: 0.5rem;
    grid-template-columns: 80px 80px repeat(5, 100px) 250px repeat(2, 110px) 90px;
    padding: 20px 25px;
}

.process-extracts-headers {
    border-bottom: 1px solid #c6d4d0;
    position: sticky;
    top: 0;
    overflow: hidden;
    background-color: white;
}

.process-extract {
    box-shadow: 0 0 15px rgb(180 180 180 / 50%);
    margin: 20px 0;
}

.process-extracts-headers p {
    color: var(--alignvu-alt-text)
}

.process-extract p {
    color: var(--alignvu-text);
}

.process-extract a {
    cursor: pointer;
    text-decoration: none;
}

.process-extract a p {
    color: var(--alignvu-alignify-grey);
}

.process-extracts-breakable {
    word-break: break-all;
}

.sources .source-filter-component {
    display: grid;
    grid-template-columns: 19px 18px 1fr;
    justify-items: start;
    align-items: center;
    grid-gap: 3px;
}

.sources .source-filter-component p {
    font-size: 14px;
    margin: 4px;
}

#program-baseline-container .changes a,
#list-baseline-container .changes a {
    font-size: 10px;
    cursor: pointer;
}

#program-baseline-container .changes > a,
#list-baseline-container .changes > a {
    max-width: 70px;
    width: fit-content;
    margin-right: 5px;
    margin-top: 1px;
    color: var(--alignvu-white);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 16px;
    border-radius: 3px;
    margin-bottom: 0px;
    min-width: 50px;
}

#program-baseline-container .changes,
#list-baseline-container .changes {
    display: flex;
}

#program-baseline-container .changes a.add,
#list-baseline-container .changes a.add {
    background-color: var(--alignvu-added);
}

#program-baseline-container .changes a.change,
#list-baseline-container .changes a.change {
    background-color: var(--alignvu-changed);
}

#program-baseline-container .changes a.changeFeed,
#list-baseline-container .changes a.changeFeed {
    color: var(--alignvu-pale-grey);
    border: 1px solid var(--alignvu-pale-grey);
}

#program-baseline-container .changes a.delete,
#list-baseline-container .changes a.delete {
    background-color: var(--alignvu-removed);
}

#program-baseline-container .changes a.dedupe,
#list-baseline-container .changes a.dedupe {
    background-color: var(--alignvu-pale-grey);
}

.dataflow-field-alignment .field-assessment-parent-group {
    margin-top: 100px;
}

.dataflow-field-alignment .field-assessment-parent-header {
    background-color: #e6e6e6;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    position: sticky;
    z-index: 10;
    top: 200px;
}

.dataflow-field-alignment .field-assessment-parent-children {
}

.dataflow-field-alignment .field-assessment-parent-header,
.dataflow-field-alignment .field-assessment-parent {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 250px 250px 110px;
    grid-gap: 1rem;
}

.dataflow-field-alignment .field-assessment-parent-header h2 {
    margin: 0;
    padding: 0;
    font-weight: bold;
    word-break: break-all;
}

.dataflow-field-alignment .field-assessment-parent {
    padding: 10px;
}

.dataflow-field-alignment .field-assessment-parent *,
.dataflow-field-alignment .field-assessment-child * {
    margin: 0;
    padding: 0px;
    /* width:fit-content; */
}

.dataflow-field-alignment .field-assessment-parent svg,
.dataflow-field-alignment .field-assessment-child-field-row svg {
    width: 250px !important;
}

.dataflow-field-alignment .field-assessment-parent-group .field-assessment-parent-children svg {
    width: 100%;
    /* 	height: 20px; */
}

.dataflow-field-alignment .field-assessment-parent p {
    font-size: 14px;
    font-weight: lighter;
    word-break: break-all;
}

.dataflow-field-alignment .field-assessment-parent {
    background-color: #fdfdfd;
    border-top: 1px solid #e6e6e666;
}

.dataflow-field-alignment .field-assessment-parent h2.clusterName {
    grid-column: 1;
    font-weight: bold;
}

.dataflow-field-alignment .field-assessment-parent .fieldName {
    grid-column: 2;
    font-weight: bold;
}

.dataflow-field-alignment h2.clusterName span {
    cursor: pointer;
}

.dataflow-field-alignment .field-assessment-parent p.vendorName {
    grid-column: 3;
}

.dataflow-field-alignment .field-assessment-child-field-row {
    display: grid;
    grid-template-columns: 1fr 250px 250px 110px;
    /* grid-column: 1/4; */
    grid-gap: 1em;
    /* padding: 2px; */
    /* align-items: center; */
    margin-bottom: 4px;
}

.dataflow-field-alignment .btn-field-assessment-details {
    display: flex;
    border: var(--alignvu-alignify-grey) 2px solid;
    width: 100px;
    color: var(--alignvu-alignify-grey);
    padding: 4px 2px;
    border-radius: 20px;
    height: 20px;
    align-items: center;
    font-weight: 600;
    cursor: pointer;
    justify-content: center;
    margin-left: auto;
}

.dataflow-field-alignment .btn-field-assessment-details:hover {
    border: var(--alignvu-alignify-grey) 2px solid;
    color: white;
    background-color: var(--alignvu-alignify-grey);
}

.dataflow-field-alignment .btn-field-assessment-details p {
    margin: 0;
    font-size: 13px;
}

.dataflow-field-alignment .field-assessment-child-field-row.header {
    background-color: #f3f3f3;
}

.dataflow-field-alignment .field-assessment-child-field-row.header p {
    font-weight: bold
}

.dataflow-field-alignment p.field-assessment-child-vendor {
    font-size: 14px;
}

#model-field-baseline-value-discrepency-modal .value-discrepency-headers,
#model-field-baseline-value-discrepency-modal .value-discrepency-row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 0.5em;
    margin-bottom: 5px;
    position: relative;
}

#model-field-baseline-value-discrepency-modal .separator::before {
    border-left: 1px solid black;
    position: relative;
    content: '';
    padding-left: 2px;
}

#model-field-baseline-value-discrepency-modal .value-discrepency-headers.probable {
    grid-template-columns: repeat(9, 1fr);
}

#model-field-baseline-value-discrepency-modal .value-discrepency-headers.missing {
    grid-template-columns: repeat(6, 1fr);
}

#model-field-baseline-value-discrepency-modal .value-discrepency-headers.value-discrepency-feeds {
    margin: 0;
    margin-top: 5px;
}

#model-field-baseline-value-discrepency-modal .value-discrepency-headers.value-discrepency-feeds.alternative .primary-feed {
    grid-column: 1/5;
}

#model-field-baseline-value-discrepency-modal .value-discrepency-headers.value-discrepency-feeds.alternative .secondary-feed {
    grid-column: 5/9;
}

#model-field-baseline-value-discrepency-modal .value-discrepency-headers.value-discrepency-feeds.missing .primary-feed {
    grid-column: 1/4;
}

#model-field-baseline-value-discrepency-modal .value-discrepency-headers.value-discrepency-feeds.missing .secondary-feed {
    grid-column: 5/7;
}

#model-field-baseline-value-discrepency-modal .value-discrepency-headers.value-discrepency-feeds.probable .primary-feed {
    grid-column: 1/5;
}

#model-field-baseline-value-discrepency-modal .value-discrepency-headers.value-discrepency-feeds.probable .secondary-feed {
    grid-column: 5/10;
}

#model-field-baseline-value-discrepency-modal .value-discrepency-headers.alternative {
    grid-template-columns: repeat(8, 1fr);
}

#model-field-baseline-value-discrepency-modal th h2 {
    padding: 0;
    margin: 0;
    max-width: 100%;
    display: flex;
    flex-direction: column;
}

#model-field-baseline-value-discrepency-modal .value-discrepency-content {
    width: 100%;
    /* overflow: scroll; */
    /* overflow: visible; */
}

#model-field-baseline-value-discrepency-modal .value-discrepency-content tbody tr:not(:first-child) td {
    padding-top: 10px;
}

#model-field-baseline-value-discrepency-modal .value-discrepency-content th {
    text-align: unset;
    word-break: break-word;
}

#model-field-baseline-value-discrepency-modal thead {
    position: sticky;
    top: 0;
    background-color: white;
}

#model-field-baseline-value-discrepency-modal table {
    table-layout: fixed;
}

#model-field-baseline-value-discrepency-modal table,
#model-field-baseline-value-discrepency-modal th,
#model-field-baseline-value-discrepency-modal td {
    border-collapse: collapse;
}


#model-field-baseline-value-discrepency-modal .value-discrepency-content .sourceValue, #model-field-baseline-value-discrepency-modal .value-discrepency-content .connectedValue {
    width: 15%;
}

#model-field-baseline-value-discrepency-modal .value-discrepency-content .connectedID {
    border-left: 1px solid black;
    padding-left: 5px;
}


#model-field-baseline-value-discrepency-modal .modal-content {
    width: 100%;
    height: 100%;
}

#model-field-baseline-value-discrepency-modal .nav-buttons-container {
    margin: 0;
    margin-top: 10px;
}

#model-field-baseline-value-discrepency-modal .modal-content td[onclick] {
    cursor: pointer;
}

#model-field-baseline-value-discrepency-modal .modal-content td {
    font-size: 13px;
    margin: 0;
    padding: 0 2px;
    width: fit-content;
    word-break: break-word;
    max-width: 100px;
}

#model-field-baseline-value-discrepency-modal .modal-body {
    overflow: auto;
    margin: 0;
    max-height: calc(100vh);
}

.dataflow-field-alignment .field-assessment-child {
    /* display: grid; */
    grid-column: 3/7;
    /* grid-template-columns: 200px 200px 200px 150px 1fr 200px; */
    grid-gap: 0.5em 1rem;
    /* padding: 0 10px; */
}

.field-assessment-child-group p.field-assessment-child-vendor {
    /* padding-left: 20px !important; */
    font-weight: bold;
}

.field-assessment-child-group .field-assessment-alternative p.field-assessment-child-vendor {
    padding-left: 10px !important;
    font-style: italic;
    font-weight: normal;
    font-size: 12px;
}

.dataflow-field-baseline header,
.dataflow-field-alignment header {
    position: fixed;
    top: 110px;
    background-color: white;
    box-sizing: border-box;
    width: calc(100vw - 260px);
    margin: 0 -45px;
    padding: 0 45px;
    z-index: 2;
}

.dataflow-field-baseline .in-page-actions,
.dataflow-field-alignment .in-page-actions {
    padding: 0;
}

.dataflow-field-baseline .charts-container,
.dataflow-field-alignment .charts-container {
    margin-top: 180px;
}

.dataflow-field-baseline .chart-headers,
.dataflow-field-alignment .chart-headers {
    display: grid;
    grid-template-columns: 100px 150px 200px 1fr 1fr;
    grid-gap: 3px;
    align-items: center;
}

#field-baseline-container p {
    font-weight: normal;
}

#field-baseline-container p.consolidation {
    font-style: italic;
    font-size: 11px;
    padding-left: 1em;
}

#field-baseline-container p.consolidation[onclick] {
    color: var(--alignvu-alignify-grey);
    cursor: pointer;
    font-style: normal;
    font-size: 13px;
    padding-left: unset;
}

#landingCountryOfLocationModal .modal-content {
    width: 80%;
}

.landing-container:nth-child(odd) {
    background-color: #f7f9fb;
}

#landingCountryOfLocationModal .landing-container {
    background-color: unset;
}

.landing-container {
    margin: 0 -45px;
    padding: 0px 45px;
    background-color: white;
}

.landing-container .landing-center {
    /* width: 90%; */
    margin: 0 auto;
    padding-bottom: 1em;
    height: 100%;
}

.landing-container .landing-center .landing-group-section .sticky-tabs {
    position: sticky;
    top: 276px;
    background: white;
    z-index: 12;
}

.dataflow-landing .landing-btn {
    border: 1px solid #606060;
    min-width: 150px;
    border-radius: 10px;
    margin: 0;
    cursor: pointer;
    text-align: center;
}

.dataflow-landing .landing-btn.active {
    background-color: #606060;
    color: #fff;
}

.dataflow-landing .button-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    /* margin-bottom: 40px; */
    grid-gap: 5px;
}

.dataflow-landing .button-container[data-type="map"] {
    flex-direction: column;
}

.dataflow-landing .changes-container h2 {
    text-align: center;
    margin: 0;
    margin-bottom: 5px;
}

.dataflow-landing .changes-container {
    background: #fafafa;
    padding: 0 5px;
    border-radius: 10px;
    position: sticky;
    z-index: 12;
    top: 110px;
    height: 166px;
}

.monitor-entity-consolidation .entity-consolidation-category-column a img,
.landing-container .sanction-container .icons img {
    height: 18px;
    width: auto;
    cursor: pointer;
    border-radius: 3px;
}

.monitor-entity-consolidation .entity-consolidation-category-column a img:hover,
.landing-container .sanction-container .icons img:hover {
    background-color: var(--alignvu-link-hover);
}

.monitor-entity-consolidation .entity-consolidation-category-column a[data-vendorid],
.landing-container .sanction-container > a,
.landing-container .sanction-container .icons > a {
    position: relative;
    display: block;
    height: 18px;
    width: 18px;
}

.landing-container .sanction-container .icons > a.inactive {
    pointer-events: none;
    opacity: 0.2;
}

.landing-container .sanction-container > a.inactive img {
    box-shadow: inset 0px 0px 50px rgba(179, 179, 179, 0.411);
}

.landing-container .sanction-container .icons > a:hover p.changes-tooltip,
.landing-container .sanction-container .icons > a:hover p.info-tooltip {
    display: block;
}

.landing-container .landing-map-container .legal-jurisdiction:hover p.tooltip {
    display: block;
}

.landing-container .landing-map-container .legal-jurisdiction p.tooltip {
    display: none;
    position: absolute;
    left: 80px;
    top: 0;
    font-size: 11px;
    background-color: white;
    color: var(--alignvu-alignify-grey);
    line-height: 20px;
    white-space: nowrap;
    padding: 0 5px;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    box-sizing: border-box;
    font-weight: normal;
    box-shadow: 0px 0px 10px #c9c9c963;
}

.monitor-entity-consolidation .entity-consolidation-category-column a p.changes-tooltip,
.landing-container .sanction-container .icons p.changes-tooltip,
.landing-container .sanction-container .icons p.info-tooltip {
    display: none;
    position: absolute;
    left: -115px;
    top: 0;
    font-size: 11px;
    background-color: white;
    color: var(--alignvu-alignify-grey);
    line-height: 20px;
    white-space: nowrap;
    padding: 0 5px;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    box-sizing: border-box;
    font-weight: normal;
    box-shadow: 0px 0px 10px #c9c9c963;
}

.monitor-entity-consolidation .entity-consolidation-category-column a:hover p.changes-tooltip,
.landing-container .sanction-container .sanction-header .consolidationHeader:hover p.consolidation-tooltip {
    display: block;
}

.landing-container .sanction-container .sanction-header .consolidationHeader p.consolidation-tooltip {
    display: none;
    position: absolute;
    left: 0;
    top: 15px;
    font-size: 11px;
    background-color: white;
    color: var(--alignvu-alignify-grey);
    line-height: 20px;
    white-space: nowrap;
    padding: 0 5px;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    box-sizing: border-box;
    font-weight: normal;
    z-index: 10;
    box-shadow: 0px 0px 10px #c9c9c963;
}

.landing-container .sanction-container .sanction-header .consolidationHeader {
    height: fit-content;
    width: fit-content;
    position: relative;
}

.landing-container .sanction-container .sanction-header .consolidationHeader h2 {
    font-style: italic;
}

.landing-container .sanction-container .sanction-header {
    display: flex;
    justify-content: space-between;
    max-width: 400px;
}

.landing-container .sanction-container .sanction-header .icons {
    margin-left: 5px;
}

.dataflow-landing .changes-container .button-container {
    margin: 2px;
}

.dataflow-landing .changes-container .button-container[data-type="navs"] {
    margin-top: 15px;
}

.dataflow-landing .landing-container-map-buttons {
    margin-top: 2em;
}

.dataflow-landing .landing-btn p {
    /* font-size: 13px; */
    /* font-weight: 500; */
    text-align: center;
    margin: 8px;
    width: unset;
}

.dataflow-landing .landing-nav-btn.disabled {
    pointer-events: none;
    color: var(--alignvu-light-grey);
}

.dataflow-landing .landing-nav-btn {
    /* 	border: 1px solid #606060; */
    min-width: 150px;
    /* 	border-radius: 10px; */
    margin: 0;
    border-bottom: 2px solid transparent;
}

.dataflow-landing .landing-nav-btn[onclick] {
    cursor: pointer;
}

.dataflow-landing .landing-nav-btn[onclick]:hover {
    border-bottom: 2px solid #606060;
}

.dataflow-landing .landing-nav-btn.active {
    border-bottom: 2px solid #606060;
    color: var(--alignvu-text);
}

.dataflow-landing .landing-nav-btn p {
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    margin: 8px;
}

.landing-container .landing-center .sanctions-container {
    display: flex;
    margin: 10px auto;
    flex-direction: column;
    grid-gap: 5px;
}

.landing-container .landing-center .sanctions-container .landing-product-section:not(:last-child) {
    border-bottom: 1px dashed var(--alignvu-light-grey);
    padding-bottom: 10px;
}

.landing-container .landing-center .sanctions-container .landing-product-section .landing-products {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 1em;
}

.landing-container .landing-center .sanctions-container .landing-product-section .landing-products .sanction-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.maintenance-reports-align-summary .landing-container .landing-page-feed-container {
    margin: unset !important;
}

.landing-container .landing-page-feed-container {
    border-right: 1px dashed;
    padding-right: 1rem;
    display: grid;
    grid-gap: 5px;
}

.landing-container .landing-page-feed-container:not(:first-child) {
    padding-left: 1rem;
}

.landing-container .landing-center .sanctions-container h1 {
    margin: 0;
    font-weight: bold;
}

.landing-container .landing-center .sanctions-container .sanctions-container-issuer,
.landing-container .landing-center .sanctions-container .sanctions-container-aggregator,
.landing-container .landing-center .sanctions-container .sanctions-container-internal {
    display: flex;
    grid-gap: 5px;
    flex-direction: column;
}

.landing-container .landing-center .sanctions-container .sanction-product-jurisdiction-container .sanction-juris-products,
.landing-container .landing-center .sanctions-container .sanction-product-jurisdiction-container {
    display: grid;
    grid-gap: 5px;
}

.landing-container .sanctions-container .sanctions-container-issuer {
    grid-column: 1;
}

.landing-container .sanctions-container .sanctions-container-aggregator {
    grid-column: 2;
}

.landing-container .sanctions-container .sanctions-container-internal {
    grid-column: 3;
}

.landing-container .sanctions-container h1.sanctions-container-issuer,
.landing-container .sanctions-container h1.sanctions-container-aggregator,
.landing-container .sanctions-container h1.sanctions-container-internal {
    margin: 0 auto 10px;
}

.landing-container .landing-center .sanctions-container .landing-page-feed-container:last-child {
    border-right: none;
}

.landing-container .landing-center .sanction-container h1,
.landing-container .landing-center .sanction-container h2,
.landing-container .landing-center .sanction-container h3 {
    margin: 0;
    font-weight: 600;
    display: grid;
}

.landing-container .landing-center .sanction-container h1 {
    font-weight: 600;
}

.landing-container .landing-center .sanction-container .sanction-header p {
    margin-bottom: 3px;
}

.landing-container .landing-center .sanction-container .sanction-chart {
    border: 1px solid #afafaf;
    border-radius: 10px;
    margin-top: 8px;
    text-align: center;
    padding: 15px 0px;
    height: 215px;
    width: 400px;
}

.landing-container .landing-center .sanction-container .sanction-chart .chart-container {
    width: 120px;
}

.landing-container .landing-center .sanction-container .sanction-chart .chart-container svg {
    width: 80px;
    height: 80px;
}

.landing-container .landing-center .sanction-container .sanction-chart .chart-container rect {
    stroke: none;
    rx: 3px;
    cursor: pointer;
}

.landing-container .landing-center .sanction-container .sanction-chart .chart-container svg {
    overflow: visible
}

.landing-container .landing-center .sanction-container .sanction-chart .chart-container .labels {
    display: flex;
    justify-content: start;
    align-items: start;
    padding-top: 5px;
    margin-left: 20px;
    grid-gap: 5px;
    width: fit-content;
}

.landing-container .landing-center .sanction-container .sanction-chart .chart-container p {
    margin: 0;
}

.landing-container .landing-center .sanction-container .sanction-chart .chart-container .labels p.model {
    color: var(--alignvu-alignify-grey);
}

.landing-container .landing-center .sanction-container .sanction-chart .chart-container .x-data .add {
    background-color: var(--alignvu-added);
    grid-row: 1;
}

.landing-container .landing-center .sanction-container .sanction-chart .chart-container .x-data .delete {
    background-color: var(--alignvu-removed);
    grid-row: 3;
}

.landing-container .landing-center .sanction-container .sanction-chart .chart-container .x-data .change {
    background-color: var(--alignvu-changed);
    grid-row: 2;
}

.landing-container .landing-center .sanction-container .sanction-chart .chart-container .x-data .changeFeed {
    background-color: var(--alignvu-purple);
    grid-row: 4;
}

.landing-container .landing-center .sanction-container .sanction-chart .chart-container .x-data .offset {
    background-color: var(--alignvu-deduped);
}

.landing-container .landing-center .landing-map-container .landing-map-counts .map-count.map-count-new {
    background-color: var(--alignvu-green);
}

.landing-container .landing-center .landing-map-container .landing-map-counts .map-count.map-count-update {
    background-color: var(--alignvu-changed);
}

.landing-container .landing-center .landing-map-container .landing-map-counts .map-count.map-count-delete {
    background-color: var(--alignvu-removed);
}

.dataflow-landing .changes-container .badge-legend {
    display: flex;
    justify-content: center;
    grid-gap: 2px;
    align-items: center;
}

.dataflow-landing .badge {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
    min-width: 65px;
    border-radius: 3px;
    /* margin-left: 5px; */
    font-size: 11px;
    width: 104px;
    padding: 5px;
    flex-wrap: wrap;
    font-weight: normal;
}

.dataflow-landing .map-count-added {
    background-color: var(--alignvu-added);
}

.dataflow-landing .map-count-update {
    background-color: var(--alignvu-changed);
}

.dataflow-landing .map-count-delete {
    background-color: var(--alignvu-removed);
}

.dataflow-landing .map-count-change-rgc {
    background-color: var(--alignvu-purple);
}

.landing-container .landing-center .sanction-container .sanction-chart .chart-container .x-data .add,
.landing-container .landing-center .sanction-container .sanction-chart .chart-container .x-data .delete,
.landing-container .landing-center .sanction-container .sanction-chart .chart-container .x-data .change,
.landing-container .landing-center .sanction-container .sanction-chart .chart-container .x-data .changeFeed,
.landing-container .landing-center .sanction-container .sanction-chart .chart-container .x-data .offset {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    border-radius: 3px;
    cursor: pointer;
}

.landing-container .landing-center .sanction-container .sanction-chart .chart-container .x-data {
    width: 65px;
}

.landing-container .landing-jurisdiction-programs .chart-container .x-data-changes p,
.landing-container .landing-center .sanction-container .sanction-chart .chart-container .x-data a p {
    color: white;
    font-size: 11px;
}

.landing-container .landing-center .sanction-container .sanction-chart .chart-container .x-data div {
    margin-bottom: 5px;
}

.landing-container .landing-center .sanction-container .sanction-chart .chart-container .x-data div.x-data-changes {
    margin-bottom: unset;
    display: grid;
    grid-template-rows:repeat(4, 1fr);
    grid-gap: 2px;
    width: 65px;
}


.landing-container .landing-jurisdiction-programs .chart-container .x-data-changes p,
.landing-container .landing-center .sanction-container .sanction-chart .chart-container .x-data div p {
    font-size: 11px;
    word-break: break-word;
}

.landing-container .landing-center .landing-map-container #landingpage-map {
    width: auto;
    /* height: 630px; */
    max-width: 90%;
}

.landing-container .landing-center .landing-jurisdiction-container {
    display: flex;
    grid-gap: 2em;
    flex-direction: column;
    align-items: center;
}

.landing-container .landing-center .legal-jurisdiction {
    width: inherit;
    cursor: pointer;
    width: 68px;
    position: relative;
}

.landing-container .landing-center .legal-jurisdiction.disabled {
    cursor: unset;
    pointer-events: none;
}

.landing-container .landing-center .legal-jurisdiction[data-iso="EU"]:hover {
    background: url("../images/EU.svg");
}

.landing-container .landing-center .legal-jurisdiction[data-iso="EU"].selected {
    background: url("../images/EU.svg");
}

.landing-container .landing-center .legal-jurisdiction[data-iso="EU"] {
    background: url("../images/EU_grey.svg");
    background-size: contain;
    height: 46px;
}

.landing-container .landing-center .legal-jurisdiction[data-iso="UN"]:hover {
    background: url("../images/UN.svg");
}

.landing-container .landing-center .legal-jurisdiction[data-iso="UN"].selected {
    background: url("../images/UN.svg");
}

.landing-container .landing-center .legal-jurisdiction[data-iso="UN"] {
    background: url("../images/UN_grey.svg");
    background-size: contain;
    height: 58px;
}

.landing-container .landing-center .legal-jurisdiction[data-iso="FATF"]:hover {
    background: url("../images/FATF.svg");
    background-size: contain;
}

.landing-container .landing-center .legal-jurisdiction[data-iso="FATF"].selected {
    background: url("../images/FATF.svg");
    background-size: contain;
}

.landing-container .landing-center .legal-jurisdiction[data-iso="FATF"] {
    background: url("../images/FATF_grey.svg");
    background-size: contain;
    height: 80px;
    width: 45px;
}

.landing-container .landing-map-container .legal-jurisdiction[data-iso="FATF"] p.tooltip {
    left: 50px;
}

.landing-container .landing-center .landing-map-container {
    display: grid;
    grid-template-columns: 160px 1fr;
    align-items: start;
}

.landing-container .landing-container-map-buttons .landing-page-country-description {
    text-align: center;
    padding: 5px 0 0 0;
    font-size: 14px;
}

.landing-container .landing-center .landing-map-container .landing-map-counts .map-count {
    background-color: var(--alignvu-alignify-grey);
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto 0;
    height: 90px;
}

.landing-container .landing-center .landing-map-container .landing-map-counts .map-label {
    display: flex;
    align-items: center;
}

.landing-container .landing-center .landing-map-container .landing-map-counts {
    display: grid;
    grid-template-columns: 90px 1fr;
    grid-gap: 5px 2em;
    height: fit-content;
}

.landing-container .landing-center .landing-map-container .landing-map-counts p {
    margin: 0;
}

.landing-container .landing-center .landing-map-container .landing-map-counts .map-label p {
    font-weight: 500;
    font-size: 14px;
}

.landing-container .landing-center .landing-map-container .landing-map-counts .map-count p {
    color: white;
    font-weight: 600;
}

.landing-container .landing-center .landingpage-key {
    margin: 10px auto;
    /* margin-top: 20px; */
    display: grid;
    grid-gap: 10px;
    /* grid-template-columns: 20px 20px; */
}

#landingCountryOfLocationModal .landingpage-key .landing-page-key-row,
.landing-container .landing-center .landingpage-key .landing-page-key-row {
    display: flex;
    grid-gap: 1em;
}

#landingCountryOfLocationModal .landingpage-key .landing-page-key-row.landingpage-map-legaljurisdictionmap .landingpage-key-grid .key-badge,
.landing-container .landing-center .landingpage-key .landing-page-key-row.landingpage-map-legaljurisdictionmap .landingpage-key-grid .key-badge {
    border-radius: 5px;
}

#landingCountryOfLocationModal .landingpage-key .key-badge,
.landing-container .landing-center .landingpage-key .key-badge {
    padding: 5px;
    border-radius: 50px;
    min-width: 6px;
    min-height: 6px;
}

#landingCountryOfLocationModal .landingpage-key .key-badge p,
.landing-container .landing-center .landingpage-key .key-badge p {
    color: white;
}

#landingCountryOfLocationModal .landingpage-key .key-badge.issuer,
.landing-container .landing-center .landingpage-key .key-badge.issuer {
    background-color: var(--alignvu-alignify-grey);
}

#landingCountryOfLocationModal .landingpage-key .key-badge.sanction,
.landing-container .landing-center .landingpage-key .key-badge.sanction {
    background-color: var(--alignvu-red);
}

#landingCountryOfLocationModal .landingpage-key .key-badge.selected-location-country {
    background-color: var(--alignvu-purple);
}

#landingCountryOfLocationModal .landingpage-key .key-badge.available-location-countries {
    background-color: var(--alignvu-light-grey);
}

#landingCountryOfLocationModal .landingpage-key .landingpage-key-grid,
.landing-container .landing-center .landingpage-key .landingpage-key-grid {
    display: flex;
    /* grid-template-columns: 12px 1fr; */
    grid-gap: 5px;
    align-items: center;
}

.landing-container .landing-center .landingpage-key .landing-page-key-issuers {
    display: flex;
    align-items: center;
}

#landingCountryOfLocationModal .landingpage-key .landingpage-key-grid .key-badge.landingpage-direct-jurisdiction,
.landing-container .landing-center .landingpage-key .landingpage-key-grid .key-badge.landingpage-direct-jurisdiction {
    background-color: var(--alignvu-alignify-grey);
    color: var(--alignvu-white);
}

#landingCountryOfLocationModal .landingpage-key .landingpage-key-grid .key-badge.landingpage-indirect-jurisdiction,
.landing-container .landing-center .landingpage-key .landingpage-key-grid .key-badge.landingpage-indirect-jurisdiction {
    background-color: var(--alignvu-pale-grey);
    color: var(--alignvu-white);
}

#landingCountryOfLocationModal .landingpage-key .landingpage-key-grid p,
.landing-container .landing-center .landingpage-key .landingpage-key-grid p {
    margin: 0;
    font-size: 10px;
    font-weight: 500;
}

.landing-main-container .changes-container .selected-container {
    display: flex;
    justify-content: start;
    align-items: center;
    grid-gap: 0.5em;
    /* margin-bottom: 10px; */
}

.landing-main-container .changes-container .selected-container .country-filter[onclick] {
    cursor: pointer;
}

.landing-main-container .changes-container .selected-container .country-filter {
    display: block;
    background-color: var(--alignvu-alignify-grey);
    border-radius: 3px;
    padding: 5px 10px;
}

.landing-main-container .changes-container .selected-container .country-filter.focus {
    background-color: var(--alignvu-red);
}

.landing-main-container .changes-container .selected-container .country-filter.location {
    background-color: var(--alignvu-purple);
}

.landing-main-container .changes-container .selected-container p {
    font-size: 13px;
}

.landing-main-container .changes-container .selected-container p.country-filter {
    color: white;
    margin: 0;
}

.landing-main-container .changes-container .selected-container .country-filter span:not(.selected-country, .adverse-country) {
    cursor: pointer;
    margin-left: 1rem;
}

.landing-container .group-toggle {
    cursor: pointer;
    height: 16px;
    display: flex;
    align-items: center;
}

.landing-container .landing-program-container {
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
    margin-bottom: 20px;
    /* overflow-x: scroll; */
    /* width: 150vh; */
}

.landing-container h1 {
    margin: 10px 0;
    margin-bottom: 20px;
    font-weight: 600;
    width: fit-content;
    align-items: center;
    display: flex;
    grid-gap: 5px;
}

/* Landing Page Program Breakdown */
.landing-container .landing-program-container .landing-program-header {
    display: grid;
    grid-template-columns: repeat(3, minmax(70px, 150px)) repeat(3, minmax(330px, 1fr));
    background-color: #e8e8e8;
    padding: 20px;
    border-radius: 10px 10px 0 0;
    grid-gap: 1em;
    width: auto;
    position: sticky;
    top: 110px;
    z-index: 9;
}

.landing-container .landing-program-container .landing-program-header h2 {
    color: var(--alignvu-text);
    font-weight: 600;
    margin: 0;
}

.landing-container .landing-page-feed-container .landing-grid-program-container .landing-jurisdiction-programs {
    display: grid;
    grid-gap: 5px;
}

.landing-container .landing-program-container .landing-program-header .landing-custom-headers h2 {
    text-align: center;
}

.landing-container .landing-program-container .landing-program-header .landing-custom-headers,
.landing-container .landing-program-container .landing-program-child-container .landing-custom-headers {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(6, minmax(95px, 1fr)) 50px repeat(6, minmax(95px, 1fr));
}

.landing-container .landing-program-container .landing-program-child-container .landing-custom-headers div[data-type="totalValues"] {
    display: flex;
    /* align-items:center; */
    justify-content: center;
}

.landing-container .landing-page-feed-container .landing-program-issuer,
.landing-container .landing-page-feed-container .landing-program-aggregator,
.landing-container .landing-page-feed-container .landing-program-internal {
    display: flex;
    grid-gap: 1rem;
    flex-direction: column;
}

.landing-container .landing-program-container h2.landing-program-issuer,
.landing-container .landing-program-container h2.landing-program-aggregator,
.landing-container .landing-program-container h2.landing-program-internal {
    text-align: center;
    font-weight: 600;
    color: var(--alignvu-text);
    font-size: 16px !important;
}

.landing-container .landing-page-feed-container:last-child {
    border-right: none;
}

.landing-container .landing-program-container .landing-program-children .landing-program-child-container {
    background-color: white;
    padding: 20px;
    width: auto;
}

.landing-container .landing-program-container .landing-program-children .landing-program-child-container:nth-child(even) {
    background-color: #f4f6f8;
}

.landing-container .landing-program-container .landing-program-child-header,
.landing-container .landing-program-container .landing-program-child-children-row,
.maintenance-reports-field-mapping-summary .landing-container .landing-group-section[data-group="field_mapping"] .landing-program-container .landing-program-child-children .landing-program-child-container {
    display: grid;
    grid-gap: 5px;
}

.landing-container .landing-program-container .landing-program-child-children-row {
    margin: 10px 0;
    border-top: solid 1px #e2e2e2a3;
    padding: 10px 0;
}

.landing-container .landing-program-container .landing-program-child-container h2 {
    margin: 3px 0;
    font-size: 13px;
}

.landing-container .landing-program-container .landing-program-child-container h2.program {
    color: var(--alignvu-alignify-grey);
    font-weight: 600;
    cursor: pointer;
    width: fit-content;
}

.landing-container .landing-program-child-children-row .chart-container {
    /* width: fit-content; */
    /* height: fit-content; */
    border: 1px solid #afafaf;
    padding: 5px;
    border-radius: 10px;
}

.landing-container .landing-program-child-children-row .chart-container svg {
    width: 80px;
    height: 80px;
}

.landing-container .landing-program-child-children-row .chart-container rect {
    stroke: none;
    rx: 3px;
    cursor: pointer;
}

.landing-container .landing-program-child-children-row .chart-container svg {
    overflow: visible
}

.landing-container .landing-program-child-children-row .chart-container .labels {
    display: flex;
    justify-content: start;
    align-items: start;
    padding-top: 5px;
}

.landing-container .landing-program-child-children-row .chart-container p {
    margin: 0;
}

.landing-container .landing-program-child-children-row .chart-container .labels p.model {
    color: var(--alignvu-alignify-grey);
}

.landing-container .landing-program-child-children-row .chart-container .x-data .add {
    background-color: var(--alignvu-added);
}

.landing-container .landing-program-child-children-row .chart-container .x-data .delete {
    background-color: var(--alignvu-removed);
}

.landing-container .landing-program-child-children-row .chart-container .x-data .change {
    background-color: var(--alignvu-changed);
}

.landing-container .landing-program-child-children-row .chart-container .x-data .offset {
    background-color: var(--alignvu-offset);
}

.landing-container .landing-program-child-children-row .chart-container .x-data .add,
.landing-container .landing-program-child-children-row .chart-container .x-data .delete,
.landing-container .landing-program-child-children-row .chart-container .x-data .change,
.landing-container .landing-program-child-children-row .chart-container .x-data .offset {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    width: 65px;
    border-radius: 3px;
    /* margin-bottom: 5px; */
    cursor: pointer;
}

.landing-container .landing-program-child-children-row .chart-container .x-data > a p {
    color: white;
    font-size: 11px;
}

.landing-container .landing-program-child-children-row .chart-container .x-data > div {
    display: flex;
    flex-direction: column;
    grid-gap: 2px;
}

.landing-container .landing-program-child-children-row .chart-container .x-data > div > p {
    font-size: 11px;
}

.landing-container .landing-program-container .landing-program-children {
    width: auto;
    min-width: 100%;
}

.landing-container .landing-program-container .program-chart-grid h1 {
    margin: 0;
    margin-bottom: 5px;
}

.landing-container .landing-program-container .program-chart-grid {
    height: fit-content;
}

.landing-container .landing-program-container .landing-page-feed-container h1.jurisdiction {
    font-weight: bold;
    margin: 0;
    /* margin-top: 5px; */
}

.landing-container .landing-program-container .landing-program-child-container .program-chart-grid h2 {
    font-weight: 600;
    color: var(--alignvu-text);
    display: flex;
    flex-direction: column;
}

.landing-container .landing-program-container .program-chart-grid .icons img {
    height: 16px;
}

.landing-container .landing-program-container .program-chart-grid .icons img {
    width: auto;
    cursor: pointer;
    border-radius: 3px;
}

.landing-container .landing-program-container .program-chart-grid .icons img:hover {
    background-color: var(--alignvu-link-hover);
}

.landing-container .landing-program-container .program-chart-grid > a,
.landing-container .landing-program-container .program-chart-grid .icons > a {
    position: relative;
    display: block;
    height: 16px;
    width: 16px;
}

.landing-container .landing-program-container .program-chart-grid .icons > a.inactive {
    pointer-events: none;
    opacity: 0.2;
}

.landing-container .landing-program-container .program-chart-grid .icons > a.inactive img {
    box-shadow: inset 0px 0px 50px rgba(179, 179, 179, 0.411);
}

.landing-container .landing-program-container .program-chart-grid .icons > a:hover p.changes-tooltip,
.landing-container .landing-program-container .program-chart-grid .icons > a:hover p.info-tooltip {
    display: block;
}

.landing-container .landing-program-container .program-chart-grid .icons p.changes-tooltip,
.landing-container .landing-program-container .program-chart-grid .icons p.info-tooltip {
    display: none;
    position: absolute;
    left: -115px;
    top: 0;
    font-size: 11px;
    background-color: white;
    color: var(--alignvu-alignify-grey);
    line-height: 20px;
    white-space: nowrap;
    padding: 0 5px;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    box-sizing: border-box;
    font-weight: normal;
    box-shadow: 0px 0px 10px #c9c9c963;
}

.landing-container .landing-program-container .program-chart-header {
    display: flex;
    justify-content: space-between;
}

.landing-container .landing-program-container .program-chart-grid .icons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.2em;
}

.dataflow-landing .landing-container .landing-center .landing-group-section .landing-page-map-two-col .landing-page-map-two-col-headers,
.dataflow-landing .landing-container .landing-center .landing-group-section .landing-page-map-two-col .landing-page-map-two-col-container {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 1em;
}

.dataflow-landing .landing-container .landing-center .landing-group-section .landing-page-map-two-col .landing-page-map-two-col-headers {
    position: sticky;
    top: 276px;
    z-index: 10;
    margin-bottom: 5px;
}

.dataflow-landing .landing-container .landing-center .landing-group-section .landing-page-map-two-col .landing-page-map-two-col-headers .landing-page-map-two-col-header {
    border-radius: 10px 10px 0 0;
    text-align: center;
    background-color: #e8e8e8;
    padding: 20px;
}

#landingCountryOfLocationModal .landing-page-map-juris-legal-container,
.dataflow-landing .landing-container .landing-center .landing-group-section .landing-page-map-two-col .landing-page-map-two-col-container .landing-page-map-juris-legal-container {
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
}

#landingCountryOfLocationModal .landing-page-map-juris-legal-container .landing-page-map-juris-legal-row,
.dataflow-landing .landing-container .landing-center .landing-group-section .landing-page-map-two-col .landing-page-map-two-col-container .landing-page-map-juris-legal-container .landing-page-map-juris-legal-row {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 100px 250px 1fr;
}

#landingCountryOfLocationModal .landing-page-map-juris-legal-container .landing-page-map-juris-legal-row.landing-page-map-juris-legal-row.added-border-top,
.dataflow-landing .landing-container .landing-center .landing-group-section .landing-page-map-two-col .landing-page-map-two-col-container .landing-page-map-juris-legal-container .landing-page-map-juris-legal-row.added-border-top {
    border-top: 1px dashed var(--alignvu-light-grey);
    padding-top: 5px;
}

#landingCountryOfLocationModal .landing-page-map-juris-legal-container .landing-page-map-juris-legal-row .countryName,
.dataflow-landing .landing-container .landing-center .landing-group-section .landing-page-map-two-col .landing-page-map-two-col-container .landing-page-map-juris-legal-container .landing-page-map-juris-legal-row .countryName {
    font-weight: 800;
}

#landingCountryOfLocationModal .landing-page-map-juris-legal-container .landing-page-map-juris-legal-row .entities,
.dataflow-landing .landing-container .landing-center .landing-group-section .landing-page-map-two-col .landing-page-map-two-col-container .landing-page-map-juris-legal-container .landing-page-map-juris-legal-row .entities {
    display: flex;
    grid-gap: 5px;
    flex-wrap: wrap;
}

#reference_group_baseline_barchart .program-baseline-chart-container .icons,
#reference_group_baseline_barchart .list-baseline-chart-container .icons {
    display: flex;
}

#reference_group_baseline_barchart .program-baseline-chart-container .icons img,
#reference_group_baseline_barchart .list-baseline-chart-container .icons img {
    height: 18px;
    display: flex;
}

#reference_group_baseline_barchart .program-baseline-chart-container .icons img,
#reference_group_baseline_barchart .list-baseline-chart-container .icons img {
    width: auto;
    cursor: pointer;
    border-radius: 3px;
}

#reference_group_baseline_barchart .program-baseline-chart-container .icons img:hover,
#reference_group_baseline_barchart .list-baseline-chart-container .icons img:hover {
    background-color: var(--alignvu-link-hover);
}

/* #reference_group_baseline_barchart .program-baseline-chart-container a, */
#reference_group_baseline_barchart .program-baseline-chart-container .icons > a,
    /* #reference_group_baseline_barchart .list-baseline-chart-container .compare-charts>a, */
#reference_group_baseline_barchart .list-baseline-chart-container .icons > a {
    position: relative;
    /* display: block; */
    height: 18px;
    width: 18px;
}

#reference_group_baseline_barchart .program-baseline-chart-container .icons > a.inactive,
#reference_group_baseline_barchart .list-baseline-chart-container .icons > a.inactive {
    pointer-events: none;
    opacity: 0.2;
}

#reference_group_baseline_barchart .program-baseline-chart-container .icons > a.inactive img,
#reference_group_baseline_barchart .list-baseline-chart-container .icons > a.inactive img {
    box-shadow: inset 0px 0px 50px rgba(179, 179, 179, 0.411);
}

#reference_group_baseline_barchart .program-baseline-chart-container .icons > a:hover p.changes-tooltip,
#reference_group_baseline_barchart .program-baseline-chart-container .icons > a:hover p.info-tooltip,
#reference_group_baseline_barchart .list-baseline-chart-container .icons > a:hover p.changes-tooltip,
#reference_group_baseline_barchart .list-baseline-chart-container .icons > a:hover p.info-tooltip {
    display: block;
}

#reference_group_baseline_barchart .program-baseline-chart-container .icons p.changes-tooltip,
#reference_group_baseline_barchart .program-baseline-chart-container .icons p.info-tooltip,
#reference_group_baseline_barchart .list-baseline-chart-container .icons p.changes-tooltip,
#reference_group_baseline_barchart .list-baseline-chart-container .icons p.info-tooltip {
    display: none;
    position: absolute;
    left: -115px;
    top: 0;
    font-size: 11px;
    background-color: white;
    color: var(--alignvu-alignify-grey);
    line-height: 20px;
    white-space: nowrap;
    padding: 0 5px;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    box-sizing: border-box;
    font-weight: normal;
    box-shadow: 0px 0px 10px #c9c9c963;
}

#reference_group_baseline_barchart .program-baseline-chart-container .icons > a,
#reference_group_baseline_barchart .list-baseline-chart-container .icons > a {
    margin-right: 0.2em;
}

.dataflow a.changes {
    position: relative;
    width: fit-content;
    height: fit-content;
}

.dataflow .icons > a {
    display: block;
    height: 32px;
    width: 32px;
}

.dataflow .icons {
    display: flex;
    grid-gap: 3px;
}

.dataflow .dataflow-queue-table p.tooltip {
    top: 0px;
    left: -70px;
}

.dataflow p.tooltip {
    display: none;
    position: absolute;
    left: -50px;
    top: 32px;
    font-size: 11px;
    background-color: white;
    color: var(--alignvu-alignify-grey);
    line-height: 20px;
    /* white-space: nowrap; */
    padding: 0 5px;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    box-sizing: border-box;
    font-weight: normal;
    max-width: 200px;
    word-break: break-word;
    box-shadow: 0px 0px 10px #c9c9c963;
    z-index: 2;
    margin: 0;
}

.dataflow a:hover p.tooltip {
    display: block !important;
}

/* Split Downloads Changes Styling */
.dataflow-incoming .dataflow-info-container .icons p.tooltip {
    display: none;
    position: absolute;
    left: 10px;
    top: -20px;
    font-size: 11px;
    background-color: white;
    color: var(--alignvu-alignify-grey);
    line-height: 20px;
    white-space: nowrap;
    padding: 0 5px;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    box-sizing: border-box;
    font-weight: normal;
    box-shadow: 0px 0px 10px #c9c9c963;
}

.dataflow-incoming .dataflow-info-container .icons > a {
    position: relative;
    display: block;
    height: 20px;
    width: fit-content;
}

/* Landing Page Sanction Update Section */
.landing-container .view-record-latency-btn {
    background-color: var(--alignvu-offset-tint);
}

.landing-container .landing-sanction-updates-overview .landing-sanction-updates-header,
.landing-container .landing-sanction-updates-overview .landing-sanction-updates-container .landing-sanction-updates-row {
    display: grid;
    grid-template-columns: 125px 120px repeat(2, 1fr) repeat(3, 75px) 160px;
    grid-gap: 1em;
}

.landing-container .landing-sanction-updates-overview .landing-sanction-updates-header {
    background-color: #e8e8e8;
    padding: 20px;
    border-radius: 10px 10px 0 0;
    width: auto;
    position: sticky;
    top: 323px;
    z-index: 10;
}

.landing-container .landing-sanction-updates-overview .landing-sanction-updates-header h2,
.landing-container .landing-sanction-updates-overview .landing-sanction-updates-container .landing-sanction-updates-row h2 {
    color: var(--alignvu-text);
    font-weight: 600;
    margin: 0;
}

.landing-container .landing-sanction-updates-overview .landing-sanction-updates-container .landing-sanction-updates-row {
    background: var(--alignvu-white);
    padding: 20px;
}

.landing-main-container .sanction-badge[onclick],
.landing-container .sanction-badge[onclick] {
    cursor: pointer;
}

.landing-main-container .sanction-badge,
.landing-container .sanction-badge {
    width: 75px;
    height: 20px;
    border: 1px solid #9e9e9e;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    /* margin-bottom: 5px; */
}

.landing-main-container .sanction-badge,
.landing-container .sanction-badge p {
    margin: 0;
    font-size: 13px;
    display: flex;
    align-items: center;
    grid-gap: 4px;
}

.watermark-color {
    color: var(--alignvu-pale-grey);
}

.landing-container .landing-sanction-updates-overview .landing-sanction-updates-container .landing-sanction-updates-row p span[onclick] {
    cursor: pointer;
}

.landing-container .landing-sanction-updates-overview .landing-sanction-updates-container .landing-sanction-updates-row {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
}

.landing-container .landing-sanction-updates-overview .landing-sanction-updates-container .landing-sanction-updates-row .feedName {
    display: flex;
    flex-direction: column;
    grid-gap: 1em;
}

.landing-container .landing-sanction-updates-overview .landing-sanction-updates-container .landing-sanction-updates-row .added-counts,
.landing-container .landing-sanction-updates-overview .landing-sanction-updates-container .landing-sanction-updates-row .change-counts,
.landing-container .landing-sanction-updates-overview .landing-sanction-updates-container .landing-sanction-updates-row .removed-counts {
    display: flex;
    flex-direction: column;
    grid-gap: 3px;
}

.landing-container .landing-sanction-updates-overview .landing-sanction-updates-container .landing-sanction-updates-row:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
}

.landing-container .landing-sanction-updates-overview .landing-sanction-updates-container .sanction-badge.changed {
    background-color: var(--alignvu-changed);
    color: var(--alignvu-white);
    border: 1px solid var(--alignvu-changed);
}

.landing-container .landing-sanction-updates-overview .landing-sanction-updates-container .sanction-badge.added {
    background-color: var(--alignvu-added);
    color: var(--alignvu-white);
    border: 1px solid var(--alignvu-added);
}

.landing-container .landing-sanction-updates-overview .landing-sanction-updates-container .sanction-badge.removed {
    background-color: var(--alignvu-removed);
    color: var(--alignvu-white);
    border: 1px solid var(--alignvu-removed);
}

.landing-container .landing-sanction-updates-overview .landing-sanction-updates-container .sanction-badge.total-changed {
    background-color: #e0e0e0;
    color: #000000;
    border: 1px solid #e0e0e0;
}

.landing-container .landing-sanction-updates-overview .landing-sanction-updates-container .sanction-badge[onclick] {
    cursor: pointer;
}

.landing-container .landing-sanction-updates-overview .landing-sanction-btn {
    display: flex;
    border: var(--alignvu-alignify-grey) 2px solid;
    color: var(--alignvu-alignify-grey);
    padding: 8px;
    border-radius: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    cursor: pointer;
}

.landing-container .landing-sanction-updates-overview .landing-sanction-btn:hover {
    border: var(--alignvu-alignify-grey) 2px solid;
    color: white;
    background-color: var(--alignvu-alignify-grey);
}

.landing-container .landing-sanction-updates-overview .landing-sanction-btn p {
    margin: 0;
    font-size: 13px;
}

.landing-container .landing-sanction-updates-overview {
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
    margin-bottom: 20px;
    /* overflow-x: scroll; */
    /* width: 150vh; */
}

.landing-container .landing-sanction-updates-overview .landing-sanction-updates-container .landing-sanction-updates-row {

}

.landing-container .landing-sanction-updates-overview .landing-sanction-updates-container .tooltip-parent {
    position: relative;
    width: fit-content;
    height: fit-content;
}

.landing-container .landing-sanction-updates-overview .landing-sanction-updates-container .tooltip-parent:hover p.tooltip {
    display: block;
}

.landing-container .landing-sanction-updates-overview .landing-sanction-updates-container .tooltip-parent p.tooltip {
    display: none;
    position: absolute;
    left: 0px;
    bottom: 25px;
    font-size: 11px;
    background-color: white;
    color: var(--alignvu-alignify-grey);
    line-height: 20px;
    white-space: nowrap;
    padding: 0 5px;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    box-sizing: border-box;
    font-weight: normal;
    box-shadow: 0px 0px 10px #c9c9c963;
    z-index: 10;
}

/* Landing Page Sanction Update Search */
.landing-container .landing-sanction-search-overview .landing-sanction-search-header,
.landing-container .landing-sanction-search-overview .landing-sanction-search-container .landing-sanction-search-row {
    display: grid;
    grid-template-columns: 350px 77px 175px 1fr 20px;
    grid-gap: 1em;
}

.landing-container .landing-sanction-search-overview {
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
    margin-bottom: 20px;
}

.landing-container .landing-sanction-search-overview .landing-sanction-search-header {
    background-color: #e8e8e8;
    padding: 20px;
    border-radius: 10px 10px 0 0;
    width: auto;
    position: sticky;
    top: 316px;
    z-index: 11;
}

.landing-container .landing-sanction-search-overview h2[onclick] {
    cursor: pointer;
}

.landing-container .landing-sanction-search-overview .landing-sanction-search-header h2,
.landing-container .landing-sanction-search-overview .landing-sanction-search-container .landing-sanction-search-row h2 {
    color: var(--alignvu-text);
    font-weight: 600;
    margin: 0;
}

.landing-container .landing-sanction-search-overview .landing-sanction-search-container .landing-sanction-search-row .landing-sanction-update-changes {
    grid-column: 2/5;
    display: grid;
    grid-gap: 1em;
    grid-template-columns: 77px 175px 1fr;
    align-items: start;
}

.landing-container .landing-sanction-search-overview .landing-sanction-search-container .landing-sanction-search-row {
    background: var(--alignvu-white);
    padding: 20px;
}

.landing-container .landing-sanction-search-overview .landing-sanction-search-container .landing-sanction-search-row .sanction-badge {
    width: 75px;
    height: 20px;
    border: 1px solid #9e9e9e;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    margin-bottom: 5px;
}

.landing-container .landing-sanction-search-overview .landing-sanction-search-container .landing-sanction-search-row .sanction-badge p {
    margin: 0;
    /* font-size: 13px; */
}

.landing-container .landing-sanction-search-overview .landing-sanction-search-container .landing-sanction-search-row div.searchRowChangeDetailsRow {
    display: grid;
    grid-template-columns:200px 1fr;
    grid-gap: 5px;
    padding-bottom: 5px;
}

.landing-container .landing-sanction-search-overview .landing-sanction-search-container .landing-sanction-search-row div {
    width: fit-content;
    height: fit-content;
}

.landing-container .landing-sanction-search-overview .landing-sanction-search-container .landing-sanction-search-row p {
    margin: 0;
    font-weight: normal;
    word-break: break-word;
    width: fit-content;
    height: fit-content;
}

.landing-container .landing-sanction-search-overview .landing-sanction-search-container .landing-sanction-search-row:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
}

.landing-container .landing-sanction-search-overview .landing-sanction-search-container .sanction-badge.changed {
    background-color: var(--alignvu-changed);
    color: var(--alignvu-white);
    border: 1px solid var(--alignvu-changed);
}

.landing-container .landing-sanction-search-overview .landing-sanction-search-container .sanction-badge.added {
    background-color: var(--alignvu-added);
    color: var(
            --alignvu-white);
    border: 1px solid var(--alignvu-added);
}

.landing-container .landing-sanction-search-overview .landing-sanction-search-container .sanction-badge.deleted {
    background-color: var(--alignvu-removed);
    color: var(--alignvu-white);
    border: 1px solid var(--alignvu-removed);
}

.landing-container .landing-sanction-search-overview .landing-sanction-search-container .landing-sanction-search-row .landing-search-record-field {
    display: grid;
    grid-template-columns: 125px 1fr;
    margin: 5px 0;
    grid-gap: 5px;
    border-top: solid 1px #e5e5e5;
}

.landing-container .landing-sanction-search-overview .landing-sanction-search-container .landing-sanction-search-row .landing-search-record-field h4 {
    font-size: 13px;
    margin: 0px;
}

.landing-container .landing-sanction-search-overview .landing-sanction-search-container .landing-sanction-search-row .landing-search-record-field p {
    font-size: 12px !important;
    margin: 0px;
}

.landing-container .landing-sanction-search-overview .landing-sanction-search-container .landing-sanction-search-row .landing-search-record-field p span {
    font-style: italic;
    margin-left: 3px;
}

.landing-sanction-search-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 5px;
    flex-wrap: wrap;
}

.landing-container .landing-sanction-search-overview .landing-sanction-search-pagination .pagination-click {
    cursor: pointer;
    padding: 5px;
    border-radius: 20px;
    color: var(--alignvu-text);
    border: 2px solid #e8e8e8;
}

.landing-container .landing-sanction-search-overview .landing-sanction-search-pagination .pagination-click:hover {
    background-color: #e8e8e8;
}

.landing-container .landing-sanction-search-overview .landing-sanction-search-pagination .pagination-click.active {
    background-color: #e8e8e8;
}

/* Disable Landing Map Controls */
.landing-container #landingpage-map_access,
.landing-container #landingpage-map_outer,
.landing-container #landingpage-map_zoom {
    display: none !important;
}

.landing-container .landing-page-summary-container .landing-page-summary-header h2 {
    margin: 0;
    color: var(--alignvu-text);
    font-weight: bold;
}

.landing-container .landing-page-summary-container .landing-page-summary-header {
    background-color: #e8e8e8;
    padding: 20px;
    border-radius: 10px 10px 0 0;
    width: auto;
    position: sticky;
    top: 195px;
    z-index: 9;
}

.landing-page-summary-container {
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
    margin-bottom: 20px;
}

.landing-container .landing-page-summary-container .landing-page-summary-child:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
}

.landing-container p {
    margin: 0;
    padding: 0;
    width: fit-content;
}

.landing-container .landing-page-summary-container .landing-page-summary-header,
.landing-container .landing-page-summary-container .landing-page-summary-child {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1em;
}

.landing-container .landing-page-summary-container .landing-page-summary-child {
    background: var(--alignvu-white);
    padding: 20px;
}

.landing-container .landing-page-summary-container .landing-page-summary-child .codeList {
    grid-column: 2;
}

/* START: Aggregator Model Field Baseline Styling */
.dataflow-aggregator-model-field-baseline header {
    position: sticky;
    top: 110px;
    background-color: white;
    box-sizing: border-box;
    padding: 0 45px;
    z-index: 2;
}

.dataflow-aggregator-model-field-baseline header table {
    margin: 0 -45px;
    font-size: var(--alignvu-title-font-size);
}

.dataflow-aggregator-model-field-baseline .in-page-actions {
    padding: 0;
    grid-gap: 5px;
    width: 100%;
}

.dataflow-aggregator-model-field-baseline .aggregator-field-selection-container {
    margin: 10px auto;
    box-shadow: 0px 0px 5px 1px rgb(151 151 151 / 30%);
    padding: 5px;
    border-radius: 10px;
    display: grid;
    grid-gap: 5px;
}

.dataflow-aggregator-model-field-baseline .aggregator-field-selection-container .center-container {
    /* max-width: 600px; */
    width: 100%;
    /* margin: 0 auto; */
    display: flex;
    justify-content: space-between;
}

.dataflow-aggregator-model-field-baseline .aggregator-field-selection-container .center-container .mapping-form-input {
    margin: 0;
    width: 250px;
}

.dataflow-aggregator-model-field-baseline .aggregator-field-selection-container .aggregator-field-selection-container-boxes {
    display: flex;
    justify-content: flex-start;
    grid-gap: 5px;
    align-items: flex-start;
}

.dataflow-aggregator-model-field-baseline .aggregator-field-selection-container .aggregator-field-selection-container-boxes .aggregator-field-selection-container-box {
    border: 1px solid #66666679;
    border-radius: 5px;
    padding: 5px;
    width: 25%;
}

.dataflow-aggregator-model-field-baseline .aggregator-field-selection-container .aggregator-field-selection-container-boxes .aggregator-field-selection-container-box label {
    word-break: break-word;
}

.dataflow-aggregator-model-field-baseline .aggregator-field-selection-container .aggregator-field-selection-container-boxes .aggregator-field-selection-container-box .aggregator-field-selection-container-rgc-options {
    max-height: calc(100vh - 450px);
    overflow: auto;
    grid-gap: 2px;
}

.dataflow-aggregator-model-field-baseline .aggregator-field-selection-container .aggregator-field-selection-container-boxes .aggregator-field-selection-container-box select {
    width: 100%;
}

.dataflow-aggregator-model-field-baseline .charts-container p {
    padding: 0;
    margin: 0;
    font-size: 13px;
    font-weight: normal;
}

.dataflow-aggregator-model-field-baseline .charts-container a[onclick] {
    cursor: pointer;
    display: flex;
    grid-gap: 5px;
    width: fit-content;
}

.dataflow-aggregator-model-field-baseline .charts-container p[onclick] {
    cursor: pointer;
}

.dataflow-aggregator-model-field-baseline .charts-container a.clusterName p {
    color: var(--alignvu-alignify-grey);
    font-weight: bold !important;
    width: fit-content;
}

.dataflow-aggregator-model-field-baseline .aggregator-model-field-baseline-cluster-parent {
    padding: 10px;
    background-color: #f6f6f6;
}

.dataflow-aggregator-model-field-baseline .aggregator-model-field-baseline-cluster-parent:not(:first-child) {
    border-top: 1px solid #eaeaea;
}

.dataflow-aggregator-model-field-baseline th {
    min-width: 100px;
    max-width: 200px;
}

.dataflow-aggregator-model-field-baseline .aggregator-model-field-baseline-cluster-children table {
    font-size: 13px;
}

.dataflow-aggregator-model-field-baseline .aggregator-model-field-baseline-cluster-children table tr td {
    vertical-align: top;
}

.dataflow-aggregator-model-field-baseline .aggregator-model-field-baseline-cluster-children table tr td .chart-container {
    /* height: 20px; */
}

.dataflow-aggregator-model-field-baseline table th,
.dataflow-aggregator-model-field-baseline table td {
    max-width: 200px;
    width: 200px;
    min-width: 100px;
    vertical-align: bottom;
    padding-right: 3em;
}

.dataflow-aggregator-model-field-baseline table th.first {
    /* vertical-align: initial; */
    height: calc(10vh);
    display: block;
}

.dataflow-aggregator-model-field-baseline table th:not(.first) span,
.dataflow-aggregator-model-field-baseline table th.first .firstContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.dataflow-aggregator-model-field-baseline table th .datafeed-source-vendor-name {
    margin-bottom: 5px;
}

.dataflow-aggregator-model-field-baseline td svg {
    width: 200px;
}

.dataflow-aggregator-model-field-baseline .first {
    max-width: 150px !important;
    width: 150px !important;
}

.dataflow-aggregator-model-field-baseline .aggregator-model-field-baseline-cluster-children th span:not(first-child) {
    display: table-row;
}

.dataflow-aggregator-model-field-baseline .aggregator-field-selection-container-box .vendor-filter-menu {
    position: initial;
    margin: auto;
    display: flex;
    justify-content: center;
}

.dataflow-aggregator-model-field-baseline .aggregator-field-selection-container-box .vendor-filter-menu .sources-main-container {
    max-height: calc(100vh - 300px);
    overflow: auto;
}

.dataflow-aggregator-model-field-baseline .aggregator-field-selection-container .aggregator-field-selection-container-boxes .aggregator-field-selection-container-box .vendor-filter-menu .vendor-filter-menu-container {
    width: 100%;
}

/* END: Aggregator Model Field Baseline Styling */

/* START: Model Field Baseline Styling */
.dataflow-model-field-baseline header {
    position: sticky;
    top: 110px;
    background-color: white;
    box-sizing: border-box;
    padding: 0 45px;
    z-index: 2;
    padding-top: 5px;
}

.dataflow-model-field-baseline header .tab,
.dataflow-model-field-baseline header .tab p {
    margin: 0;
}

.dataflow-model-field-baseline header .last-reconciled {
    margin: 5px 0;
}

.dataflow-model-field-baseline .in-page-actions {
    padding: 0;
    grid-gap: 5px;
    width: 100%;
}

.dataflow-model-field-baseline #model-field-baseline-container p[onclick] {
    font-weight: bold;
    cursor: pointer;
}

.dataflow-model-field-baseline #model-field-baseline-container .fieldName img[onclick] {
    cursor: pointer;
}

.dataflow-model-field-baseline #model-field-baseline-container p {
    font-weight: normal;
    height: fit-content;
    width: fit-content;
    /* display: flex; */
    align-items: center;
    grid-gap: 5px;
}

.dataflow-model-field-baseline #model-field-baseline-container p .providerProductName {
    display: flex;
    flex-direction: column;
}


.dataflow-model-field-baseline .model-field-baseline-cluster-parent,
.dataflow-model-field-baseline .chart-headers,
.dataflow-model-field-baseline .model-field-baseline-cluster-child {
    display: grid;
    grid-template-columns: 125px 150px 200px 200px 175px 1fr 1fr 200px;
    grid-gap: 5px;
    padding: 0 10px;
    align-items: center;
}

.dataflow-model-field-baseline .model_field_record_feeds p {
    margin: 0;
    padding: 0;
}

.dataflow-model-field-baseline .model_field_record_feeds {
    display: flex;
    grid-gap: 10px;
    flex-wrap: wrap;
}

.dataflow-model-field-baseline .model_field_record_feeds .vendorBlock .datafeedNameFlex {
    grid-gap: 0;
}

.dataflow-model-field-baseline .model_field_record_feeds .vendorBlock .datafeedNameFlex .small-text-notice {
    font-style: normal !important;
}

.dataflow-model-field-baseline .model_field_record_feeds .vendorBlock {
    display: flex;
    grid-gap: 4px;
    flex-direction: column;
}

.dataflow-model-field-baseline .model_field_record_feeds .vendorBlock .lastPolledLabel,
.dataflow-model-field-baseline .model_field_record_feeds .vendorBlock .recordCountLabel {
    font-weight: unset !important;
}

.dataflow-model-field-baseline .model_field_record_feeds .vendorBlock .comparableOn {
    display: flex;
    flex-direction: column;
}

.dataflow-model-field-baseline .inlineContainer {
    display: inline-flex;
    grid-gap: 5px;
    flex-wrap: wrap;
}

.dataflow-model-field-baseline .model-field-baseline-cluster-child .countContainer {
    display: flex;
    grid-gap: 2px;
    flex-direction: column;
}

.dataflow-model-field-baseline .countContainer .assessmentIssues div[data-primary][data-secondary],
.dataflow-model-field-baseline .issueCharts div[data-primary][data-secondary] {
    display: flex;
    flex-direction: column;
}

.dataflow-model-field-baseline .model-field-baseline-cluster-child {
    padding: 10px
}

.dataflow-model-field-baseline .charts-container p {
    padding: 0;
    margin: 0;
    font-size: 13px;
    font-weight: normal;
}

.dataflow-model-field-baseline .charts-container a[onclick] {
    cursor: pointer;
}

.dataflow-model-field-baseline .charts-container div[onclick],
.dataflow-model-field-baseline .charts-container div[onclick] p,
.dataflow-model-field-baseline .charts-container p[onclick] {
    cursor: pointer;
}

.dataflow-model-field-baseline .charts-container a.clusterName p {
    color: var(--alignvu-alignify-grey);
    font-weight: bold !important;
}

.dataflow-model-field-baseline .model-field-baseline-cluster-parent {
    padding: 10px;
    background-color: #f6f6f6;
}

.dataflow-model-field-baseline .charts-container .loading-data {
    display: flex;
    justify-content: center;
}

.dataflow-model-field-baseline .model-field-baseline-cluster-parent:not(:first-child) {
    border-top: 1px solid #eaeaea;
}

.dataflow-model-field-baseline .charts-container .clusterName {
    grid-column: 1;
}

.dataflow-model-field-baseline .charts-container .fieldName {
    grid-column: 2;
    color: var(--alignvu-alignify-grey);
    font-weight: bold !important;
    display: flex;
}

.dataflow-model-field-baseline .charts-container .providerName {
    grid-column: 3;
    font-weight: bold !important;
    display: grid;
    grid-template-columns: 18px 1fr;
    grid-gap: 5px;
    align-items: center;
}

.dataflow-model-field-baseline .charts-container .providerName[onclick] {
    color: var(--alignvu-alignify-grey);
    cursor: pointer;
}

.dataflow-model-field-baseline .charts-container .nativeTable {
    grid-column: 4;
    word-break: break-all;
}

.dataflow-model-field-baseline .charts-container .nativeField {
    grid-column: 5;
    word-break: break-all;
}

.dataflow-model-field-baseline .charts-container .nativeValue {
    grid-column: 6;
}

.dataflow-model-field-baseline .charts-container svg {
    /* height:20px; */
    width: 200px;
}

.dataflow-model-field-baseline .model-field-baseline-cluster-child .container {
    display: flex;
    grid-gap: 5px;
    align-items: center;
}

.dataflow-model-field-baseline .tooltip-parent {
    position: relative;
}

.dataflow-model-field-baseline .tooltip-parent:hover p.tooltip {
    display: block;
}

.dataflow-model-field-baseline .tooltip-parent p.tooltip {
    display: none;
    position: absolute;
    left: 0;
    top: 20px;
    font-size: 11px;
    background-color: white;
    color: var(--alignvu-alignify-grey);
    line-height: 20px;
    white-space: nowrap;
    padding: 0 5px;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    box-sizing: border-box;
    font-weight: normal;
    box-shadow: 0px 0px 10px #c9c9c963;
}

.dataflow-model-field-baseline .charts-container .nativeTable,
.dataflow-model-field-baseline .charts-container .nativeField {
    display: flex;
    grid-gap: 5px;
}

.dataflow-model-field-baseline .charts-container .modelField[onclick] {
    color: var(--alignvu-alignify-grey);
    cursor: pointer;
    font-weight: bold !important;
}

#model-field-baseline-container .model-field-baseline-cluster-children .model-field-baseline-cluster-unmapped-toggle {
    display: grid;
    grid-template-columns: 125px 150px 200px 200px 175px 1fr 1fr 200px;
    grid-gap: 1em;
}

#model-field-baseline-container .model-field-baseline-cluster-children .model-field-baseline-cluster-unmapped {
    display: grid;
    grid-template-columns: 125px 150px 200px 200px 175px 1fr 1fr 200px;
    grid-gap: 0.5em 1em;
    background-color: #a3a3a30a;
    grid-column: 1/4;
    padding-top: 10px;
}

#model-field-baseline-container .model-field-baseline-cluster-children .model-field-baseline-cluster-unmapped-headers h2 {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 14px;
}

#model-field-baseline-container .model-field-baseline-cluster-children .model-field-baseline-cluster-unmapped .model-field-baseline-cluster-unmapped-headers,
#model-field-baseline-container .model-field-baseline-cluster-children .model-field-baseline-cluster-unmapped .model-field-baseline-cluster-unmapped-child {
    display: grid;
    grid-template-columns: 150px 1fr 1fr 300px;
    grid-column: 3/8;
    grid-gap: 1em;
}

#model-field-baseline-container .model-field-baseline-cluster-children .model-field-baseline-unmapped-href {
    font-weight: bold;
    grid-column: 2/4;
    width: fit-content;
}

#model-field-baseline-container .model-field-baseline-cluster-children .model-field-baseline-unmapped-href p {
    font-weight: bold !important;
    color: var(--alignvu-alignify-grey);
}

#model-field-baseline-container .model-field-baseline-cluster-children .model-field-baseline-cluster-unmapped-children {
    grid-column: 3/8;
}

#model-field-baseline-container .model-field-baseline-cluster-children .model-field-baseline-cluster-unmapped-child {
    padding: 5px;
    border-top: 1px solid #e6e6e6e6;
}

#model-field-baseline-container .model-field-baseline-cluster-children .model-field-baseline-cluster-unmapped-child p.vendorName {
    grid-column: 1;
    font-weight: bold;
}

#model-field-baseline-container .model-field-baseline-cluster-children .model-field-baseline-cluster-unmapped-child p.modelValue {
    grid-column: 2;
}

#model-field-baseline-container .model-field-baseline-cluster-children .model-field-baseline-cluster-unmapped-headers {
    position: sticky;
    top: 246px;
    background-color: #e6e6e6;
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.dataflow-model-field-baseline #model-field-baseline-field-crossover-modal .modal-content {
    min-width: 600px;
    width: 55%;
}

.dataflow-model-field-baseline #model-field-baseline-field-crossover-modal .modal-content h2,
.dataflow-model-field-baseline #model-field-baseline-field-crossover-modal .modal-content p {
    padding: 0;
    margin: 0;
    font-size: 14px;
}

.dataflow-model-field-baseline #model-field-baseline-field-crossover-modal .modal-content .field-crossover-headers,
.dataflow-model-field-baseline #model-field-baseline-field-crossover-modal .modal-content .field-crossover-row {
    display: grid;
    grid-template-columns: 1fr repeat(2, 200px) 1fr;
    grid-gap: 5px;
}

.dataflow-model-field-baseline #model-field-baseline-field-crossover-modal .modal-content .field-crossover-row svg {
    width: 200px;
}

/* END: Model Field Baseline Styling */

/* START: Native Field Baseline Styling */
.dataflow-native-field-baseline header {
    position: sticky;
    top: 110px;
    background-color: white;
    box-sizing: border-box;
    padding: 0 45px;
    z-index: 2;
}

.dataflow-native-field-baseline .in-page-actions {
    padding: 0;
    grid-gap: 5px;
    width: 100%;
}

.dataflow-native-field-baseline #native-field-baseline-container .providerName {
    display: flex;
    align-items: center;
}

.dataflow-native-field-baseline #native-field-baseline-container p {
    font-weight: normal;
    width: fit-content;
    height: fit-content;
}


.dataflow-native-field-baseline .native-field-baseline-cluster-parent,
.dataflow-native-field-baseline .chart-headers,
.dataflow-native-field-baseline .native-field-baseline-cluster-child {
    display: grid;
    grid-template-columns: 125px 150px 200px 200px 175px 1fr 1fr 200px;
    grid-gap: 5px;
    /* align-items: center; */
    padding: 0 10px;
}

.dataflow-native-field-baseline .native-field-baseline-cluster-child {
    padding: 10px
}

.dataflow-native-field-baseline .charts-container p {
    padding: 0;
    margin: 0;
    font-size: 13px;
    font-weight: normal;
}

.dataflow-native-field-baseline .charts-container a[onclick] {
    cursor: pointer;
}

.dataflow-native-field-baseline .charts-container a.clusterName p {
    color: var(--alignvu-alignify-grey);
    font-weight: bold !important;
}

.dataflow-native-field-baseline .native-field-baseline-cluster-parent {
    padding: 10px;
    background-color: #f6f6f6;
}

.dataflow-native-field-baseline .native-field-baseline-cluster-parent:not(:first-child) {
    border-top: 1px solid #eaeaea;
}

.dataflow-native-field-baseline .charts-container .clusterName {
    grid-column: 1;
}

.dataflow-native-field-baseline .tooltip-parent {
    position: relative;
}

.dataflow-native-field-baseline .tooltip-parent:hover p.tooltip {
    display: block;
}

.dataflow-native-field-baseline .tooltip-parent p.tooltip {
    display: none;
    position: absolute;
    left: 0;
    top: 20px;
    font-size: 11px;
    background-color: white;
    color: var(--alignvu-alignify-grey);
    line-height: 20px;
    white-space: nowrap;
    padding: 0 5px;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    box-sizing: border-box;
    font-weight: normal;
    box-shadow: 0px 0px 10px #c9c9c963;
}

.dataflow-native-field-baseline .native-field-baseline-cluster-child .container {
    display: flex;
    grid-gap: 5px;
    align-items: center;
}

.dataflow-native-field-baseline .charts-container div[onclick],
.dataflow-native-field-baseline .charts-container div[onclick] p,
.dataflow-native-field-baseline .charts-container p[onclick] {
    color: var(--alignvu-alignify-grey);
    cursor: pointer;
    font-weight: bold !important;
}

.dataflow-native-field-baseline .charts-container .fieldName {
    grid-column: 7;
    font-weight: bold !important;
    color: var(--alignvu-alignify-grey);
    display: flex;
    grid-gap: 5px;
}

.dataflow-native-field-baseline .charts-container .providerName {
    grid-column: 2;
    font-weight: bold !important;
}

.dataflow-native-field-baseline .charts-container .providerName[onclick] {
    color: var(--alignvu-alignify-grey);
    cursor: pointer;
}

.dataflow-native-field-baseline .charts-container .nativeTable {
    grid-column: 3;
    word-break: break-word;
}

.dataflow-native-field-baseline .charts-container .nativeField {
    grid-column: 4;
    word-break: break-word;
}

.dataflow-native-field-baseline .charts-container .nativeTable,
.dataflow-native-field-baseline .charts-container .nativeField {
    display: flex;
    grid-gap: 5px;
}

.dataflow-native-field-baseline .charts-container .nativeValue {
    grid-column: 5;
}

.dataflow-native-field-baseline .charts-container svg {
    width: 200px;
}

.dataflow-native-field-baseline .charts-container .nativeField[onclick] {
    color: var(--alignvu-alignify-grey);
    cursor: pointer;
    font-weight: bold !important;
}

.dataflow-native-field-baseline #native-field-baseline-container p .providerProductName {
    display: flex;
    flex-direction: column;
}

#native-field-baseline-container .native-field-baseline-cluster-children .native-field-baseline-cluster-unmapped-toggle {
    display: grid;
    grid-template-columns: 125px 150px 200px 200px 175px 1fr 1fr 200px;
    grid-gap: 1em;
}

#native-field-baseline-container .native-field-baseline-cluster-children .native-field-baseline-cluster-unmapped {
    display: grid;
    grid-template-columns: 125px 150px 200px 200px 175px 1fr 1fr 200px;
    grid-gap: 0.5em 1em;
    background-color: #a3a3a30a;
    grid-column: 1/4;
    padding-top: 10px;
}

#native-field-baseline-container .native-field-baseline-cluster-children .native-field-baseline-cluster-unmapped-headers h2 {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 14px;
}

#native-field-baseline-container .native-field-baseline-cluster-children .native-field-baseline-cluster-unmapped .native-field-baseline-cluster-unmapped-headers,
#native-field-baseline-container .native-field-baseline-cluster-children .native-field-baseline-cluster-unmapped .native-field-baseline-cluster-unmapped-child {
    display: grid;
    grid-template-columns: 150px 1fr 1fr 300px;
    grid-column: 3/8;
    grid-gap: 1em;
}

#native-field-baseline-container .native-field-baseline-cluster-children .native-field-baseline-unmapped-href {
    font-weight: bold;
    grid-column: 2/4;
    width: fit-content;
}

#native-field-baseline-container .native-field-baseline-cluster-children .native-field-baseline-unmapped-href p {
    font-weight: bold !important;
    color: var(--alignvu-alignify-grey);
}

#native-field-baseline-container .native-field-baseline-cluster-children .native-field-baseline-cluster-unmapped-children {
    grid-column: 3/8;
}

#native-field-baseline-container .native-field-baseline-cluster-children .native-field-baseline-cluster-unmapped-child {
    padding: 5px;
    border-top: 1px solid #e6e6e6e6;
}

#native-field-baseline-container .native-field-baseline-cluster-children .native-field-baseline-cluster-unmapped-child p.vendorName {
    grid-column: 1;
    font-weight: bold;
}

#native-field-baseline-container .native-field-baseline-cluster-children .native-field-baseline-cluster-unmapped-child p.nativeValue {
    grid-column: 2;
}

#native-field-baseline-container .native-field-baseline-cluster-children .native-field-baseline-cluster-unmapped-headers {
    position: sticky;
    top: 246px;
    background-color: #e6e6e6;
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/* END: Native Field Baseline Styling */

/* Relationship Baseline Styling */

#dataflow-relationship-baseline .relationship-baseline-chart-headers {
    box-sizing: border-box;
    padding: 0;
    background-color: white;
    z-index: 5;
    border-bottom: 1px solid #999999;
}

#dataflow-relationship-baseline .relationship-baseline-chart-headers p {
    margin: 0;
    padding: 10px 0;
    font-size: 13px;
    color: #999999;
}

#dataflow-relationship-baseline .in-page-actions {
    margin: 5px 0;
    padding: 0;
}

#dataflow-relationship-baseline .relationship-baseline-chart-headers,
#dataflow-relationship-baseline .relationship-baseline-chart-row {
    display: grid;
    grid-template-columns: 200px 200px 200px 200px 1fr;
}

#dataflow-relationship-baseline .relationship-baseline-chart-row {
    padding: 5px 0;
}

#dataflow-relationship-baseline .relationship-baseline-chart-row p {
    margin: 0;
    padding: 0;
    font-size: 13px;
    width: fit-content;
}

#dataflow-relationship-baseline .relationship-baseline-chart-row p.productName {
    font-weight: bold;
}

#dataflow-relationship-baseline .relationship-baseline-chart-row p.modelValue {
    font-weight: bold;
}

#dataflow-relationship-baseline .relationship-baseline-chart-row p.nativeValue {
    font-style: italic;
    padding-left: 10px;
}

#dataflow-relationship-baseline .relationship-baseline-chart-row p[onclick] {
    color: var(--alignvu-alignify-grey);
    font-weight: bold;
    cursor: pointer;
    height: fit-content;
}

#dataflow-relationship-baseline .relationship-baseline-chart-row div {
    display: grid;
    min-width: 250px;
    width: 80%;
}

#dataflow-relationship-baseline .relationship-baseline-chart-row div.counts {
    display: flex !important;
    grid-gap: 5px;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 5px;
}

#dataflow-relationship-baseline .count.count-added,
#dataflow-relationship-baseline .count.count-update,
#dataflow-relationship-baseline .count.count-delete {
    color: white;
}

#dataflow-relationship-baseline .count {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px !important;
    color: var(--alignvu-text);
    min-width: 50px;
    width: fit-content;
    /* height: 20px; */
    border: 1px solid #9e9e9e;
    border-radius: 3px;
    padding: 2px 10px;
}

#dataflow-relationship-baseline .count p {
    font-size: 11px !important;
}

#dataflow-relationship-baseline .count[onclick] {
    cursor: pointer;
}

#dataflow-relationship-baseline .count.count-added {
    background-color: var(--alignvu-added);
    border: 1px solid var(--alignvu-added);
}

#dataflow-relationship-baseline .count.count-update {
    background-color: var(--alignvu-changed);
    border: 1px solid var(--alignvu-changed);
}

#dataflow-relationship-baseline .count.count-delete {
    background-color: var(--alignvu-removed);
    border: 1px solid var(--alignvu-deduped);
}

#dataflow-relationship-baseline .relationship-baseline-chart-row div > svg {
    width: 300px;
    min-width: 200px;
    height: 30px;
}

#relationship-baseline-container header {
    position: sticky;
    top: 110px;
    background: var(--alignvu-white);
}

.source-container .consolidationFilter {
    position: relative;
    width: 100%;
}

.source-container .consolidationFilter:hover p.consolidation-tooltip {
    display: block;
}

.source-container .consolidationFilter p.consolidation-tooltip {
    display: none;
    position: absolute;
    left: 20px;
    top: 16px;
    font-size: 11px;
    background-color: white;
    color: var(--alignvu-alignify-grey);
    line-height: 17px;
    /* white-space: nowrap; */
    padding: 0 5px;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    /* box-sizing: border-box; */
    font-weight: normal;
    z-index: 10;
    box-shadow: 0px 0px 10px #c9c9c963;
    width: 100%;
}

.consolidationTooltipContainer {
    position: relative;
}

.consolidationTooltipContainer:hover p.consolidation-tooltip {
    display: block;
}

.consolidationTooltipContainer p.consolidation-tooltip {
    display: none;
    position: absolute;
    left: 32px;
    top: 16px;
    font-size: 11px;
    background-color: white;
    color: var(--alignvu-alignify-grey);
    line-height: 20px;
    white-space: nowrap;
    padding: 0 5px;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    box-sizing: border-box;
    font-weight: normal;
    z-index: 10;
    box-shadow: 0px 0px 10px #c9c9c963;
}

#dataflow-view-feed-queue-modal .tabs .tab {
    margin: 0;
}

#dataflow-view-system-monitoring-modal .tab-container[data-tab] table {
    border-collapse: collapse;
}

#dataflow-view-system-monitoring-modal .tab-container[data-tab] table th,
#dataflow-view-system-monitoring-modal .tab-container[data-tab] table td {
    padding-right: 10px;
    padding-bottom: 5px;
}

#dataflow-view-system-monitoring-modal .tab-container[data-tab] thead tr {
    position: sticky;
    top: 0;
}

#dataflow-view-system-monitoring-modal .tab-container[data-tab] thead tr th {
    background: white
}

.monitor-regulator-aggregator-latency .container-boxed {
    display: flex;
    flex-direction: column;
    grid-gap: 1em;
}

.monitor-regulator-aggregator-latency .monitor-regulator-aggregator-latency-group p {
    margin: 0;
    padding: 0;
}

.monitor-regulator-aggregator-latency .monitor-regulator-aggregator-latency-group,
.monitor-regulator-aggregator-latency .monitor-regulator-aggregator-latency-row {
    display: grid;
    grid-template-columns: 75px repeat(3, minmax(100px, 1fr));
    grid-auto-flow: column;
    grid-gap: 5px 2em;
    z-index: 2;
}

.monitor-regulator-aggregator-latency .monitor-regulator-aggregator-latency-group .monitor-regulator-aggregator-latency-group-object .datafeedNameFlex span {
    font-size: 12px;
}

.monitor-regulator-aggregator-latency .monitor-regulator-aggregator-latency-group .monitor-regulator-aggregator-latency-group-object .monitor-regulator-aggregator-latency-group-object-box {
    display: grid;
    grid-template-columns: 50px 1fr;
    grid-gap: 5px;
    box-sizing: border-box;
    border: 1px solid var(--alignvu-alignify-grey);
    border-radius: 5px;
    padding: 8px;
    /* width: 80%; */
    box-sizing: border-box;
    height: 100%;
    align-content: space-between;
    background: white;
}

.monitor-regulator-aggregator-latency .monitor-regulator-aggregator-latency-group .monitor-regulator-aggregator-latency-group-object .monitor-regulator-aggregator-latency-group-object-box .datafeedNameFlex {
    grid-column: 1/3;
}

.monitor-regulator-aggregator-latency .monitor-regulator-aggregator-latency-group .monitor-regulator-aggregator-latency-group-object .granular-changes {
    display: flex;
}

.monitor-regulator-aggregator-latency .monitor-regulator-aggregator-latency-group .group-date {
    grid-column: 1;
}

.monitor-regulator-aggregator-latency .monitor-regulator-aggregator-latency-group .monitor-regulator-aggregator-latency-group-object[data-group="regulator"] {
    grid-column: 2;
}

.monitor-regulator-aggregator-latency .monitor-regulator-aggregator-latency-group .monitor-regulator-aggregator-latency-group-object[data-group="aggregators"] {
    grid-column: 3;
}

.monitor-regulator-aggregator-latency .monitor-regulator-aggregator-latency-group .monitor-regulator-aggregator-latency-group-object[data-group="integrations"] {
    grid-column: 4;
}

.monitor-aggregator-changes .monitor-aggregator-changes-row {
    display: grid;
    grid-template-columns: 100px repeat(2, minmax(100px, 150px))
minmax(100px, 350px) 100px 1fr;
    grid-gap: 5px;
}

.monitor-regulator-aggregator-latency .monitor-regulator-aggregator-latency-row h3,
.monitor-regulator-aggregator-latency .monitor-regulator-aggregator-latency-row p,
.monitor-aggregator-changes .monitor-aggregator-changes-row h3,
.monitor-aggregator-changes .monitor-aggregator-changes-row p {
    height: fit-content;
    margin: 0;
    padding: 0;
}

.monitor-aggregator-changes .fixed-header {
    position: sticky;
    top: 276px;
    background: white;
    width: 100%;
    z-index: 12;
}

.monitor-regulator-aggregator-latency .fixed-header {
    position: sticky;
    top: 276px;
    background: white;
    width: 100%;
    z-index: 10;
}

.monitor-aggregator-changes .vendor-filter-menu .sources-container.group {
    left: 310px;
}

.monitor-aggregator-changes .monitor-aggregator-changes-row,
.monitor-regulator-aggregator-latency .monitor-regulator-aggregator-latency-row {
    padding: 5px;
}

.monitor-aggregator-changes .monitor-aggregator-changes-row .badgeContainer {
    display: flex;
    grid-gap: 4px;
    flex-wrap: wrap;
}

.monitor-regulator-aggregator-latency .badge {
    font-size: 11px;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    min-width: unset;
}

.monitor-regulator-aggregator-latency .badge.totalUpdates {
    width: 100%;
}

.monitor-aggregator-changes .badge,
.monitor-aggregator-changes .monitor-aggregator-changes-row .badgeContainer .badge,
.monitor-regulator-aggregator-latency .badge {
    color: unset;
    width: fit-content;
    border: 1px solid var(--alignvu-light-grey);
    height: fit-content;
    border-radius: 10px;
    box-sizing: border-box;
}

.monitor-regulator-aggregator-latency .monitor-regulator-aggregator-latency-group .badge {
    border: unset !important;
}

.monitor-regulator-aggregator-latency .monitor-regulator-aggregator-latency-group .granular-changes .badge {
    border-radius: 5px !important;
}

.monitor-regulator-aggregator-latency .monitor-regulator-aggregator-latency-group .badge[onclick],
.monitor-aggregator-changes .monitor-aggregator-changes-row .badgeContainer .badge[onclick] {
    cursor: pointer;
}


.monitor-aggregator-changes .totalRegulatorInitiated {
    background: var(--alignvu-green);
}

.monitor-aggregator-changes .totalRegulatorProbablyInitiated {
    background: var(--alignvu-red-tint);
}

.monitor-aggregator-changes .totalAggregatorMoveReference {
    background: var(--alignvu-orange-tint);
}

.monitor-aggregator-changes .totalAggregatorUpdatedInitialRecords {
    background: var(--alignvu-yellow);
}

.monitor-aggregator-changes .totalAggregatorUpdatesNotInDatafeedValues {
    background: var(--alignvu-offset-tint);
}

.monitor-aggregator-changes .totalAggregatorEnrichments {
    background: var(--alignvu-amber);
    color: white !important;
}

.monitor-aggregator-changes .totalUnlinkedAwaitingReconciliation {
    background: var(--alignvu-purple-tint);
}

.monitor-aggregator-changes .totalNotSeenInWindow {
    background: var(--alignvu-gold-yellow);
}

.monitor-regulator-aggregator-latency .badge.totalUpdates {
    background: var(--alignvu-pale-grey);
}

.monitor-regulator-aggregator-latency .badge.previousWeek {
    background: #6aacca;
}

.monitor-regulator-aggregator-latency .badge.previousDay {
    background: var(--alignvu-offset-tint);
}

.monitor-regulator-aggregator-latency .badge.sameDay {
    background: var(--alignvu-green);
}

.monitor-regulator-aggregator-latency .badge.nextDay {
    background: var(--alignvu-alt-green);
}

.monitor-regulator-aggregator-latency .badge.nextWeek {
    background: var(--alignvu-amber);
    color: white;
}

.monitor-regulator-aggregator-latency .badge.notSeen {
    background: var(--alignvu-red);
    color: white;
}

.monitor-entity-consolidation header {
    position: sticky;
    top: 110px;
    background: var(--alignvu-white);
    z-index: 11;
    height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.monitor-entity-consolidation .entity-consolidation-graphs {
    display: grid;
    grid-template-columns: minmax(100px, 300px) repeat(3, minmax(330px, 1fr));
    grid-gap: 5px;
}

.monitor-entity-consolidation .entity-consolidation-graphs .entity-consolidation-graph {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.monitor-entity-consolidation .entity-consolidation-graphs .entity-consolidation-graph[data-entitytype="issuer"] {
    grid-column: 2;
}

.monitor-entity-consolidation .entity-consolidation-graphs .entity-consolidation-graph[data-entitytype="aggregator"] {
    grid-column: 3;
}

.monitor-entity-consolidation .entity-consolidation-graphs .entity-consolidation-graph[data-entitytype="integration"] {
    grid-column: 4;
}

.monitor-entity-consolidation .in-page-actions {
    width: unset;
}

.monitor-entity-consolidation .entity-consolidation-category-containers {
    display: flex;
    flex-direction: column;
}

.monitor-entity-consolidation header .entity-consolidation-totals {
    height: 100%;
}

.monitor-entity-consolidation header .entity-consolidation-totals > * {
    padding-bottom: 10px;
}

.monitor-entity-consolidation .entity-consolidation-totals,
.monitor-entity-consolidation .entity-consolidation-category-container-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(100px, 1fr));
    grid-gap: 5px 6px;
    align-items: start;
}

.monitor-entity-consolidation .entity-consolidation-category-containers .entity-consolidation-ref-code-name .nameContainer,
.monitor-entity-consolidation .entity-consolidation-category-containers .entity-consolidation-category-column {
    margin: 10px 0 !important;
}

.monitor-entity-consolidation header .entity-consolidation-category-container-row {
    padding-bottom: unset;
}

.monitor-entity-consolidation .entity-consolidation-category-regulator {
    display: grid;
    grid-template-columns: repeat(3, minmax(75px, 1fr));
    align-items: start;
    text-align: center;
    grid-gap: 5px;
}

.monitor-entity-consolidation .entity-consolidation-category-regulator h2 {
    text-align: center;
}

.monitor-entity-consolidation .entity-consolidation-category-containers h3.refCodeName {
    word-break: break-word;
}

.monitor-entity-consolidation .entity-consolidation-category-containers h3.totalCount,
.monitor-entity-consolidation .entity-consolidation-category-containers h3.refCodeName,
.monitor-entity-consolidation .entity-consolidation-category-containers .entity-consolidation-ref-code-name {
    padding: 0;
    /* margin: 0; */
    border-right: 1px solid var(--alignvu-pale-grey);
    height: 100%;
    padding-right: 5px;
}

.monitor-entity-consolidation .entity-consolidation-category-containers .entity-consolidation-ref-code-name .nameContainer {
    display: flex;
    flex-direction: column;
    height: 100%;
    grid-gap: 5px;
}

.monitor-entity-consolidation .entity-consolidation-category-containers .entity-consolidation-ref-code-name .nameContainer h3 {
    font-weight: normal;
    font-style: italic;
    margin: 0;
}

.monitor-entity-consolidation .entity-consolidation-category-regulator,
.monitor-entity-consolidation .entity-consolidation-category-column {
    border-right: 1px solid var(--alignvu-pale-grey);
    height: 100%;
    padding-right: 5px;
}

.monitor-entity-consolidation .entity-consolidation-header-group .entity-consolidation-category-regulator {
    height: unset;
}

.monitor-entity-consolidation .entity-consolidation-header-group .entity-consolidation-category-regulator,
.monitor-entity-consolidation .entity-consolidation-category-regulator .entity-consolidation-category-column {
    border-right: unset;
}

.monitor-entity-consolidation .entity-consolidation-category-column {
    display: flex;
    grid-gap: 5px;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
}

.monitor-entity-consolidation .entity-consolidation-category-containers .entity-consolidation-category-column p {
    margin: 0;
}

.monitor-entity-consolidation .entity-consolidation-category .category-name {
    position: sticky;
    top: 380px;
    width: 100%;
    background: white;
    padding: 10px 0;
    border-top: 1px solid var(--alignvu-pale-grey);
    border-bottom: 1px dotted var(--alignvu-pale-grey);
    margin-bottom: 5px;
    z-index: 10;
}

.monitor-entity-consolidation .entity-consolidation-category .category-name h2[onclick] {
    cursor: pointer;
}

.monitor-entity-consolidation .entity-consolidation-totals .entity-consolidation-header-group {
    display: flex;
    flex-direction: column;
    align-self: center;
    justify-self: center;
    align-items: center;
    grid-gap: 5px;
    height: 100%;
    width: 100%;
    /* margin-bottom: 10px; */
    justify-content: space-between;
    /* padding-right:5px; */
    box-sizing: border-box;
}

.monitor-entity-consolidation .entity-consolidation-totals .entity-consolidation-header-group .entity-consolidation-category-regulator {
    width: 100%;
}

.monitor-entity-consolidation .entity-consolidation-totals .entity-consolidation-header-group .entity-consolidation-category-regulator .is-regulator-entities {
    align-items: start;
}

.monitor-entity-consolidation .entity-consolidation-category-container-row .entity-consolidation-category-column,
.monitor-entity-consolidation .entity-consolidation-totals .entity-consolidation-header-group {
    border-right: 1px solid var(--alignvu-pale-grey);
    height: 100%;
}

.monitor-entity-consolidation .entity-consolidation-category-container-row .entity-consolidation-category-column[data-feedtype="Aggregator"][data-ismaster="false"],
.monitor-entity-consolidation .entity-consolidation-totals .entity-consolidation-header-group[data-entitytype="aggregator"][data-ismaster="false"],
.monitor-entity-consolidation .entity-consolidation-category-container-row .entity-consolidation-category-column[data-feedtype="Integration"],
.monitor-entity-consolidation .entity-consolidation-totals .entity-consolidation-header-group[data-entitytype="integration"] {
    border-right: unset;
}

.monitor-entity-consolidation .entity-consolidation-category-container-row .entity-consolidation-category-column[data-feedtype="Integration"][data-isnewentity="true"],
.monitor-entity-consolidation .entity-consolidation-totals .entity-consolidation-header-group[data-entitytype="integration"][data-isnewentity="true"] {
    border-left: 1px solid var(--alignvu-pale-grey);
}

.monitor-entity-consolidation .entity-consolidation-category-container-row .entityConsolidationRefCodeContainer h3,
.monitor-entity-consolidation .entity-consolidation-category-container-row .entityConsolidationRefCodeContainer p {
    word-break: break-word;
    margin: 0;
}

.monitor-entity-consolidation .entity-consolidation-category-container-row .entityConsolidationRefCodeContainer {
    height: 100%;
    margin: 10px 0;
}

.monitor-entity-consolidation .entity-consolidation-category-container-row .entity-consolidation-category-regulator .entity-consolidation-category-column,
.monitor-entity-consolidation .entity-consolidation-category-container-row .entity-consolidation-category-column:last-of-type,
.monitor-entity-consolidation .entity-consolidation-totals .entity-consolidation-header-group:last-of-type {
    border-right: unset;
    padding-right: unset;
}

.monitor-entity-consolidation header .entity-consolidation-category-container-row .entity-consolidation-category-regulator .entity-consolidation-category-column.is-regulator-entities {
    align-items: start;
}

.monitor-entity-consolidation .entity-consolidation-category-container-row .entity-consolidation-category-regulator .entity-consolidation-category-column.is-regulator-entities {
    grid-column: 1;
}

.monitor-entity-consolidation header .entity-consolidation-category-container-row .entity-consolidation-category-regulator .entity-consolidation-category-column p {
    padding: 0;
    margin: 0;
}

.monitor-entity-consolidation header .entity-consolidation-category-container-row .entity-consolidation-category-regulator .entity-consolidation-category-column.is-master-entities p {
    text-align: end;
}

.monitor-entity-consolidation header .entity-consolidation-category-container-row .entity-consolidation-category-regulator .entity-consolidation-category-column.is-master-entities {
    grid-column: 2/4;
}

.monitor-entity-consolidation .entity-consolidation-category-regulator .entity-consolidation-category-column {
    align-items: center;
}

.monitor-entity-consolidation header .entity-consolidation-category-regulator .entity-consolidation-category-column.is-master-entities {
    align-items: end;
}

.monitor-entity-consolidation .entity-consolidation-category-regulator .entity-consolidation-category-column.is-master-entities {
    grid-column: 3;
}

.monitor-entity-consolidation .entity-consolidation-totals .entity-consolidation-header-group h3,
.monitor-entity-consolidation .entity-consolidation-totals .entity-consolidation-header-group p {
    margin: 0;
    text-align: center;
}

.monitor-entity-consolidation .entity-consolidation-totals .entity-consolidation-header-group[data-entitytype] .entity-consolidation-total {
    display: flex;
    justify-self: center;
    padding: 15px;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-direction: column;
}

.monitor-entity-consolidation .entity-consolidation-totals .entity-consolidation-header-group[data-entitytype="issuer"] .entity-consolidation-total {
    background-color: #BC4378;
    color: var(--alignvu-pale-grey);
}

.monitor-entity-consolidation .entity-consolidation-totals .entity-consolidation-header-group[data-entitytype="aggregator"] .entity-consolidation-total {
    background-color: #D57D4B;
    color: var(--alignvu-pale-grey);
}

.monitor-entity-consolidation .entity-consolidation-totals .entity-consolidation-header-group[data-entitytype="aggregator"].entity-consolidation-disabled .entity-consolidation-total {
    background-color: var(--alignvu-dark-grey);
    color: white !important;
    pointer-events: none;
}

.monitor-entity-consolidation .entity-consolidation-totals .entity-consolidation-header-group[data-entitytype="aggregator"] .entity-consolidation-total[onclick]:hover {
    cursor: pointer;
}

.monitor-entity-consolidation .entity-consolidation-totals .entity-consolidation-header-group[data-entitytype="aggregator"] .entity-consolidation-total[onclick]:hover,
.monitor-entity-consolidation .entity-consolidation-totals .entity-consolidation-header-group[data-entitytype="aggregator"] .entity-consolidation-total.master-aggregator {
    background-color: #955734;
}

.monitor-entity-consolidation .entity-consolidation-totals .entity-consolidation-header-group[data-entitytype="integration"] .entity-consolidation-total {
    background-color: #D4BC56;
    color: var(--alignvu-pale-grey);
}

.monitor-entity-consolidation .entity-consolidation-totals .entity-consolidation-header-group .entity-consolidation-total small {
    font-size: 10px;
    text-align: center;
}

.entity-assessment-force-link-table-modal .modal-content {
    max-width: 700px;
    max-height: calc(100vh - 160px);
}

.entity-assessment-force-link-table-modal .entity-assessment-force-link-table-container {
    display: flex;
    flex-direction: column;
    grid-gap: 1em;
}

.entity-assessment-force-link-table-modal .entity-assessment-force-link-table-container .entity-assessment-record-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr) 20px;
    grid-gap: 1em;
}

.entity-assessment-force-link-table-modal .entity-assessment-force-link-table-container .entity-assessment-record-container:not(:last-child) {
    border-bottom: 1px solid grey;
    padding-bottom: 5px;
}

.entity-assessment-force-link-table-modal .entity-assessment-force-link-table-container .entity-assessment-record-container .entity-assessment-source-fields-container {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
}

.entity-assessment-force-link-table-modal .entity-assessment-force-link-table-container .entity-assessment-record-container .entity-assessment-source-container {
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
}

.entity-assessment-force-link-table-modal .entity-assessment-force-link-table-container .entity-assessment-record-container .entity-assessment-source-fields-container p {
    margin: 0;
    font-size: 13px;
    word-break: break-word;
}

.maintenance-reports-align-summary .landing-container .landing-group-section .badge[onclick] {
    cursor: pointer;
}

.maintenance-reports-align-summary .landing-container .landing-group-section .badge {
    background: var(--alignvu-amber);
    color: white;
    border: none;
}

.maintenance-reports-align-summary .landing-container .landing-group-section .badge-misaligned {
    background: var(--alignvu-light-grey);
    color: var(--alignvu-alignify-grey);
    border: none;
}

.maintenance-reports-align-summary .landing-container .landing-group-section .badge-aligned {
    background: var(--alignvu-mid-grey);
    color: white;
    border: none;
}

.maintenance-reports-align-summary .landing-container .landing-group-section .badge-deduped {
    background: var(--alignvu-orange-tint);
    color: var(--alignvu-alignify-grey);
    border: none;
}

.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="products"] .landing-program-container .landing-program-header,
.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="products"] .landing-program-container .landing-program-child-header {
    grid-template-columns: repeat(2, minmax(70px, 150px))  1fr;
}

.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="products"] .landing-program-container .landing-program-header .landing-custom-headers,
.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="products"] .landing-program-container .landing-program-child-header .landing-custom-headers {
    grid-template-columns: repeat(3, minmax(120px, 1fr)) 50px repeat(3, minmax(120px, 1fr));
    align-items: end;
    grid-gap: 5px;
    justify-items: center;
}

.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="products"] .landing-program-container .landing-program-child-header .landing-custom-headers {
    align-items: start;
}

.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="products"] .landing-program-container .landing-program-header .landing-custom-headers svg,
.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="products"] .landing-program-container .landing-program-child-header .landing-custom-headers svg {
    width: 120px;
}

.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="products"] .tooltip-parent,
.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="products"] .tooltipContainer {
    width: fit-content;
}

.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="products"] .landing-program-container .landing-program-child-header .landing-custom-headers .missing-badges [onclick] {
    cursor: pointer;
}

.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="program"] .landing-program-container .landing-program-header,
.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="program"] .landing-program-container .landing-program-child-header,
.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="program"] .landing-program-container .landing-program-child-children-row {
    grid-template-columns: repeat(2, minmax(70px, 150px)) 1fr;
    align-items: end;
}

.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="program"] .landing-program-container .landing-program-header .landing-custom-headers,
.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="program"] .landing-program-container .landing-program-child-children-row .landing-custom-headers {
    grid-template-columns: repeat(3, minmax(120px, 1fr)) 50px repeat(3, minmax(120px, 1fr));
    align-items: end;
    grid-gap: 5px;
    justify-items: center;
}

.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="program"] .landing-program-container .landing-program-child-children-row .landing-custom-headers {
    align-items: start;
}

.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="program"] .landing-program-container .landing-program-header .landing-custom-headers svg,
.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="program"] .landing-program-container .landing-program-child-children-row .landing-custom-headers svg {
    width: 120px;
}

.maintenance-reports-align-summary .landing-container .missing-badges {
    display: flex;
    grid-gap: 5px;
}

.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="program"] .landing-program-container .landing-program-child-children-row .landing-custom-headers .missing-badges [onclick] {
    cursor: pointer;
}

.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="rgc"] .landing-program-container .landing-program-header,
.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="rgc"] .landing-program-container .landing-program-child-header {
    grid-template-columns: repeat(2, minmax(70px, 150px))  1fr;
    align-items: end;
}

.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="rgc"] .landing-program-container .landing-program-header .landing-custom-headers,
.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="rgc"] .landing-program-container .landing-program-child-container .landing-program-child-children {
    display: grid;
    grid-template-columns: repeat(6, minmax(100px, 1fr));
    grid-gap: 5px;
    justify-items: center;
}

.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="rgc"] .landing-program-container .landing-program-child-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(70px, 150px)) 1fr;
    align-items: end;
    grid-gap: 5px;
    justify-items: center;
}


.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="rgc"] .landing-program-container .landing-program-child-container .landing-program-child-children div[data-vendorid] {
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
}


.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="rgc"] .landing-program-container .landing-program-child-container .landing-program-child-children div[data-vendorid] .rgc-container:not(:last-child) {
    border-bottom: solid 1px var(--alignvu-pale-grey);
}

.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="rgc"] .landing-program-container .landing-program-header .landing-custom-headers svg,
.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="rgc"] .landing-program-container .landing-program-child-container .landing-program-child-children svg {
    width: 120px;
}

.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="rgc"] .landing-program-container .grid-2-col-label-graph-container {
    display: grid;
    grid-template-columns: minmax(40px, 100px) 120px;
    grid-gap: 5px;
}

.maintenance-reports-align-summary .landing-container .landing-group-section[data-group="rgc"] .landing-program-container .grid-2-col-label-graph-container h2 {
    word-break: break-word;
}

.maintenance-reports-align-summary .badge {
    color: unset;
    width: fit-content;
    border: 1px solid var(--alignvu-light-grey);
    height: fit-content;
    border-radius: 10px;
    box-sizing: border-box;
}

.maintenance-reports-field-mapping-summary .changes-container {
    height: 100%;
}

.maintenance-reports-field-mapping-summary .landing-container .landing-program-container .landing-program-header {
    top: 145px;
    z-index: 4;
}


.maintenance-reports-field-mapping-summary .landing-container .landing-group-section[data-group="field_mapping"] .landing-custom-headers .two-col-charts,
.maintenance-reports-field-mapping-summary .landing-container .landing-group-section[data-group="field_mapping"] .landing-program-container .landing-program-child-container .landing-custom-headers .three-col-charts {
    grid-template-columns: repeat(2, minmax(120px, 1fr));
    grid-gap: 5px;
    display: grid;
}

.maintenance-reports-field-mapping-summary .landing-container .landing-group-section[data-group="field_mapping"] .landing-custom-headers .three-col-charts,
.maintenance-reports-field-mapping-summary .landing-container .landing-group-section[data-group="field_mapping"] .landing-program-container .landing-program-child-container .landing-custom-headers .three-col-charts {
    grid-template-columns: repeat(2, minmax(120px, 1fr)) minmax(240px, 1fr);
    grid-gap: 5px;
    display: grid;
}

.maintenance-reports-field-mapping-summary .landing-container .landing-group-section[data-group="field_mapping"] .landing-program-container .landing-program-child-container .landing-custom-headers div[data-type] {
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
}

.maintenance-reports-field-mapping-summary .landing-container .landing-group-section[data-group="field_mapping"] .landing-program-container .landing-program-child-container .landing-custom-headers div[data-type] .fieldDisplayNames {
    display: flex;
    flex-direction: column;
    word-break: break-all;
    grid-gap: 5px;
}

.maintenance-reports-field-mapping-summary .landing-container .landing-group-section[data-group="field_mapping"] .landing-program-container .landing-program-child-container .landing-custom-headers div[data-type] small {
    font-size: 12px;
    word-break: break-word;
}

.maintenance-reports-field-mapping-summary .landing-container .landing-group-section[data-group="field_mapping"] .landing-program-container .landing-program-child-container {
    padding: 0;
}

.maintenance-reports-field-mapping-summary .landing-container .landing-group-section[data-group="field_mapping"] .landing-program-container .landing-program-child-container:not(:first-child) {
    border-top: solid 2px var(--alignvu-pale-grey);
}

.maintenance-reports-field-mapping-summary .landing-container .landing-group-section[data-group="field_mapping"] .landing-program-container .landing-program-child-children .landing-program-child-container {
    border-top: unset;
}

.maintenance-reports-field-mapping-summary .landing-container .landing-group-section[data-group="field_mapping"] .landing-program-container .landing-program-child-header,
.maintenance-reports-field-mapping-summary .landing-container .landing-group-section[data-group="field_mapping"] .landing-program-container .landing-program-child-children .landing-program-child-container {
    padding: 10px 20px;
}

.maintenance-reports-field-mapping-summary .landing-container .landing-group-section .landing-program-container .landing-program-header,
.maintenance-reports-field-mapping-summary .landing-container .landing-group-section .landing-program-container .landing-program-child-header,
.maintenance-reports-field-mapping-summary .landing-container .landing-group-section[data-group="field_mapping"] .landing-program-container .landing-program-child-children .landing-program-child-container {
    grid-template-columns: minmax(80px, 100px) minmax(80px, 100px) 70px 1fr;
    grid-gap: 5px;
}

.maintenance-reports-field-mapping-summary .landing-container .landing-group-section .landing-program-container svg {
    width: 85px;
}

.maintenance-reports-field-mapping-summary .landing-group-section .four-grid-col {
    display: grid;
    grid-template-columns: repeat(4, 56px);
    grid-gap: 5px;
}

.maintenance-reports-field-mapping-summary .landing-container .landing-group-section .tooltip-parent,
.maintenance-reports-field-mapping-summary .landing-container .landing-group-section .tooltipContainer {
    width: 100%;
}

.maintenance-reports-field-mapping-summary .landing-container .landing-group-section .four-grid-col .badge {
    background: var(--alignvu-alignify-grey);
    color: white;
    border: none;
    height: fit-content;
    width: 100%;
    box-sizing: border-box;
    min-width: unset;
}

.maintenance-reports-field-mapping-summary .landing-container .landing-group-section .four-grid-col .badge[onclick] {
    cursor: pointer;
}

.maintenance-reports-field-mapping-summary .landing-container .landing-group-section .four-grid-col .badge.missing {
    background: var(--alignvu-amber);
}

.maintenance-reports-field-mapping-summary .landing-container .landing-group-section .four-grid-col .badge.probables {
    background: var(--alignvu-alt-green);
    color: var(--alignvu-alignify-grey);
}

.maintenance-reports-field-mapping-summary .landing-container .landing-group-section .four-grid-col .badge.alternatives {
    background: var(--alignvu-orange-tint);
    color: var(--alignvu-alignify-grey);
}

.maintenance-reports-field-mapping-summary .landing-container .landing-group-section .four-grid-col .badge.unparsedData {
    background: var(--alignvu-purple-tint);
    color: var(--alignvu-alignify-grey);
}

.maintenance-reports-field-mapping-summary .landing-container .landing-program-container .landing-program-child-container h2 img[onclick] {
    cursor: pointer;
}

#model-field-baseline-value-discrepency-modal.modal-backdrop {
    z-index: 10000;
}

.maintenance-reports-field-mapping-summary .landing-container .landing-program-container .landing-program-children .landing-program-child-container:nth-child(even),
.maintenance-reports-field-mapping-summary .landing-container .landing-program-container .landing-program-children .landing-program-child-group .landing-program-child-container {
    background-color: transparent;
}

.maintenance-reports-align-summary .separatorClass,
.maintenance-reports-field-mapping-summary .separatorClass {
    margin-right: 5px !important;
}