.button-styled-as-label {
	color: #757575;
	border: 0;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}

.status-initialized {
	color: grey;
}

.show-fields {
	margin-bottom: 5px;
}

.product-field-table > tbody > tr > td {
	border-bottom: 0;
}

.header-area {
	padding: 6px;
	padding-left: 14px;
	border: 1px solid #eeeeee;
	border-bottom: 0px;
	background-color: white;
	margin-bottom: 0px;
}


.btn-group-label {
	color: #555 !important;
	background-color: white !important;
}

.btn-check:checked + .btn-primary {
	color: white !important;
	background-color: #337ab7 !important;
}

.checkbox-in-list .mb-field {
	min-height: 0;
}

.empty-icon {
	margin-left: 25px;
}

.mb-form-stacked-small .mb-field {
	margin-bottom: 8px;
}
.mb-form-stacked-small .mb-label {
	margin-bottom: 3px;
}

.modelling-platform-svg > div {
	padding-top: 10px;
	padding-bottom: 10px;
}

.modelling-platform-svg-rstudio {
	padding-left: 4px;
}

.kpi-card {
	background-color: white;
	border-radius: 4px;
	padding: 16px;
	text-align: left;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	position: relative; /* Nieuwe stijl toegevoegd */
}


.kpi-card-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.kpi-card-title {
	/*font-size: 16px;*/
	font-weight: bold;
	color: #757575;
}

.kpi-card-content {
	display: flex;
	padding-top: 16px;
	align-items: center;
}

.kpi-card-value {
	font-size: 20px;
	font-weight: bold;
	color: #757575;
}

.kpi-card-difference {
	font-size: 12px;
	position: absolute;
	bottom: 8px;
	right: 8px;
}

.positive {
	color: green;
}

.negative {
	color: red;
}

.bottom-actions .action {
	margin-left: 10px;
}
.bottom-actions .action	a {
	margin-left: 5px !important;
}

.filter-content-block-extended-optimizer {
	.filter-block {
		min-width: 600px !important;
	}
}

.maintain-product-results {
	.id-column {
		width: 10%;
	}
	.name-column {
		width: 40%;
	}
	.code-column {
		width: 40%;
	}
	.row-actions {
		width: 10%;
	}
}

.manage-product-result-mappings {
	.id-column {
		width: 10%;
	}
	.code-column {
		width: 40%;
	}
	.external-code-column {
		width: 40%;
	}
	.row-actions {
		width: 10%;
	}
}

.maintain-model-composition {
	.code-column {
		width: 10%;
	}
	.name-column {
		width: 20%;
	}
	.formula-column {
		width: 40%;
	}
	.result-code-column {
		width: 20%;
	}
	.row-actions {
		width: 10%;
	}
}