body {
	background-color: #F9F7F7;
	/* background: rgb(240,245,251); */
	/* background: linear-gradient(90deg, rgba(240,245,251,1) 0%, rgba(236,241,248,1) 35%, rgba(218,234,255,1) 100%); */
}

.main {
	/* background-color :#F0F8FF; */

	padding: 5%;
}

.pb-2 {
	padding-bottom: 2%;
}

.pb-3 {
	padding-bottom: 3%;
}

.bold {
	font-weight: bold;
}

.pr-5 {
	padding-right: 5%;
}

.pt-5 {
	padding-top: 10%;
}

@media only screen and (max-width: 768px) {

	html,
	body {
		overflow-x: hidden;
		width: 100%;
	}
}

.bg-theme {
	background-color: rgb(36 125 125);
}

/* =========================================================
   CUSTOM ADMIN TOPBAR
========================================================= */

.custom-topbar {
	background: linear-gradient(135deg,
			#ffffff 0%,
			#f8faff 100%) !important;

	border-bottom: 1px solid #e9edf5;

	box-shadow: 0 3px 15px rgba(15, 23, 42, 0.05);

	height: 100%;

	position: relative;

	z-index: 1000;
}


/* =========================================================
   PROFILE BUTTON
========================================================= */

.admin-profile-button {
	display: flex;

	align-items: center;

	gap: 10px;

	padding: 7px 12px 7px 8px;

	border-radius: 12px;

	text-decoration: none !important;

	transition: all 0.25s ease;

	cursor: pointer;
}


.admin-profile-button:hover {
	background: #f1f5ff;
}


/* =========================================================
   AVATAR
========================================================= */

.admin-avatar-wrapper {
	position: relative;

	width: 42px;
	height: 42px;

	flex-shrink: 0;
}


.admin-avatar {
	width: 42px;
	height: 42px;

	object-fit: cover;

	border-radius: 50%;

	border: 2px solid #ffffff;

	box-shadow:
		0 2px 8px rgba(0, 0, 0, 0.12);
}


/* Online indicator */

.online-dot {
	position: absolute;

	width: 11px;
	height: 11px;

	right: 0;
	bottom: 1px;

	background: #22c55e;

	border: 2px solid #ffffff;

	border-radius: 50%;
}


/* =========================================================
   NAME + ROLE
========================================================= */

.admin-profile-info {
	display: flex;

	flex-direction: column;

	justify-content: center;

	min-width: 100px;

	line-height: 1.2;
}


.admin-name {
	color: #172554;

	font-size: 14px;

	font-weight: 600;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	max-width: 150px;
}


.admin-role {
	color: #7b8499;

	font-size: 11px;

	font-weight: 500;

	margin-top: 4px;

	text-transform: capitalize;
}


/* =========================================================
   ARROW
========================================================= */

.profile-arrow {
	color: #7b8499;

	font-size: 17px;

	margin-left: 2px;

	transition: transform 0.2s ease;
}


.admin-profile-button[aria-expanded="true"] .profile-arrow {
	transform: rotate(180deg);
}


/* =========================================================
   DROPDOWN
========================================================= */

.admin-profile-dropdown {
	width: 300px;

	padding: 0;

	margin-top: 8px !important;

	border: 1px solid #e9edf5;

	border-radius: 14px;

	overflow: hidden;

	box-shadow:
		0 15px 40px rgba(15, 23, 42, 0.12);
}


/* =========================================================
   DROPDOWN HEADER
========================================================= */

.profile-dropdown-header {
	display: flex;

	align-items: center;

	gap: 12px;

	padding: 18px 18px 15px;

	background: linear-gradient(135deg,
			#f8faff 0%,
			#eef3ff 100%);
}


.profile-dropdown-avatar-wrapper {
	position: relative;

	width: 48px;
	height: 48px;

	flex-shrink: 0;
}


.profile-dropdown-avatar {
	width: 48px;
	height: 48px;

	border-radius: 50%;

	object-fit: cover;

	border: 3px solid #ffffff;

	box-shadow:
		0 3px 10px rgba(0, 0, 0, 0.12);
}


.profile-online-dot {
	position: absolute;

	right: 0;
	bottom: 1px;

	width: 12px;
	height: 12px;

	background: #22c55e;

	border-radius: 50%;

	border: 2px solid #ffffff;
}


.profile-dropdown-name {
	margin: 0;

	color: #172554;

	font-size: 14px;

	font-weight: 700;
}


.profile-dropdown-role {
	display: inline-block;

	margin-top: 4px;

	padding: 3px 8px;

	border-radius: 20px;

	background: #e0e7ff;

	color: #4338ca;

	font-size: 10px;

	font-weight: 600;

	text-transform: uppercase;

	letter-spacing: 0.3px;
}


/* =========================================================
   WELCOME SECTION
========================================================= */

.profile-welcome {
	display: flex;

	align-items: center;

	gap: 12px;

	padding: 14px 18px;
}


.welcome-icon {
	width: 38px;
	height: 38px;

	display: flex;

	align-items: center;

	justify-content: center;

	border-radius: 10px;

	background: #f1f5f9;

	color: #475569;

	font-size: 20px;

	flex-shrink: 0;
}


.welcome-title {
	color: #334155;

	font-size: 13px;

	font-weight: 600;
}


.welcome-text {
	color: #94a3b8;

	font-size: 11px;

	margin-top: 2px;
}


/* =========================================================
   LOGOUT
========================================================= */

.profile-logout {
	display: flex !important;

	align-items: center;

	gap: 10px;

	margin: 5px 8px 8px;

	padding: 10px 12px !important;

	border-radius: 8px;

	color: #dc3545 !important;

	font-size: 13px;

	font-weight: 600;

	transition: all 0.2s ease;
}


.profile-logout:hover {
	background: #fff1f2 !important;

	color: #dc2626 !important;
}


.logout-icon {
	width: 30px;
	height: 30px;

	display: flex;

	align-items: center;

	justify-content: center;

	border-radius: 7px;

	background: #fff1f2;

	font-size: 16px;
}


/* =========================================================
   TOPBAR BUTTON
========================================================= */

.custom-topbar .button-toggle-menu {
	width: 42px;
	height: 42px;

	border: 0;

	border-radius: 10px;

	background: #f5f7fb;

	color: #475569;

	transition: all 0.2s ease;
}


.custom-topbar .button-toggle-menu:hover {
	background: #e9efff;

	color: #3346a8;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 576px) {

	.custom-topbar {
		height: 64px;
	}

	.admin-profile-info {
		display: none;
	}

	.profile-arrow {
		display: none;
	}

	.admin-profile-button {
		padding: 5px;
	}

	.admin-avatar-wrapper,
	.admin-avatar {
		width: 38px;
		height: 38px;
	}

	.admin-profile-dropdown {
		width: 280px;
		margin-right: 5px;
	}
}



.border-radius-top{
	border-radius: 10px 10px 0px 0px !important;
}



/* Custom Css 02-09-2026 */
.primary-btn{
	background: #107170 !important;
    color: #fff;
}

.primary-text{
	color: #107170 !important;
}

.table-custom th{
	color: #fff !important;
}