/* region Risk Header */
.risk__title__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* endregion Risk Header */

/* region Risk Analysis */
.input-green {
    border-radius: var(--radius-sm) !important;
    border-color: var(--color-success) !important;
    background-color: var(--color-success) !important;
}

.input-green input {
    color: var(--color-white) !important;
    background-color: var(--color-success) !important;
    border-color: var(--color-success) !important;
    border-radius: var(--radius-sm) !important;
    height: var(--input-height) !important;
    text-align: right;
    padding: 3px 8px !important;
}

.input-orange {
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 0.9rem;
    border-color: var(--color-warning);
    color: var(--color-black);
    background-color: var(--color-warning);
    border-radius: var(--radius-sm);
    text-align: right;
    padding: 2px 8px;
}

.input-white {
    border-radius: var(--radius-sm) !important;
}

.input-white input {
    border-radius: var(--radius-sm) !important;
    height: var(--input-height) !important;
    text-align: right;
    padding: 3px 8px !important;
}

.div-measures span {
    font-weight: bold;
    overflow: hidden;
}

.criterion-line,
.subcriterion-line {
    display: flex;
}

.criterion-text,
.subcriterion-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.criterion-text:hover,
.subcriterion-text:hover {
    white-space: normal;
    background-color: var(--theme-page-background-85);
    z-index: 1;
}

.subcriterion-text {
    padding-left: 50px;
}

.criterion-tooltip,
.subcriterion-tooltip,
.standard-criterion-tooltip {
    width: 25px;
}

.standard-criterion-tooltip{
    margin-top: var(--tooltip-offset);
}

.row-title {
    height: 20px;
}

.row-title-text {
    text-align: center;
}

.row-title-text span {
    font-weight: bold;
}

.row-content,
.row-content-analysis {
    height: 27px;
    margin-top: 6px !important;
}

.row-content-analysis {
    margin-top: 15px !important;
}
/* endregion Risk Analysis */

/* region Risk Dashboard */
.risk-scenario__grid-settings__dialog {
    display: flex;
    gap: 14px;
    justify-content: flex-end;
}

.risk-scenario__grid-settings__dialog__numeric-input {
    width: 55%;
}
/* endregion Risk Dashboard */

/* region Risk Report */
.risk-matrix-chart {
    height: var(--chart-size);
    width: var(--chart-size);
}

.risk-matrix-chart__container {
    aspect-ratio: 1 / 1;
    max-width: 100%;
    max-height: 100%;
}

.bc-matrix-card-container__scenario {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background-color: white;
    border: 1px solid var(--theme-card-default-border);
    border-radius: var(--radius-lg);
    padding: 0.5rem;
}

.bc-matrix-card-container__scenario__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}

.bc-matrix-card-container__scenario__item__title {
    font-size: 0.875rem;
    font-weight: 500;
}
/* endregion Risk Report */

/* region Risk Scenario */
.analysis-value {
    display: flex;
}

.analysis__header,
.analysis__body,
.analysis__footer {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
}

.analysis__header {
    display: flex;
    flex-direction: column;
}

.analysis__header__top-content,
.analysis__body__top-content {
    display: flex;
    padding: 16px 15% 16px 16px;
    background: var(--color-bg-eee);
    border-radius: var(--radius-md) var(--radius-md) 0 0;
    justify-content: space-between;
}

.analysis__header__top-content {
    border-bottom: 1px solid var(--color-border);
}

.analysis__header__bottom-content,
.analysis__body__bottom-content {
    display: flex;
    justify-content: space-between;
    padding: 16px 15% 2px 16px;
}

.analysis__parent-row {
    background-color: var(--color-bg-f7);
    border-top: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
    padding: 16px !important;
    padding-right: 15% !important;
}

.analysis__parent-row:last-child {
    border-radius: 0 0 var(--radius-md) var(--radius-md);
}

.analysis__top__values-container {
    display: flex;
    gap: 30px;
}

.analysis__top__name-container {
    display: flex;
    align-items: center;
    color: var(--color-text-dark);
    font-size: var(--font-size-text-md);
    font-weight: var(--font-weight-medium);
}

.analysis-value__header {
    display: flex;
    justify-content: center;
    width: var(--value-width);
    font-size: var(--font-size-text-sm);
    color: var(--color-muted);
    font-weight: 400;
    line-height: 18px;
}

.analysis-value-cell,
.analysis_values {
    width: var(--value-width);
}

.analysis_values {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.analysis__value {
    font-weight: var(--font-weight-bold);
}

.analysis_values .div-input {
    max-height: 41px !important;
}

.analysis__body-text {
    font-weight: var(--font-weight-bold);
}

.analysis__body-weight-text {
    font-size: var(--font-size-text-xs);
    color: #516077;
}

.analysis__name-icon {
    display: flex;
    flex-direction: row;
    gap: 4px;
}

.analysis__body__left-container,
.analysis__header__left-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.analysis__values__content {
    display: flex;
    gap: 30px;
    padding-top: 8px;
    justify-content: center;
    align-items: center;
}

.analysis__gauge {
    padding: var(--gauge-padding);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    margin-bottom: 16px;
    margin-top: 10px;
    position: relative;
}

.analysis__gauge__top {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: center;
    gap: var(--gauge-gap);
}

.analysis__gauge__centered-text {
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.gauge__centered-number {
    font-size: var(--font-size-display-sm);
    font-weight: var(--font-weight-bold);
}

.gauge__centered-text {
    color: var(--color-overlay);
    font-size: var(--font-size-text-xs);
    font-weight: var(--font-weight-bold);
}

.analysis__gauge__bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--gauge-gap);
}

.analysis__gauge__summary__text {
    font-weight: var(--font-weight-bold);
}

.analysis__gauge__summary__number {
    font-weight: var(--font-weight-regular);
}

.row-values {
    display: flex;
}

.analysis__tooltip {
    font-size: 15px !important;
    margin-top: 3px !important;
}
/* endregion Risk Scenario */

/* region Risk Assessment */
#ScenarioAssessmentResourceTemplates {
    padding-bottom: 4px;
}

#ScenarioAssessmentResourceTemplates > ul > li > div.e-fullrow {
    pointer-events: none;
    border-radius: var(--radius-md);
    border: none !important;
    background-color: transparent !important;
}

#ScenarioAssessmentResourceTemplates .e-list-item.e-active > .e-fullrow {
    border: 1px solid var(--color-white);
    border-radius: var(--radius-md);
    height: var(--list-item-height);
}

#ScenarioAssessmentResourceTemplates .e-list-item.e-hover div.e-fullrow:first-of-type {
    height: var(--list-item-height) !important;
    border-radius: var(--radius-md);
}

#ScenarioAssessmentResourceTemplates .e-list-item.e-active > div.e-text-content > span > div > div.bc-resource-node-icons > button > span:before {
    color: var(--color-white);
}

#ScenarioAssessmentResourceTemplates .e-list-item.e-active > div.e-text-content > span > div > div.bc-resource-node-icons > span {
    background-color: var(--theme-button-secondary-filled-foreground);
    color: var(--theme-button-secondary-filled-background);
}

#ScenarioAssessmentResourceTemplates > ul > li > div.e-text-content {
    pointer-events: none;
    overflow: hidden;
    color: var(--Colors-foreground-primary, rgba(0, 0, 0, 0.92));
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding-left: 30px !important;
}

#ScenarioAssessmentResourceTemplates > div.e-text-content.e-icon-wrapper > span > div > span.bc-counter-badge,
#ScenarioAssessmentResourceTemplates > ul > li > div.e-text-content.e-icon-wrapper > span > div > div > span.bc-counter-badge,
#ScenarioAssessmentResourceTemplates > ul > li > div.e-text-content.e-icon-wrapper > span > div > div > button.bc-button {
    display: none !important;
}

#ScenarioAssessmentResourceTemplates > ul > li > div.e-text-content .e-icon-expandable:before {
    content: "\e75c" !important;
    font-weight: 700;
    font-size: 25px;
    margin-top: -3px;
}

#ScenarioAssessmentResourceTemplates > ul > li > div.e-text-content .e-icon-collapsible:before {
    content: "\e75c" !important;
    rotate: 90deg;
    font-weight: 700;
    font-size: 25px;
    margin-top: -2px;
}

#ScenarioAssessmentResourceTemplates .e-treeview .e-list-item.e-hover>.e-fullrow,
.e-treeview .e-list-item.e-node-focus>.e-fullrow {
    height: var(--list-item-height) !important;
    border-radius: var(--radius-md);
}

#ScenarioAssessmentResourceTemplates .e-list-item .e-text-content{
    padding-top: 4px !important;
}

#ScenarioAssessmentResourceTemplates .e-text-content .e-list-text {
    width: 100%;
}
/* endregion Risk Assessment */

/* region RiskMatrix */
td.rotate {
    white-space: nowrap;
    vertical-align: middle;
}

td.rotate > div {
    transform: translate(0, var(--rotate-translate)) rotate(270deg);
    width: 10px;
}

td.rotate > div > span {
    padding: 5px 25px;
}

table.diagramtable > tbody > tr > td.row {
    padding-right: 0;
}

div.diagram .riskscen {
    position: absolute;
    display: flex;
    flex-direction: column;
}

div.diagram .circle {
    background-color: var(--color-lightgray);
    border: 1px solid var(--color-black-border);
}
/* endregion RiskMatrix */