.bg-custom-blue {
	background-color: #083569; /* Custom blue color */
}
.bg-custom-blue-light {
	background-color: #3B82F6; /* Lighter blue color */
}
.icon-large {
	font-size: 2.5rem; /* Larger icon size */
}
.navbar-fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}
.content {
	margin-top: 80px; /* Adjust based on navbar height */
}
.box-shadow {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add shadow to boxes */
}
.bg-light-gray {
	background-color: #d9d9db; /* Custom blue color */
}
.bg-image-ketua {
    background: url("pkk.png") no-repeat;
    background-size: cover;
    background-clip: border-box;
}
.container-custom {
	max-width: 1200px; /* Increase the max-width of the container */
}
.table {
	font-size: 11pt;
	border: 1px solid #ddd;
}

.table>thead {
	background-color: #083569;
	color: #FFFFFF;
	font-weight: 100;
	vertical-align: middle;
}
.table>thead>tr>th {
	vertical-align: middle;
}
.tableTotal{
	background-color: #F05155;
	color: #FFFFFF;
	font-weight: 100;
	vertical-align: middle;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th {
   border: 1px solid #ddd;
}
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
   border: 1px dashed #ddd;
}