.modal-loading {
	display: none;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.modal-content-loading {
	background-color: #fefefe;
	padding: 20px;
	border-radius: 8px;
	text-align: center;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.loader {
	border: 8px solid #f3f3f3;
	border-top: 8px solid #3498db;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	animation: spin 2s linear infinite;
	margin: 0 auto 15px auto;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* Ensure modals are centered properly when left navbar is present */
.modal-dialog {
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Make the table head stick at the top of its scroll container */
.table-responsive-2 thead th {
	position: sticky;
	top: 0;
	background-color: blue;
	z-index: 10;
}

.section-title2 {
	font-size: 16px;
	padding: 10px 0px 0px 20px;
	background: #f4f4f4e2 !important;
	border-bottom: none;
}

.modal-footer-form {
	background: #f4f4f4e2 !important;
	border-top: none;
}

.modal-body-form {
	background: #f4f4f4e2 !important;
}