/*Finance*/
.oig-input-mixed-input.budget {
	gap: 0;
}

.budget-chart-legend {
	display: flex;
	gap: 16px;
}

.budget-chart-legend > div {
	display: flex;
	gap: 8px;
	align-items: center;
}

.budget-chart-legend > div .shape {
	width: 8px;
	height: 8px;
	border-radius: 16px;
}

.budget-chart-legend > .budget .shape {
	background: #32A9FD;
}

.budget-chart-legend > .realization .shape {
	background: #F5C506;
}

.budget-chart-legend > .remainder .shape {
	background: #8BD040;
}

/*Finance updates*/
.oig-badge.finance-update-badge {
	color: var(--grey-800-color);
	font-weight: 600;
	gap: 8px;
}

/*Updates*/
.update-progress-measurements {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;
}

.update-progress-measurements > .update-progress-measurement {
	display: flex;
	flex-direction: row;
	gap: 8px;
	color: var(--grey-800-color);
}

.update-progress-measurements > .update-progress-measurement > .measured-value,
.update-progress-measurements > .update-progress-measurement > .measured-progress {
	background-color: var(--grey-100-color);
	padding: 2px 8px;
	border-radius: 6px;
}

/*Evaluations*/

.evaluation-scores-list {
}

.evaluation-scores-list .evaluation-score-badge {
	display: flex;
	align-items: center;
	gap: 16px;
}

.evaluation-scores-list .evaluation-score-badge:has(.oig-button.active) {
	color: var(--primary-color);
}

.evaluation-scores-list .evaluation-score-badge .oig-button {
	height: 34px !important;
	width: 31px !important;
	color: var(--grey-500-color);
	font-weight: 450 !important;
	font-size: 12px;
	border-color: var(--grey-300-color) !important;
	border-radius: 8px !important;
	background-color: white !important;
}

.evaluation-scores-list .evaluation-score-badge .oig-button.active {
	color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
	background-color: var(--primary-lightest-color) !important;
}

.evaluation-scores-list .evaluation-score-gap-border {
	margin-left: 15px;
	height: 16px;
	border-left: 1px dashed var(--grey-400-color);
}

.item-block.evaluation .item-block-header {
	gap: 8px;
}

.item-block.evaluation .member-name,
.item-block.evaluation p {
	color: var(--grey-800-color) !important;
}


/*Plan Content*/
.oig-input.filter-multiselect.e-multiselect.e-input-group,
.oig-input.filter-multiselect.e-multiselect.e-input-group.e-control-wrapper {
	min-height: 38px;
	height: 38px;
}

.oig-input.filter-multiselect .e-multi-select-wrapper,
.oig-input.filter-multiselect .e-input-wrap {
	max-height: 38px;
	overflow-y: auto;
	overflow-x: hidden;
	align-items: center;
}