/***system*/
.btn {
	border-radius: 20px;
}
/*.bpm-modal .modal-body {
    padding: 0 1rem;
}*/
.control-label {
    font-size: medium;
    color: black;
    font-weight: 500;
}
.bpm-instance .panel .panel-header {
    background-color: #d8ebf1;
    border-bottom: none;
}
header h1 {
	font-size: 36px;
	font-weight: bold;
}

.table th {
	border-top: none;
	font-size: 18px;
	font-weight: bold;
	color: #212529;
	background-color: #f8f9fa;
	border-bottom: 1px solid #dee2e6;
}

.table td {
	border-top: none;
	font-size: 14px;
	color: #212529;
	border-bottom: 1px solid #dee2e6;
}

.table .fa {
	font-size: 20px;
	vertical-align: middle;
}

h2 {
	font-size: 24px;
	font-weight: bold;
	color: #333;
}

/***ROA*/
btn-roa
{
 background: white;
}

title-roa {
	background-color: #F9FAFB;
	font-size: 36px;
}



main {
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
}

section {
	background-color: #F9FAFB;
	border-radius: 10px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
	padding: 20px;
}


.stat-card {
	border-radius: 5px;
	padding: 20px;
	text-align: center;
	margin: 10px;
	display: inline-block;
}

.stat-card h3 {
	font-size: 18px;
	color: #333;
	margin-bottom: 10px;
}

.stat-card p {
	font-size: 24px;
	font-weight: bold;
	color: #00bcd4;
}

.element-pulse {
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}