.unresponsive {
	pointer-events: none; /* Disable all pointer events */
	opacity: 0.5; /* Set opacity to 0.5 */
}

.text-position {
	padding: unset !important;
}

.link-position {
	float: right;
}

.btn-size {
	width: 100%;
}

.create-user {
	margin-top: 10px;
}

.icon-circle {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #3c9830 ;
	align-items: center;
	justify-content: center;
}

.icon-circle i {
	position: absolute;
	color: white;
	font-size: 24px;
}

.lock-position {
	color: white !important;
	margin-top: 8px;
	margin-left: 8px;
}

.loader-hide {
	position: fixed;
	left: 45%;
	top: 40%;
	transform: translate(-50%, -50%);
	border: 5px solid #f3f3f3;
	border-top: 5px solid #3c9830;
	border-radius: 50%;
	width: 130px;
	height: 130px;
	animation: spin 2s linear infinite;
	display: none; /* Hidden by default */
}

	.loader-show {
		display: block; /* Show loader */
	}

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

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

.login-icon {
	position: absolute;
	left: 30px;
	top: 10px;
}