html {
	height: 100%;
	font-family: system-ui;
}

body {
	font-size: 0.875rem;
	color: #000;
	background-color: #ededed;
	height: 100%;
	font-family: system-ui;
}

@media (min-width: 1201px) and (max-width: 1600px) {
	.page {
		zoom: 0.9;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.page {
		zoom: 0.9;
	}
}

h1:focus {
	outline: none;
}

a,
.btn-link {
	color: #0071c1;
	text-decoration: none !important;
}

@font-face {
	font-family: "k010";
	src: url("fonts/k010.woff") format("woff");
}

@font-face {
	font-family: "Script MT Bold";
	src: url("fonts/SCRIPTBL.woff") format("woff");
}

.fee-concession-wizard,
.wizard-container {
	padding: 0px;
}

.fa:before {
	background: none !important;
	opacity: 1 !important;
}

.rz-sortable-column .rzi-sort {
	font-size: 15px;
	position: relative;
	top: 6px;
}

.rz-button:before {
	position: relative !important;
}

.reg-theme .ud-shell {
	min-height: calc(100vh - 160px);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
}

.reg-theme .ud-card {
	width: 100%;
	max-width: 960px;
}

.reg-theme .ud-card-body {
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
	padding: 10px;
}

.reg-theme .ud-card::before {
	content: "";
	display: block;
	height: 4px;
	width: 100%;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	background: #4bd285;
}

.reg-theme .loading-spinner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 32px 16px;
	color: #4b5563;
}

.reg-theme .loading-spinner p {
	margin: 8px 0 0 0;
	font-weight: 500;
}

.reg-theme .error-message {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 16px;
	background-color: #fff1f2;
	border: 1px solid #fecdd3;
	color: #b91c1c;
	border-radius: 8px;
}

.reg-theme .public_center {
	display: flex;
	justify-content: center;
}

.reg-theme .notice-panel {
	margin-top: 12px;
}

.reg-theme .actions-panel {
	margin-top: 16px;
}

.reg-theme .publicreglist {
	margin-top: 8px;
}

.reg-theme label {
	font-weight: 600;
	color: #374151;
}

.reg-theme .form-group {
	margin-bottom: 14px;
}

.reg-theme .form-group {
	position: relative;
}

.reg-theme .form-control {
	border: 1px solid #e5e7eb;
	border-bottom: 2px solid #d9d6ff;
	transition: border-color 0.22s ease, border-bottom-color 0.22s ease,
		background 0.22s ease;
	font-size: 14px;
	min-height: 40px;
}

.reg-theme .form-group>label {
	display: inline-block;
	margin-bottom: 6px;
	color: #6b7280;
	transition: color 0.2s ease;
}

.reg-theme .form-control:focus+.validation-message,
.reg-theme .form-control:focus~.validation-message {
	color: #b91c1c;
}

.reg-theme select.form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%236b7280' d='M5.516 7.548a.625.625 0 0 1 .884 0L10 11.148l3.6-3.6a.625.625 0 1 1 .884.884l-4.042 4.041a.625.625 0 0 1-.884 0L5.516 8.432a.625.625 0 0 1 0-.884Z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 18px 18px;
	padding-right: 38px;
}

.reg-theme select.form-control:focus {
	background-color: #fff;
	outline: none;
	box-shadow: none !important;
}

.reg-theme .form-control:focus {
	border-bottom: 2px solid #4caf50;
	background: #ffffff;
}

.reg-theme .validation-message,
.reg-theme .field-validation-error,
.reg-theme .text-danger {
	color: #8c1717 !important;
	font-size: 12px;
	background: #ffd8d8;
	border-radius: 5px;
	padding: 1px 6px;
}

.reg-theme .btn-danger.float-right {
	background: linear-gradient(135deg, #28a745, #20c997);
	border: 2px solid #80808000 !important;
	padding: 10px 18px !important;
	border-radius: 10px;
}

.reg-theme .btn-danger.float-right:hover {
	filter: brightness(1.02);
	transform: translateY(-1px);
	box-shadow: 0 10px 24px rgba(124, 58, 237, 0.4);
}

.reg-theme .btn-outline-secondary {
	border-radius: 10px;
	border: 2px solid #868686 !important;
	background: #ffffff;
	color: #374151;
	padding: 10px 18px !important;
}

.reg-theme .btn-outline-secondary:hover {
	background: #363636;
	color: white;
}

@media (max-width: 768px) {
	.reg-theme .ud-card-body {
		padding: 16px;
		border-radius: 10px;
	}

	.reg-theme .ud-shell {
		padding: 12px;
	}
}

.custom-overlay-fee {
	position: fixed !important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	margin: 0;
	padding: 0;
	background-color: rgb(0 0 0 / 80%);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	z-index: 1000;
}

.fee-popup-container {
	position: fixed;
	z-index: 3456;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 520px;
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
	border: 1px solid rgba(16, 24, 40, 0.08);
	overflow: hidden;
	animation: fee-pop-in 0.22s ease-out;
	padding: 20px;
}

.fee-popup-container .close-btn {
	position: absolute;
	right: 10px;
	top: 6px;
	width: 34px;
	height: 34px;
	border-radius: 999px;
	border: 1px solid #e5e7eb;
	background: #323232;
	color: #ffffff;
	line-height: 0;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
	padding: 3px 0;
}

.fee-popup-container .close-btn:hover {
	background: #545454;
}

.fee-popup-container .newdsn.designform {
	padding: 18px 18px 16px;
}

.feefooterleftsingle {
	margin-bottom: 10px;
}

.feefooterleftsingle .rz-label {
	font-weight: 700;
	color: #111827;
	font-size: 16px;
}

.feefooterleftsingle .paygatesec {
	margin-top: 10px;
}

.fee-popup-container .rz-selectbar,
.fee-popup-container .rz-selectbutton {
	width: 100%;
}

.fee-popup-container .rz-selectbar .rz-button,
.fee-popup-container .rz-selectbutton .rz-button {
	border-radius: 10px !important;
	border: 1px solid #e5e7eb !important;
	background: #ffffff !important;
	color: #374151 !important;
	padding: 8px 10px !important;
	margin: 4px !important;
}

.fee-popup-container .rz-selectbar .rz-state-active,
.fee-popup-container .rz-selectbutton .rz-state-active {
	background: linear-gradient(90deg, #7c3aed 0%, #9333ea 100%) !important;
	color: #ffffff !important;
	border-color: transparent !important;
	box-shadow: 0 8px 20px rgba(124, 58, 237, 0.25) !important;
	padding: 6px !important;
}

.fee-popup-container .rz-selectbar .rz-button img,
.fee-popup-container .rz-selectbutton .rz-button img {
	height: 36px;
	border-radius: 3px;
	object-fit: contain;
	margin-right: 0;
	width: 100%;
}

.fee-popup-container .form-group {
	margin-bottom: 12px;
}

.fee-popup-container .form-group label {
	font-weight: 600;
	color: #374151;
	display: flex;
}

.fee-popup-container .form-control {
	background: #f6f7fb;
	border-radius: 8px;
	border: 1px solid #e5e7eb;
	border-bottom: 2px solid #d9d6ff;
	min-height: 40px;
}

.fee-popup-container .form-control:focus {
	background: #fff;
	border-color: #c7b5f8;
	border-bottom-color: #7c3aed;
	box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12);
}

.fee-popup-container .totlamnt {
	text-align: center;
}

.fee-popup-container .totlamnt h5 {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 14px 0 6px;
	padding: 8px 16px;
	border-radius: 999px;
	background: linear-gradient(135deg, #7c3aed, #9333ea);
	color: #ffffff;
	box-shadow: 0 12px 28px rgba(124, 58, 237, 0.28);
	letter-spacing: 0.3px;
	font-weight: 600;
}

.fee-popup-container .totlamnt h5::before {
	content: "₹";
	display: inline-block;
	font-weight: 900;
	font-size: 18px;
	opacity: 0.95;
}

.fee-popup-container .totlamnt p {
	margin: 4px 0 0;
	color: #6b7280;
	font-size: 12px;
}

.fee-popup-container .btn.btn-success {
	background: linear-gradient(135deg, #28a745, #20c997) !important;
	border: 1px solid green !important;
	border-radius: 10px !important;
	padding: 10px 18px !important;
	box-shadow: 0 10px 24px rgba(40, 167, 69, 0.35) !important;
}

.fee-popup-container .btn.btn-success:hover {
	transform: translateY(-1px);
}

.fee-popup-container .btn.btn-danger {
	background: #ffffff !important;
	color: #374151 !important;
	border: 2px solid #b2b2b2 !important;
	border-radius: 10px !important;
	padding: 10px 18px !important;
}

.fee-popup-container .btn.btn-danger:hover {
	background: #e5e7eb !important;
}

@keyframes fee-pop-in {
	from {
		transform: translate(-50%, -46%) scale(0.98);
		opacity: 0;
	}

	to {
		transform: translate(-50%, -50%) scale(1);
		opacity: 1;
	}
}

@media (max-width: 600px) {
	.fee-popup-container {
		max-width: 92vw;
	}
}

.public_center {
	max-width: 980px;
	margin: 0 auto;
	padding: 10px 16px;
	box-sizing: border-box;
}

.public_center>*+* {
	margin-top: 16px;
}

.ud-shell {
	padding: 8px;
}

.ud-card {
	background: #ffffff;
	border: 1px solid rgba(16, 24, 40, 0.08);
	border-radius: 12px;
	box-shadow: 0 6px 24px rgba(16, 24, 40, 0.08);
}

.notice-panel::-webkit-scrollbar {
	width: 10px;
}

.notice-panel::-webkit-scrollbar-thumb {
	background: rgba(16, 24, 40, 0.18);
	border-radius: 8px;
}

.notice-panel::-webkit-scrollbar-track {
	background: transparent;
}

.publicnotice .loading-spinner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 12px;
	text-align: center;
	padding: 2rem;
	min-height: 60vh;
	width: 100%;
}

.publicnotice .error-message {
	color: #dc3545;
	text-align: center;
	padding: 1rem;
	background-color: #f8d7da;
	border: 1px solid #f5c6cb;
	border-radius: 4px;
	margin: 1rem 0;
}

.publicnotice .btn {
	margin-bottom: 0.5rem;
}

.publicnotice article {
	padding: 0 !important;
}

.publicnotice .regseatheader::before {
	display: none;
}

.regseat-modern {
	height: 100vh;
	overflow: hidden;
	padding: 10px 0;
}

.regseat-container {
	max-width: 1420px;
	margin: 0 auto;
	padding: 0 10px;
	height: calc(100vh - 20px);
}

.regseat-row {
	display: flex;
	gap: 15px;
	align-items: stretch;
	height: 100%;
}

.regseat-info-panel {
	flex: 1;
	background: white;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.regseat-info-content {
	padding: 15px;
	flex: 1;
	overflow-y: auto;
}

.regseat-info-title {
	font-size: 20px;
	font-weight: 600;
	color: #0d1881;
	margin-bottom: 14px;
}

.regseat-steps-container {
	background: #ceeaf9;
	border-radius: 8px;
	padding: 10px;
	margin-bottom: 10px;
}

.regseat-steps-title {
	color: #2d2d2d;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
}

.regseat-steps-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.regseat-step-item {
	display: flex;
	align-items: flex-start;
	padding: 5px 8px;
	margin-bottom: 6px;
	border: 1px solid #e4e4e4;
	border-radius: 6px;
	border-left: 3px solid #667eea;
	transition: all 0.3s ease;
	position: relative;
	font-size: 0.9rem;
	flex-direction: column;
	background: #fff9f1;
	color: black;
	font-weight: 600;
	gap: 0px;
}

.regseat-step-item:hover {
	transform: translateX(5px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.regseat-step-desc {
	color: #666;
	font-size: 12px;
	display: block;
	margin-top: 0;
	font-style: italic;
	font-weight: 400;
}

.regseat-info-text {
	color: #666;
	line-height: 1.4;
	font-size: 0.85rem;
	margin-bottom: 10px;
}

.regseat-support-panel {
	background: #ffe7e7;
	padding: 6px 0;
	border-radius: 8px;
	text-align: center;
	border: 2px dotted red;
	color: #c10b0b;
}

.regseat-support-title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 0px;
	color: #c10b0b;
}

.regseat-support-contact {
	font-size: 15px;
	font-weight: 600;
	margin-top: 2px;
	margin-bottom: 0;
	color: #c10b0b;
}

.regseat-support-hours {
	font-size: 12px;
	font-weight: 600;
	display: block;
	margin-top: 0;
	color: #c10b0b;
	letter-spacing: 0.05em;
}

.regseat-classes-panel {
	flex: 1;
	background: white;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-self: center;
}

.regseat-classes-content {
	padding: 10px;
	flex: 1;
	overflow-y: auto;
}

.regseat-classes-title {
	font-size: 18px;
	font-weight: 700;
	color: #151515;
	margin-bottom: 4px;
}

.regseat-table-container {
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
	flex: 1;
	overflow-y: auto;
	max-height: 390px;
	margin-top: 10px;
}

.regseat-datagrid {
	border: none !important;
}

.regseat-status-open {
	background: linear-gradient(135deg, #28a745, #20c997);
	color: white;
	padding: 2px 8px;
	border-radius: 10px;
	font-size: 11px;
	font-weight: 500;
	display: inline-block;
	min-width: 125px;
	text-align: center;
}

.regseat-status-closed {
	color: #e91e63;
	padding: 2px 8px;
	border-radius: 10px;
	font-size: 11px;
	font-weight: 500;
	display: inline-block;
	min-width: 125px;
	text-align: center;
	border: 2px solid #cf6262;
}

.regseat-btn-proceed {
	padding: 3px 14px !important;
	border: 2px solid #e74c81 !important;
	background: linear-gradient(135deg, #e15555, #f95858);
	border-radius: 20px !important;
	font-size: 12px !important;
	transition: all 0.3s ease;
	min-height: auto !important;
	color: #ffffff !important;
}

.regseat-mobile-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 12px;
	margin-top: 15px;
	flex: 1;
	overflow-y: auto;
}

.regseat-mobile-card {
	background: white;
	border-radius: 10px;
	padding: 12px;
	margin-bottom: 12px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
	border-top: 3px solid #8ac98c;
	transition: all 0.3s ease;
}

.regseat-mobile-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.regseat-card-header {
	text-align: center;
	margin-bottom: 12px;
}

.regseat-card-class {
	font-size: 1.1rem;
	font-weight: 700;
	color: #333;
	margin-bottom: 6px;
}

.regseat-card-class span {
	color: #667eea;
	font-weight: 700;
}

.regseat-card-year {
	color: #666;
	font-size: 0.8rem;
}

.regseat-card-year span {
	font-weight: 600;
	color: #667eea;
}

.regseat-card-footer {
	text-align: center;
}

.regseat-mobile-status {
	padding: 6px 12px;
	border-radius: 15px;
	font-size: 0.75rem;
	font-weight: 600;
	margin-bottom: 10px;
	display: inline-block;
}

.regseat-mobile-status.open {
	background: linear-gradient(135deg, #28a745, #20c997);
	color: white;
}

.regseat-mobile-status.closed {
	color: #e64d4d;
	border: 2px solid #e64d4d;
	font-weight: 600;
}

@media (max-width: 768px) {
	.mobile_fix_btn_regseat {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		background: #c7e6ff;
		padding: 12px;
		border-top: 1px solid #03a9f4;
	}

	.mobile_fix_btn_regseat .regseat-checkbox-section {
		border: 0;
		background: white;
		margin-bottom: 6px;
	}

	.mobile_fix_btn_regseat .regseat-login-section {
		border: 1px solid #3d973d !important;
	}

	.regseat-mobile-card {
		position: relative;
	}

	.regseat-card-header {
		text-align: left;
	}

	.regseat-mobile-status {
		position: absolute;
		top: 3px;
		right: 3px;
		padding: 3px 13px;
		font-weight: 400;
		margin: 0;
		line-height: normal;
		border-radius: 5px;
	}

	.regseat-card-footer .button {
		padding: 2px 0 !important;
	}

	.regseat-info-panel,
	.regseat-classes-panel {
		width: 100% !important;
		flex: auto !important;
	}

	.regseat-row {
		flex-direction: column;
		gap: 10px;
	}

	.regseat-modern {
		padding: 5px 0;
	}

	.regseat-container {
		padding: 0 8px;
	}

	.regseat-info-content,
	.regseat-classes-content {
		padding: 12px;
	}

	.regseat-info-title,
	.regseat-classes-title {
		font-size: 1.2rem;
	}

	.regseat-mobile-cards {
		grid-template-columns: 1fr;
		gap: 8px;
	}
}

@media (max-width: 576px) {

	.regseat-info-content,
	.regseat-classes-content {
		padding: 10px;
	}

	.regseat-steps-container {
		padding: 10px;
	}

	.regseat-step-item {
		padding: 6px 8px !important;
		font-size: 0.8rem;
		gap: 0px !important;
	}

	.regseat-info-title,
	.regseat-classes-title {
		font-size: 1.1rem;
	}

	.regseat-classes-panel {
		max-height: 100vh;
		align-self: stretch;
	}
}

.reg-theme .ud-card {
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.reg-theme .ud-card-body {
	position: relative;
}

.reg-theme .ud-card-body .row {
	row-gap: 10px;
}

.reg-theme .form-control {
	transition: border-color 0.15s ease, box-shadow 0.15s ease,
		background 0.15s ease;
}

.reg-theme label {
	letter-spacing: 0.2px;
}

.reg-theme .validation-message {
	margin-top: 2px;
	display: block;
}

.reg-theme .text-right .btn+.btn {
	margin-left: 8px;
}

.regseat-requirements-section {
	background: linear-gradient(135deg, #fff3cd, #ffeaa7);
	border-radius: 8px;
	padding: 12px;
	margin-bottom: 12px;
	border-left: 4px solid #ffc107;
	margin-top: 10px;
}

.regseat-requirements-title {
	font-size: 1rem;
	font-weight: 600;
	color: #856404;
	margin: 0 0 8px 0;
}

.regseat-requirements-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.regseat-requirement-item {
	font-size: 0.85rem;
	color: #856404;
	line-height: 1.4;
	margin-bottom: 6px;
	padding-left: 15px;
	position: relative;
}

.regseat-requirement-item::before {
	content: "•";
	color: #ffc107;
	font-weight: bold;
	position: absolute;
	left: 0;
}

.regseat-academic-year {
	font-size: 13px;
	color: #545454;
	margin: 2px 0 10px 0;
	font-weight: 500;
}

.regseat-notice-section {
	background: #f8f9fa;
	border-radius: 8px;
	padding: 12px;
	margin-bottom: 15px;
	border: 3px solid #2196f333;
	max-height: 340px;
	overflow-y: auto;
}

.regseat-input-container .regseat-btn-proceed {
	border-radius: 5px !important;
	padding: 6px 33px !important;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 5px;
}

.regseat-input-container .btn-outline-secondary {
	padding: 6px 33px !important;
	border: 2px solid #818181 !important;
	transition: 0.5s;
	display: flex;
	align-items: center;
	gap: 5px;
}

.regseat-notice-content {
	font-size: 0.85rem;
	line-height: 1.5;
	color: #495057;
}

.regseat-checkbox-section {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	padding: 10px;
	background: linear-gradient(135deg, #d1ecf1, #bee5eb);
	border-radius: 8px;
	border-left: 4px solid #17a2b8;
}

.regseat-checkbox-section .rz-checkbox {
	margin-right: 8px;
}

.regseat-checkbox-section .rz-label {
	font-size: 0.85rem;
	color: #0c5460;
	line-height: 1.3;
}

.regseat-login-section {
	background: linear-gradient(135deg, #d4edda, #c3e6cb);
	border-radius: 8px;
	padding: 12px;
	border-left: 4px solid #28a745;
}

.regseat-login-form {
	width: 100%;
}

.regseat-input-group {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.regseat-input-label {
	font-size: 0.9rem;
	font-weight: 600;
	color: #155724;
	margin: 0;
}

.regseat-input-container {
	display: flex;
	gap: 8px;
	align-items: center;
}

.regseat-input-field {
	flex: 1;
	padding: 8px 12px;
	border: 2px solid #28a745;
	border-radius: 6px;
	font-size: 0.85rem;
	transition: all 0.3s ease;
	max-width: 35%;
}

.regseat-input-field:focus {
	outline: none;
	border-color: #20c997;
	box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.1);
}

.regseat-input-field::placeholder {
	color: #6c757d;
	font-size: 0.8rem;
}

@media (max-width: 768px) {

	.regseat-requirements-section,
	.regseat-checkbox-section,
	.regseat-login-section {
		padding: 10px;
	}

	.regseat-notice-section {
		max-height: 150px;
	}

	.regseat-input-container {
		gap: 6px;
	}

	.regseat-input-field {
		max-width: 65% !important;
	}

	.regseat-btn-proceed {
		width: 100% !important;
	}
}

@media (max-width: 576px) {

	.regseat-requirements-section,
	.regseat-checkbox-section,
	.regseat-login-section {
		padding: 8px;
		border: 0 !important;
	}

	.regseat-notice-section {
		max-height: none;
		padding: 8px;
		margin-bottom: 50%;
	}
}

.publicnotice .public_left {
	width: 32%;
}

.publicnotice .public_right {
	text-align: center;
	width: 68%;
}

.publicnotice #app {
	overflow: hidden;
}

.publicnotice .publicreghead {
	display: none;
}

.publicnotice .content {
	padding: 0;
}

@media (max-width: 768px) {
	.public_center {
		max-width: 100%;
		padding-left: 12px;
		padding-right: 12px;
	}

	.publicnotice .public_left {
		width: 100%;
		margin-bottom: 20px;
	}

	.publicnotice .public_right {
		width: 100%;
	}

	.publicnotice .btn {
		width: 100%;
	}
}

@media (min-width: 992px) {
	.public_center {
		padding-left: 24px;
		padding-right: 24px;
	}
}

.ud-header {
	display: block;
	padding-bottom: 6px;
}

.ud-header-bar {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	padding: 5px;
}

.ud-header-row {
	display: flex;
	align-items: center;
	gap: 14px;
}

.ud-logo {
	width: 64px;
	height: 64px;
	object-fit: contain;
}

.ud-title h1 {
	font-size: 20px;
	line-height: 1.2;
	margin: 0;
	font-weight: 700;
	color: #101828;
}

.ud-title .ud-address {
	margin: 2px 0 0 0;
	color: #475467;
	font-size: 13px;
}

.ud-meta {
	background: #ffefef;
	border: 1px solid rgba(16, 24, 40, 0.08);
	border-radius: 8px;
	padding: 6px 8px;
	max-width: 400px;
}

.ud-user {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 4px;
	line-height: 1.1;
}

.ud-user-name {
	font-weight: 700;
	color: #0f172a;
	font-size: 16px;
}

.badge {
	color: white !important;
	border-radius: 999px !important;
	padding: 4px 6px !important;
	font-size: 11px !important;
	font-weight: 500 !important;
}

.ud-badge {
	background: #eef4ff;
	color: #3538cd;
	border: 1px solid #c7d2fe;
	border-radius: 999px;
	padding: 1px 6px;
	font-size: 11px;
}

.ud-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 4px;
	font-size: 12px;
	table-layout: fixed;
	white-space: nowrap;
}

.ud-table td {
	padding: 2px 6px;
	color: #344054;
	vertical-align: middle;
}

.ud-emph {
	display: inline-block;
	background: #fff1f2;
	color: #be123c;
	border: 1px solid #fecdd3;
	border-radius: 6px;
	padding: 2px 8px;
	font-weight: 700;
	letter-spacing: 0.3px;
}

@media (max-width: 768px) {
	.ud-logo {
		width: 48px;
		height: 48px;
	}

	.ud-title h1 {
		font-size: 18px;
	}

	.ud-table td {
		padding: 2px 4px;
		font-size: 11px;
	}

	.ud-header-bar {
		flex-direction: column;
		align-items: stretch;
	}

	.ud-meta {
		width: 100%;
	}
}

.ndc-heading {
	padding: 5px 12px;
	background: #e7ffe8;
	border: 2px solid rgb(41 161 46);
	border-radius: 4px;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 500;
	color: #0f6713;
	margin: 0;
	text-align: center;
}

.ndc-heading span {
	font-weight: 700;
}

.public_right_header {
	margin-top: 12px;
	border: 3px solid #b0e7b2;
	border-radius: 10px;
	background: #fafbff;
	padding: 12px;
	max-height: 300px;
	min-height: 300px;
	overflow: auto;
	scroll-behavior: smooth;
}

@media (max-width: 768px) {
	.ndc-heading {
		font-size: 15px;
		padding: 8px 10px;
		margin: 0 5px;
	}
}

.studentmenu li a.active {
	background: #ca1f8f;
	color: #fff;
}

.table> :not(:last-child)> :last-child>* {
	border-bottom: 1px solid #d1d1d1;
}

.rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link .submenu_icon {
	font-family: system-ui;
	margin-left: 3px;
	font-size: 13px;
}

.rz-panel-menu .rz-navigation-menu {
	line-height: 12px;
}

.clsubheader li .auto-width {
	width: auto;
}

.rz-grid-table thead tr:nth-of-type(2) th {
	padding-top: 0 !important;
	background: #f6f8f9 !important;
}

.schooldetail {
	max-width: 423px;
	margin: -121px auto 32px;

	border-radius: 13px;

	padding: 10px 17px;

	margin-bottom: 33px;
}

.schooldetail img {
	width: 98px;
	float: left;
	margin-bottom: 7px;
}

.schooldetail h3 {
	font-weight: 500;
	font-size: 17px;
	color: black;
	margin-bottom: 3px !important;
}

.schooldetail h3 span {
	display: block;
	font-weight: 700;
	font-size: 26px;
}

.schooldetail p {
	margin-bottom: 10px;
	font-weight: 300;
	color: #818181;
	font-size: 16px;
}

.btn-primary {
	color: #fff;
	background-color: #1b6ec2;
	border-color: #1861ac;
}

.invalid.modified:not([type="checkbox"]) {
	outline: 1px solid #26b050;
}

.invalid {
	outline: 1px solid red;
}

#blazor-error-ui {
	background: lightyellow;
	bottom: 0;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
	display: none;
	left: 0;
	padding: 0.6rem 1.25rem 0.7rem 1.25rem;
	position: fixed;
	width: 100%;
	z-index: 1000;
}

#blazor-error-ui .dismiss {
	cursor: pointer;
	position: absolute;
	right: 0.75rem;
	top: 0.5rem;
}

.top-row {
	padding: 6px 0;
	height: 55px;
	background: #001605;
	position: fixed;
	top: 0;
	left: 250px;
	right: 0;
	color: #000;
	align-items: center;
	z-index: 1000;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.navbar-dark {
	background: #012018;
	border-right: 2px solid #ffc107;
	border-bottom: 2px solid #669972;
	overflow: hidden;
	padding: 2px 8px !important;
	z-index: 1;
}

.navbar-dark::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, transparent 100%);
	pointer-events: none;
}

.menu_left_head {
	display: flex;
	flex-direction: column;
	align-items: baseline;
}

.menu_left_head .oi-monitor {
	font-size: 24px;
	color: #fbbf24 !important;
	animation: pulse 2s infinite;
	text-shadow: 0 0 15px rgba(251, 191, 36, 0.8), 0 0 30px rgba(251, 191, 36, 0.4);
	filter: drop-shadow(0 2px 8px rgba(251, 191, 36, 0.5));
}

@keyframes pulse {

	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0.7;
	}
}

.menu_left_head .navbar-brand {
	color: #278fff !important;
	font-size: 19px;
	font-weight: 700;
	letter-spacing: 1px;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4), 0 0 20px rgba(251, 191, 36, 0.3);
	transition: all 0.3s ease;
	display: inline-block;
	padding: 0;
	margin-right: 0;
}

.menu_left_head .navbar-brand:hover {
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5), 0 0 30px rgba(251, 191, 36, 0.5);
}

.menu_left_head .navbar-brand span {
	color: #6bc96f;
}

.menu_left_head h3 {
	padding: 3px 10px;
	background: linear-gradient(135deg, #007bff36 0%, #041d382e 100%);
	border-radius: 8px;
	border: 1px solid #184d85;
	backdrop-filter: blur(4px);
	color: white;
	font-size: 11px;
	font-weight: 500;
	text-align: left;
	margin-bottom: 0;
	margin-top: 0;
	line-height: 14px;
}

.icon-menu-arrow {
	cursor: pointer;
	padding: 1px 5px;
	border-radius: 8px;
	transition: all 0.3s ease;
	background: linear-gradient(135deg, #01280a 0%, rgba(251, 191, 36, 0.1) 100%);
	border: 1px solid #ffffff61;
}

.icon-menu-arrow:hover {
	transform: scale(1) translateX(2px);
	box-shadow: 0 4px 12px #346191;
}

.icon-menu-arrow span {
	color: #e1e1e1 !important;
	text-shadow: 0 0 8px #01172f;
}

.icon-menu-arrow .fa {
	font-size: 16px;
	transition: transform 0.3s ease;
}

.nav-item a.active {
	color: white;
	font-weight: 600;
	background: #316ba9;
	border-left: 4px solid #4caf50;
	position: relative;
}

.nav-item a.active::after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	background: #60a5fa;
	border-radius: 50%;
	box-shadow: 0 0 8px #60a5fa;
}

.nav-item a {
	padding: 11px 12px;
	font-size: 14px;
	color: #d1d5db;
	height: auto;
	line-height: normal;
	border-bottom: 1px solid rgb(255 255 255 / 17%);
	transition: all 0.3s ease;
	margin: 0;
	display: flex;
}

.nav-item a:hover {
	background: rgba(59, 130, 246, 0.15);
	color: white;
	padding-left: 16px;
	border-left: 3px solid #3b82f6;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.nav-item a label {
	margin: 0 !important;
}

.nav-item i {
	margin-right: 10px;
	font-size: 14px;
	color: #93c5fd;
	transition: all 0.3s ease;
}

.nav-item a:hover i {
	color: #60a5fa;
	transform: scale(1.15);
}

.navbar-brand {
	padding: 0;
	font-weight: 500;
	margin: 0;
	text-align: center;
	display: block;
}

.rz-grid-table thead,
.rz-grid-table thead th {
	position: unset !important;
	top: 0;
	z-index: auto;
	background-color: #008376 !important;
	padding: 0px 3px !important;
}

.sidebar .fas {
	padding: 0 6px 0 0 !important;
}

.nav-item {
	padding: 0 !important;
}

.top-row h5 {
	color: #bfdd19;
	font-weight: 500 !important;
}

.top-row h5 span i {
	color: #fff !important;
}

main {
	flex: 1;
	background: #ededed;
	overflow: hidden;
}

article {
	padding-top: 70px;
	background: linear-gradient(180deg, #bfe8ff, #ffffff5e);
	border-radius: 15px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
	height: 100%;
	padding-right: 10px;
	padding-bottom: 20px;
}

.parentpic {
	width: 170px;
}

.parentpic img {
	width: 152px !important;
	object-fit: cover;
	height: 157px !important;
}

.parentpic .picdet {
	position: relative;
}

.parentpic input {
	width: 152px;
	position: relative;
	z-index: 9;
	opacity: 0;
}

.parentpic .upbtn {
	position: absolute;
	top: 0;
	background: #00a1ff;
	left: 0;
	right: 0;
	text-align: center;
	padding: 5px 5px;
	color: white;
}

.wardphoto {
	margin: 0 auto;
	text-align: center;
	position: relative;
	padding: 9px 0;
	border: 1px solid #d1d1d1;
	border-radius: 5px;
	margin-bottom: 10px;
}

.wardphoto img {
	height: 146px !important;
	width: 120px !important;
	object-fit: cover;
	border: 4px solid #fbbaba !important;
	position: relative;
	border-radius: 10px;
}

.wardphoto input {
	position: absolute;
	z-index: 9;
	left: 0;
	right: 0;
	bottom: -8px;

	opacity: 0;
}

@media (max-width: 768px) {
	.staffnoti_child {
		height: 205px !important;
	}

	.stutimetable {
		margin-top: 15px;
	}

	.public_right_footer .justify-content-center {
		flex-direction: column;
		text-align: left;
	}

	.panel-content {
		flex: 1;
		overflow-y: auto;
		overflow-x: hidden;
		padding: 25px;
		background: #f8f9fa;
	}

	.panel-content::-webkit-scrollbar {
		width: 8px;
	}

	.panel-content::-webkit-scrollbar-track {
		background: #f1f1f1;
	}

	.panel-content::-webkit-scrollbar-thumb {
		background: #888;
		border-radius: 4px;
	}

	.panel-content::-webkit-scrollbar-thumb:hover {
		background: #555;
	}

	.slide-out-panel {
		width: 100% !important;
	}

	.stuform {
		padding: 0px !important;
		margin-top: 20px !important;
	}

	.public_right_pad {
		padding: 0 6px;
	}

	.menuleftfix {
		position: fixed !important;
		left: 0;
		margin-top: 55px !important;
		z-index: 23456;
		top: -55px;
		scrollbar-width: thin;
		scrollbar-color: #2965a5 #1e293b;
		max-width: 260px;
	}

	.menuleftfix::-webkit-scrollbar {
		width: 4px;
	}

	.menuleftfix::-webkit-scrollbar-track {
		background: #1e293b;
		border-radius: 4px;
	}

	.menuleftfix::-webkit-scrollbar-thumb {
		background: linear-gradient(180deg, #fbbf24 0%, #f59e0b 100%);
		border-radius: 4px;
		box-shadow: 0 2px 8px rgba(251, 191, 36, 0.4);
	}

	.menuleftfix::-webkit-scrollbar-thumb:hover {
		background: linear-gradient(180deg, #fcd34d 0%, #fbbf24 100%);
		box-shadow: 0 4px 12px rgba(251, 191, 36, 0.6);
	}

	.rz-tabview-nav li {
		background-color: transparent !important;
		background: transparent !important;
	}

	.mobile-acm {
		position: absolute;
		top: 55px;
		left: 0;
		right: 0;
		padding: 0px 0;
	}

	.mobile-acm h3 {
		font-weight: 600;
		font-size: 13px;
		text-align: center;
		background: linear-gradient(135deg, rgba(251, 191, 36, 0.25) 0%, rgba(251, 191, 36, 0.15) 100%);
		color: #020202;
		margin: 0;
		padding: 6px 0;
		backdrop-filter: blur(4px);
	}

	.menu-icon .line {
		background-color: #ffffff;
		height: 2px;
		display: block;
		width: 20px;
	}

	.menu-icon {
		padding: 4px 0;
	}

	.menu-icon .line+.line {
		margin-top: 4px;
	}

	.navbar-toggler {
		position: fixed;
		left: 3px;
		top: 13px;
		z-index: 9876;
	}

	.top-row.navbar-dark {
		display: none;
	}

	.stfbtns {
		margin-top: 15px !important;
	}

	.rz-tabview-nav {
		display: block !important;
	}

	.rz-tabview-nav .rz-tabview-selected a {
		width: 100%;
		text-align: left;
	}

	.rz-tabview-nav li a {
		text-align: left !important;
	}
}

@media (min-width: 641px) {
	.navbar-toggler {
		display: none;
	}

	.collapse {
		display: block !important;
	}
}

.sidebar {
	background-color: #012c20;
	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
	bottom: 0;
	margin-top: 0px;
	left: 0;
	top: 0;
	transition: all 0.2s ease-in-out;
	z-index: 1;
	width: 250px;
	position: fixed;
	height: auto;
}

@media (max-width: 640.98px) {
	.top-row.auth {
		justify-content: space-between;
	}

	.top-row ::deep a,
	.top-row ::deep .btn-link {
		margin-left: 0;
	}
}

@media (min-width: 641px) {
	.page {
		flex-direction: row;
		display: flex;
		min-height: 100%;
		overflow: auto;
	}

	.top-row.auth ::deep a:first-child {
		flex: 1;
		text-align: right;
		width: 0;
	}
}

.rz-dialog {
	width: 60%;
	margin: 0 auto;
	border-radius: 10px !important;
}

.stunotbox {
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: 1px dotted #bbbbbb;
	position: relative;
}

.card h4 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 7px;
}

.saldetailstaff .row {
	margin-top: 15px;
}

.text-right {
	text-align: right;
}

@keyframes blinking {

	from,
	49.9% {
		background: red;
	}

	50%,
	to {
		background: green;
	}
}

.sprofiletabs li a.active {
	padding: 7px 17px;
	display: inline-block;
	background: #cc208f;
	color: white;
	font-weight: 600;
	font-size: 15px;
}

.designform .form-group input:after {
	content: "";
}

.designform .form-group {
	margin-bottom: 10px;
}

.rz-dropdown {
	padding: 9px 9px;
	height: auto;
	border: 1px solid #bfbfbf;
	background: #f4f4f4;
}

label {
	font-size: 13px;
	font-weight: 500;
	display: block !important;
	min-height: auto !important;
}

.rz-dialog-content .rz-card.designform {
	padding: 0;
	border: 0;
	box-shadow: none;
}

.designform h6 {
	font-size: 13px;
	font-weight: 700;

	margin: 0;
	padding-bottom: 6px;
	background: #d7d7d7;
	padding: 7px 9px;
	text-transform: uppercase;

	color: #303030;
}

.designform img {
	height: 200px;
	width: 100%;
	border: 1px solid #e1e1e1;
}

.designform table td {
	padding: 5px 5px !important;
}

.rz-dialog-content {
	padding: 10px !important;
}

.pageheader {
	border-bottom: 1px solid #8080803b;
	margin-bottom: 0px;
	background: #fff6db;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 10px;
}

.pageheader h5 {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
}

.selected-count {
	padding: 1px 12px;
	font-weight: 600;
}

.rz-datatable-data td .rz-cell-data,
.rz-grid-table td .rz-cell-data {
	font-size: 12px !important;
}

.btn-primary {
	background-color: #00a1ff !important;
	color: #ffffff;
}

.rz-button.btn-success,
.btn-success.rz-paginator-element {
	background-color: #3dab40 !important;
	color: #ffffff;
}

.rz-button.btn-danger,
.btn-danger.rz-paginator-element {
	background-color: #fd5b65 !important;
	color: #ffffff;
}

.rz-button.btn-danger:focus-visible {
	background-color: cornflowerblue !important;
	color: #000;
}

.rz-button.btn-warning,
.btn-warning.rz-paginator-element {
	background-color: #e6c54f !important;
	color: #ffffff;
}

.rz-button.btn-info,
.btn-info.rz-paginator-element {
	background-color: #9240c3 !important;
	color: #ffffff;
}

.content h4 {
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 0px !important;
	padding: 8px 0;
}

.parentstabs a.nav-link {
	border-color: #0000 !important;
	background: #d9d9d9;
	border-radius: 0;
	padding: 6px 11px;
	font-size: 13px;
	font-weight: 700;
}

.parentstabs a.nav-link.active {
	background-color: #423f41 !important;
	border-color: #3a3839 !important;
	color: #fff !important;
}

.stushortprofile .table {
	border: 0;
	margin-bottom: 12px;
}

.btn-dark {
	color: #fff;
	background-color: #212529 !important;
	border-color: #212529 !important;
}

.tabletd .rz-numeric {
	height: 25px !important;
}

.newdsn {
	padding: 0px !important;
}

.rz-grid-table thead th .rz-column-title-content {
	display: inline-block;
	font-size: 13px !important;
	line-height: inherit;
	text-transform: capitalize !important;
	color: #ffffff;
	padding: 4px 8px;
	font-weight: 500 !important;
	vertical-align: unset;
	justify-content: start !important;
}

tbody td {
	font-size: 12px;
	font-weight: 400;
	padding: 4px 8px !important;
	vertical-align: middle;
}

.rz-datatable-data td .rz-cell-data,
.rz-grid-table td .rz-cell-data {
	overflow: hidden;
	text-overflow: unset !important;
	white-space: inherit !important;
}

.table th {
	background: #f3f3f3;
	padding: 7px 9px;
}

thead th {
	font-size: 12px;
	font-weight: 700;
}

.shadow {
	box-shadow: 0px 0px 38px 5px #7a7a7a29;
}

.btn-block {
	width: max-content !important;
}

.btn-block+.btn-block {
	margin-top: 0 !important;
}

.rz-tabview-nav li button {
	display: block !important;
	color: #2c2c2c !important;
	padding: 8px 11px !important;
	min-width: 127px;
	text-align: center;
	font-weight: 600 !important;
}

.rz-tabview-nav li {
	margin-right: 5px;
	border-radius: 0px !important;
}

.rz-tabview-bottom>.rz-tabview-nav .rz-tabview-selected {
	border-bottom-color: #7f17c3 !important;
}

.rz-grid-table {
	padding: 0 !important;
	border: 0 !important;
}

#maindash2 .dashbox2 {
	background: white;
	padding: 8px;
	min-height: 82px;
	margin-bottom: 20px;
	border-radius: 5px;
	box-shadow: 3px 3px 4px #0c0c0c45;
	border-top: 2px solid #f360b8;
}

#maindash2 .dashbox2 i {
	color: white;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	text-align: center;
	font-size: 24px;
	line-height: 59px;
	float: left;
}

#maindash2 .dashbox2 h3 {
	font-size: 15px;
	font-weight: 600;
	line-height: 17px;
	margin-top: 7px;
	margin-bottom: 0;
	margin-left: 69px;
}

#maindash2 .dashbox2 h3 span {
	display: block;
	color: #939393;
	font-size: 12px;
	font-weight: 400;
}

.dashbluebg {
	background: #00a1ff;
}

.dashyellowbg {
	background: #e9c92c;
}

.dashgreenbg {
	background: #7ec162;
}

.dashredbg {
	background: #f17a7a;
}

.dashpurplebg {
	background: #f360b8;
}

.hover1:hover h3,
.hover2:hover h3,
.hover3:hover h3,
.hover4:hover h3,
.hover5:hover h3 {
	color: white !important;
	transition: 0.5s;
}

.hover1:hover h3 span,
.hover2:hover h3 span,
.hover3:hover h3 span,
.hover4:hover h3 span,
.hover5:hover h3 span {
	color: white !important;
	transition: 0.5s;
}

.hover1 {
	transition: 0.5s;
}

.hover1:hover {
	background: linear-gradient(237deg, #6fa534 -13%, #8897ff 67%) !important;
	transition: 0.5s;

	margin-top: -8px;
}

.hover1:hover i {
	background: #fdfdfd;
	color: #00a1ff !important;
	transition: 0.5s;
}

.hover2:hover {
	background: #e9c92c !important;
	transition: 0.5s;
	border-top: 2px solid #e9c92c;
}

.hover2:hover i {
	color: white !important;
	background: #e9c92c !important;
	transition: 0.5s;
}

.hover3:hover {
	background: #7ec162 !important;
	transition: 0.5s;
	border-top: 2px solid #7ec162;
}

.hover3:hover i {
	color: white !important;
	background: #7ec162 !important;
	transition: 0.5s;
}

.hover4:hover {
	background: #f17a7a !important;
	transition: 0.5s;
	border-top: 2px solid #f17a7a;
}

.hover4:hover i {
	color: white !important;
	background: #f17a7a !important;
	transition: 0.5s;
}

.hover5:hover {
	background: #f360b8 !important;
	transition: 0.5s;
	border-top: 2px solid #f360b8;
}

.hover5:hover i {
	color: white !important;
	background: #f360b8 !important;
	transition: 0.5s;
}

.innerdashbox {
	margin-bottom: 20px;
}

.ntabsnew .tab.tab-active:after .innerdashbox:hover {
	background: #3a474d !important;
}

.innerdashbox i {
	height: 50px;
	width: 50px;
	border-radius: 50%;
	background: white;
	font-size: 19px;
	padding: 16px 0;
	display: block;
	margin: 0 auto 4px;
	text-align: center;
}

.innerdashbox h3 {
	font-size: 16px;
	font-weight: 600;
	line-height: 17px;
	margin-top: 7px;
	margin-bottom: 0;
	color: white;
}

.innerdashbox h3 span {
	display: block;
	font-weight: 300;
	color: grey;
	font-size: 14px;
}

.transition-visible.transition-collapsed,
.transition-visible2.transition-collapsed,
.transition-visible3.transition-collapsed {
	transform: scaleY(0);
}

.rz-dialog-titlebar {
	background-color: #11537a !important;
	color: white !important;
	padding: 6px 19px !important;
}

.ntabsnew .tab {
	color: white;
	font-size: 16px;
	font-weight: 500;
	padding: 10px 0;
	border-radius: 8px;
	cursor: pointer;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-align: center;
	box-shadow: 1px 30px 10px -23px #00000091;
}

.form-group {
	position: relative;
	margin-bottom: 12px;
}

textarea {
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 0px 6px !important;
	font-size: 14px !important;
}

.table input,
.table .rz-dropdown,
.table .rz-textbox {
	border: 1px solid #d9d9d9 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	min-height: 28px !important;
	padding: 0px 8px !important;
	font-size: 12px !important;
}

.table input,
.table .rz-dropdown,
.table .rz-textbox:focus-visible {
	border: 1px solid #d9d9d9 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	min-height: 28px !important;
	padding: 0px 8px !important;
	font-size: 12px !important;
}

.rz-multiselect,
.rz-dropdown {
	font-size: 12px !important;
	height: auto !important;
}

.ntabsnew .tab.tab-active {
	background: linear-gradient(237deg, #6fa534 -13%, #8897ff 67%) !important;
	transition: 0.5s;
	margin-top: -8px;
	position: relative;
}

.ntabsnew .tab.tab-active:after {
	content: "\f0d7";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #8798f5;
	font-size: 86px;

	position: absolute;
	top: 40%;
	left: 38%;
}

.mobilehide {
	display: block;
}

.preloader .inner .line1 {
	width: 100%;
	height: 100%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	border-top: 6px solid #740eaf;
	border-left: 6px solid rgba(116, 14, 175, 0);
	border-right: 6px solid rgba(116, 14, 175, 0);
	border-bottom: 6px solid rgba(116, 14, 175, 0);
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.preloader .inner .line2 {
	width: 70%;
	height: 70%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	border-top: 6px solid #9726d8;
	border-left: 6px solid rgba(151, 38, 216, 0);
	border-right: 6px solid rgba(151, 38, 216, 0);
	border-bottom: 6px solid rgba(151, 38, 216, 0);
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
}

@-webkit-keyframes circle_rotate {

	50%,
	100% {
		-webkit-transform: rotate(405deg);
		transform: rotate(405deg);
	}
}

@keyframes circle_rotate {

	50%,
	100% {
		-webkit-transform: rotate(405deg);
		transform: rotate(405deg);
	}
}

.loaded.fxt-template-animation {
	opacity: 1;
	background-color: white;
}

.loaded.fxt-template-animation .fxt-opacity {
	opacity: 1;
	-webkit-transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
	-o-transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.loaded.fxt-template-animation .fxt-transformY-50 {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
	-o-transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.loaded.fxt-template-animation .fxt-transformX-L-50 {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-webkit-transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
	-o-transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.loaded.fxt-template-animation .fxt-transformX-R-50 {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-webkit-transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
	-o-transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.loaded.fxt-template-animation .fxt-transition-delay-1 {
	-webkit-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.loaded.fxt-template-animation .fxt-transition-delay-2 {
	-webkit-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.loaded.fxt-template-animation .fxt-transition-delay-3 {
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.loaded.fxt-template-animation .fxt-transition-delay-4 {
	-webkit-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.loaded.fxt-template-animation .fxt-transition-delay-5 {
	-webkit-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.loaded.fxt-template-animation .fxt-transition-delay-6 {
	-webkit-transition-delay: 0.6s;
	-o-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

.loaded.fxt-template-animation .fxt-transition-delay-7 {
	-webkit-transition-delay: 0.7s;
	-o-transition-delay: 0.7s;
	transition-delay: 0.7s;
}

.loaded.fxt-template-animation .fxt-transition-delay-8 {
	-webkit-transition-delay: 0.8s;
	-o-transition-delay: 0.8s;
	transition-delay: 0.8s;
}

.loaded.fxt-template-animation .fxt-transition-delay-9 {
	-webkit-transition-delay: 0.9s;
	-o-transition-delay: 0.9s;
	transition-delay: 0.9s;
}

.loaded.fxt-template-animation .fxt-transition-delay-10 {
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;
}

.loaded.fxt-template-animation .fxt-transition-delay-11 {
	-webkit-transition-delay: 1.1s;
	-o-transition-delay: 1.1s;
	transition-delay: 1.1s;
}

.loaded.fxt-template-animation .fxt-transition-delay-12 {
	-webkit-transition-delay: 1.2s;
	-o-transition-delay: 1.2s;
	transition-delay: 1.2s;
}

.loaded.fxt-template-animation .fxt-transition-delay-13 {
	-webkit-transition-delay: 1.3s;
	-o-transition-delay: 1.3s;
	transition-delay: 1.3s;
}

.loaded.fxt-template-animation .fxt-transition-delay-14 {
	-webkit-transition-delay: 1.4s;
	-o-transition-delay: 1.4s;
	transition-delay: 1.4s;
}

.loaded.fxt-template-animation .fxt-transition-delay-15 {
	-webkit-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	transition-delay: 1.5s;
}

.loaded.fxt-template-animation .fxt-transition-delay-16 {
	-webkit-transition-delay: 1.6s;
	-o-transition-delay: 1.6s;
	transition-delay: 1.6s;
}

.loaded.fxt-template-animation .fxt-transition-delay-17 {
	-webkit-transition-delay: 1.7s;
	-o-transition-delay: 1.7s;
	transition-delay: 1.7s;
}

.loaded.fxt-template-animation:before {
	content: "";
	position: absolute;
	background: url(/css/assets/wave-1-2PNG.PNG);
	height: 96px;
	width: 244px;
	right: 0;
	top: 0;
	background-size: cover;
	opacity: 0.5;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.loaded.fxt-template-animation:after {
	content: "";
	position: absolute;
	background: url(/css/assets/wave-1-1.PNG);
	height: 228px;
	width: 433px;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0.5;
}

.loaded.fxt-template-animation .fxt-transition-delay-18 {
	-webkit-transition-delay: 1.8s;
	-o-transition-delay: 1.8s;
	transition-delay: 1.8s;
}

.loaded.fxt-template-animation .fxt-transition-delay-19 {
	-webkit-transition-delay: 1.9s;
	-o-transition-delay: 1.9s;
	transition-delay: 1.9s;
}

.loaded.fxt-template-animation .fxt-transition-delay-20 {
	-webkit-transition-delay: 2s;
	-o-transition-delay: 2s;
	transition-delay: 2s;
}

.topbarmenu ul {
	list-style: none;
	margin: 0;
	padding-block: 0 !important;
}

.rz-navigation-menu {
	border-top: 2px solid #214228;
	border-radius: 0px;
	top: 100%;
}

.topbarmenu li {
	display: inline-block;
	text-align: center;
}

.topbarmenu li:last-child {
	margin-right: 0px;
}

.topbarmenu li button span {
	font-weight: 600 !important;
	color: #242424;
}

.feedtlstu .stuadmno {
	background: #ff6363;
	color: white;
	display: inline-block;
	padding: 0 7px;
	border-radius: 5px;
	margin-bottom: 4px;
	text-transform: uppercase;
	font-weight: 600;
}

.studash .table-responsive h4 {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 15px;
	background: #ff5d5d;
	color: white;
	padding: 4px 8px;
	position: absolute;
	top: -19px;
	left: 13px;
	border-radius: 5px;
}

.totlamnt h5 {
	color: red;
	font-weight: 500;
	font-size: 16px;
}

.topbarmenu li a {
	color: black;
	font-weight: 400;
	font-size: 14px;
	margin-right: 11%;
}

.regseatheader {
	text-align: center;
}

.regseatheader img {
	height: 108px;
	width: 108px;

	border-radius: 8px;
	border: 0;
}

.regseatheader h5 {
	font-weight: 800;
	font-size: 26px;
	text-transform: uppercase;
	margin-bottom: 0 !important;
}

.regseatheader h5 span {
	display: block;
	font-size: 15px;
	font-weight: 400;
}

.regseatheader {
	position: relative;
}

.regseatheader::before {
	content: "";
	position: absolute;
	background: url(/css/assets/adm-open.png);
	height: 170px;
	width: 220px;
	left: -75px;
	background-size: cover;
	top: 40px;
}

.studash .card-body {
	padding: 0;
}

.studash .card-body h1 {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 4px;
	background: #2bb984;
	color: white;
	padding: 5px 14px;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.studash .card-body h1:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	border-top: 28px solid #2bb984;
	border-right: 25px solid transparent;
	right: -24px;
	top: 0px;
}

.stubox span {
	font-weight: 500;
	font-size: 14px;
	display: block;
}

.stubox span h6 {
	font-size: 15px;
	font-weight: 500;
}

.stubox h6 {
	font-size: 14px;
	font-weight: 600;
}

.stubox img {
	height: 105px;
	width: 89px;
	object-fit: cover;
	border-radius: 8px;
	padding: 0;
	display: block;
	margin-right: 0;
	flex-shrink: 0;
}

.stubox .stuname {
	display: inline-block;

	text-align: left;
}

.stubox .stuname h4 {
	background: linear-gradient(135deg, #0d9488, #0f766e);
	color: white;
	font-size: 12px;
	font-weight: 600;
	display: inline-block;
	padding: 4px 10px !important;
	border-radius: 6px;
	box-shadow: 0 2px 6px rgba(13, 148, 136, 0.35);
}

.stubox .stuname h5 {
	color: black;
	font-size: 15px;
	font-weight: 700;
	line-height: 19px;
	margin: 0;
}

.stubox .stuname h5 span {
	display: block;
	font-weight: 500;
	font-size: 13px;
	text-transform: uppercase;
}

.stuprofile .mystuprofile,
.stuprofile_mob .mystuprofile {
	display: block;
	text-align: center;
	background: #162785;
	color: #fff;
	padding: 8px 16px;
	margin-top: 5px;
	font-size: 13px;
	font-weight: 500;
	transition: 0.4s, transform 0.2s, box-shadow 0.2s;
	min-height: auto;
	text-decoration: none;
	border-radius: 8px;
}

.stuprofile .mystuprofile:hover,
.stuprofile_mob .mystuprofile:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(13, 148, 136, 0.4);
}

a {
	text-decoration: none !important;
}

.stuprofile button {
	display: block;
	text-align: center;
	padding: 5px 10px;
	margin-top: 5px;
	font-size: 13px;
	transition: 0.4s;
	border-radius: 0px;
	width: 100%;
}

.stuprofile .mysibling,
.stuprofile_mob .mysibling {
	display: block;
	text-align: center;
	background: #4aa739;
	color: #fff;
	padding: 8px 14px;
	margin-top: 5px;
	font-size: 13px;
	font-weight: 500;
	transition: 0.4s, transform 0.2s, box-shadow 0.2s;
	border-radius: 8px;
}

.stuprofile .mysibling:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(74, 167, 57, 0.35);
}

.stuprofile a:hover {
	background: #c736c7;
	color: #fff;
	transition: 0.4s;
}

.bg-new {
	background-color: #673ab7 !important;
}

.mobiletable .rz-cell-data input {
	height: auto !important;
}

.stunotbox .stunotidate {
	display: inline-block;
	height: 60px;
	width: 60px;
	border-radius: 5px;
	margin-right: 10px;
	text-align: center;
	padding: 7px 5px;
	min-width: 60px;
	min-height: 60px;
	box-sizing: border-box;
	flex-shrink: 0;
}

.stunotbox .stunotidate h6 {
	margin: 0;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.stunotbox .stunotidate h6 span {
	font-weight: 300;
	font-size: 11px;
	display: block;
	line-height: 1.1;
}

.stunotbox .stunotiddetail {
	margin-left: 3px;
	height: 60px;
	overflow: hidden;
	padding-right: 25px;
	white-space: normal;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.stunotbox .stunotiddetail h4 {
	font-size: 16px;
	font-weight: 500;
	padding-top: 0;
	padding-bottom: 2px;
}

.stunotbox .stunotiddetail h5 {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 4px;
}

.stunotbox .stunotiddetail h6 {
	font-size: 14px;
	font-weight: 400;
	color: #444444;
	height: 36px;
	overflow: hidden;
	margin-bottom: 5px;
}

.notstatus {
	position: absolute;
	right: 7px;
	font-style: italic;
	color: #565656;
	bottom: -27px;
}

.stuadmno {
	background: #d77807;
	color: white;
	position: absolute;
	top: -2px;
	left: 0;
	padding: 0 13px;
	border-top-left-radius: 5px;
	font-weight: 600;
}

.stunotbox a,
.stunotbox button {
	padding: 3px 18px !important;
	border-radius: 5px !important;
	font-size: 10px !important;
	min-height: 23px;
	margin-top: 5px !important;
}

.stunotbox .stunotiddetail h6 span {
	display: block;
	font-style: italic;
	font-weight: 500;
	color: black;
}

.stunotifixheight {
	height: 294px;
	overflow: hidden;
	position: relative;
}

.stumostlinks {
	background-position: 10px 2px;
}

html {
	height: 100%;
}

html,
body {
	font-family: system-ui;
}

body {
	font-size: 0.875rem;
	color: #000;
	background-color: #ddd;
	height: 100%;
}

.schooldetailnw {
	text-align: center;
	padding: 0 0;
	border-bottom: 1px solid #80808061;
	margin-bottom: 10px;
	padding-bottom: 0px;
}

.schooldetailnw img {
	width: 125px;
	margin-bottom: 8px;
}

.schooldetailnw h2 {
	margin-top: 0 !important;
	margin-bottom: 0;
	font-size: 21px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 24px;
}

.schooldetailnw h2 span {
	display: block;
	font-weight: 400;
	font-size: 14px;
	text-transform: capitalize;
	color: grey;
}

.btn-group-login {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.btn-group-login .btn-simple-log {
	background-color: transparent !important;
	color: black !important;
	padding: 0;
	min-height: auto;
	line-height: normal;
	text-decoration: underline;
}

@keyframes drop {
	0% {
		top: -50%;
	}

	100% {
		top: 110%;
	}
}

.mychidrns h2 {
	text-align: center;
	font-size: 23px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.mychidrns .childbox {
	background: #fffdfc;
	padding: 10px;
	border-radius: 5px;
	border-top: 2px solid #858513;
	text-align: center;
	margin-bottom: 20px;
	position: relative;
}

.mychidrns .childbox .adno {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	background: #8b8b0a;
	padding: 4px 0;
	color: white;
}

.mychidrns .childbox img {
	height: 130px;
	width: 130px;
	object-fit: cover;
	border-radius: 50%;
	border: 10px solid #e9e9e9;
	margin-top: 33px;
	margin-bottom: 10px;
}

.mychidrns .childbox h2 {
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 0;
}

.mychidrns .childbox h2 span {
	display: block;
	font-size: 13px;
	text-transform: capitalize;
	margin-top: 5px;
}

.mychidrns .childbox ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mychidrns .childbox li {
	font-size: 13px;
	color: #3a3939;
	line-height: 18px;
}

.mychidrns .childbox li span {
	font-weight: 700;
	color: black;
}

.mychidrns .stufootrbtn {
	border-top: 1px solid #80808061;
	margin-top: 11px;
	padding-top: 14px;
}

.mychidrns .stufootrbtn .rz-button-text {
	font-size: 13px !important;
	padding: 4px 12px;
}

.mychidrns .stufootrbtn button {
	padding: 6px 12px !important;
}

.mychidrns .stufootrbtn .btn-primary {
	background-color: #49cd49 !important;
}

.mychidrns .stufootrbtn .btn-danger {
	background-color: #f97e7e !important;
}

.nstafdash .staffimgn {
	position: relative;
	margin-top: 0;
	border-radius: 10px;
	z-index: 1;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	background: white;
	padding: 10px;
}

.staffdesg {
	display: inline-block;
	border-radius: 3px;
	color: #cf2a2a;
	font-style: italic;
	font-weight: 700;
}

.nstafdash .staffimgn img {
	height: 100px;
	width: 85px;
	border-radius: 5%;
	margin-right: 4px;
	border: 2px solid #ff8e8e;
	object-fit: cover;
}

.nstafdash .staffdetnw {
	margin-left: 5px;
}

.nstafdash .staffname {
	font-weight: 700;
	font-size: 17px;
	text-transform: uppercase;
	margin-bottom: -4px;
	color: #0e0e0e;
}

.bg-info th {
	background: #17657c;
	padding: 8px 4px !important;
	color: white !important;
	border: 1px solid #7e7e7ec2 !important;
}

.tbltd td {
	border: 1px solid #7e7e7e45 !important;
}

.nstafdash .staffname span {
	font-size: 11px;
	text-transform: capitalize;
	font-weight: 400;
	background: #0c0a68b5;
	display: table;
	padding: 2px 4px;
	border-radius: 3px;
	color: white;
}

.space1 {
	background: linear-gradient(45deg, #ff7676, #4584b1);
	height: 13px;
	border-radius: 10px;
}

.bg1 {
	background: #41b981;
}

.bg2 {
	background: #2b74e2;
}

.bg3 {
	background: #d5538e;
}

.bg4 {
	background: #e22b2b;
}

.bg5 {
	background: #c7950a;
}

.bg6 {
	background: #d75151;
}

.bg7 {
	background: #8c0695;
}

.bg8 {
	background: #089783;
}

.card {
	padding: 10px;
	background: white;
	box-shadow: none !important;
	border: 0 !important;
	border-radius: 10px;
}

.nstafdash .staffimgn ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.student_edit_form h6 {
	background: linear-gradient(135deg, #218eca 0%, #57a2de 100%);
	color: white;
	padding: 7px 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-size: 17px;
	font-weight: 400;
	margin: 0;
}

.staff_salary_pay .stuformbox {
	background: #ffffff;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 15px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
	position: relative;
	overflow: hidden;
}

.staff_salary_pay .stuformbox h6 {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: white;
	padding: 12px 20px;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 600;
	margin: -25px -25px 20px -25px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

.staff_salary_pay .card {
	background: #ffffff;
	border: none;
	border-radius: 12px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	position: relative;
	margin-bottom: 25px;
}

.staff_salary_pay .card h6 {
	background: #0f7b8c;
	color: white;
	padding: 8px 20px;
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

.staff_salary_pay .card-body {
	padding: 10px;
}

.staff_salary_pay .card-body .row {
	margin: 0;
}

.staff_salary_pay .card-body .col-md-4 {
	padding: 0 10px;
}

.staff_salary_pay .emp_dtl {
	background: #ffffff;
	border: 2px solid #e8f0fe;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 15px;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	margin: 0;
}

.staff_salary_pay .emp_dtl:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
	border-color: #667eea;
}

.staff_salary_pay .emp_dtl h5 {
	background: linear-gradient(135deg, #256395 0%, #4d7da4 100%);
	color: white;
	padding: 6px 15px;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border-radius: 8px 8px 0 0;
	box-shadow: 0 2px 10px rgba(40, 167, 69, 0.3);
	margin: -11px -11px 0px -11px;
}

.staff_salary_pay .emp_dtl ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.staff_salary_pay .emp_dtl li {
	padding: 2px 0;
	border-bottom: 1px solid #f1f3f4;
	font-size: 13px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	transition: all 0.2s ease;
}

.staff_salary_pay .emp_dtl li:last-child {
	border-bottom: none;
}

.staff_salary_pay .emp_dtl strong {
	font-weight: 600;
	color: #495057;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 0.5px;
}

.staff_salary_pay .emp_dtl table {
	margin: 0;
	width: 100%;
	border-collapse: collapse;
}

.staff_salary_pay .emp_dtl table tr {
	border-bottom: 1px solid #f1f3f4;
	transition: all 0.2s ease;
	margin-bottom: 2px;
}

.staff_salary_pay .emp_dtl table tr:hover {
	background-color: #f8f9fa;
}

.staff_salary_pay .emp_dtl table td {
	padding: 6px 12px;
	font-size: 12px;
	border: none;
}

.staff_salary_pay .emp_dtl table td:first-child {
	font-weight: 500;
	color: #495057;
	width: 60%;
}

.staff_salary_pay .emp_dtl table td:last-child {
	font-weight: 600;
	color: #28a745;
	text-align: right;
	width: 40%;
}

.staff_salary_pay .s_total {
	background: linear-gradient(135deg, #bababa 0%, #dfdfdf 100%);
	color: #1a1a1a;
	margin: 5px 0;
}

.staff_salary_pay .s_total th {
	padding: 6px 15px;
	font-weight: 600;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border: none;
	color: #2b2b2b;
	background: transparent;
}

.staff_salary_pay .s_total th:first-child {
	text-align: left;
	border-radius: 8px 0 0 8px;
}

.staff_salary_pay .s_total th:last-child {
	text-align: right;
	color: #121212;
	border-radius: 0 8px 8px 0;
	font-weight: 600;
	font-size: 20px;
}

.staff_salary_pay .table.m-0 {
	margin: 0 !important;
	background: transparent;
}

.staff_salary_pay .form-control {
	border: 2px solid #e8f0fe;
	border-radius: 8px;
	padding: 10px 15px;
	font-size: 14px;
	transition: all 0.3s ease;
}

.staff_salary_pay .form-control:focus {
	border-color: #667eea;
	box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
}

.staff_salary_pay .btn-success {
	background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
	border: none;
	border-radius: 8px;
	padding: 10px 20px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3);
}

.staff_salary_pay .btn-success:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(40, 167, 69, 0.4);
	background: linear-gradient(135deg, #20c997 0%, #28a745 100%);
}

.staff_salary_pay label {
	font-weight: 600;
	color: #495057;
	margin-bottom: 8px;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.5px;
}

.nstafdash .staffimgn li {
	font-size: 11px;
	text-transform: uppercase;
}

.nstafdash .shrtprobg {
	background: linear-gradient(-90deg, #ff7d7dc9, #4d578af0),
		url(/css/assets/shotprofbg.jpg);
	background-size: cover;
	background-position: center;
	position: relative;
	z-index: 1;
}

.text-container h6 {
	color: white;
	font-size: 16px;
	font-weight: 500;
}

.text-container img {
	width: 75px;
	animation: spin 5s linear infinite;
}

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

	to {
		transform: rotate(360deg);
	}
}

.staffbtns .row {
	margin-right: -3px !important;
	margin-left: -3px !important;
}

.nstafdash .staffbtns button {
	display: block;
	margin-bottom: 15px;
	border-radius: 10px;
	transition: 0.3s;
	width: 100%;
	background: white;
	text-align: center;
	box-shadow: 4px 8px 35px -23px grey;
	border-top: 2px solid #00a1ff;
	min-height: 90px !important;
}

.nstafdash .staffbtns a {
	margin-bottom: 8px !important;
}

.nstafdash .staffbtns a {
	display: block;
	padding: 12px 3px;
	margin-bottom: 15px;
	border-radius: 10px;
	transition: 0.3s;
	width: 100%;
	background: white;
	text-align: center;
	box-shadow: 4px 8px 35px -23px grey;
}

.nstafdash .staffbtns a:hover {
	background: #fffee0;
	transition: 0.3s;
}

.nstafdash .staffbtns button:hover {
	background: #fffde0;
	transition: 0.3s;
}

.nstafdash .staffbtns img {
	height: 49px;
	padding: 3px;
	border-radius: 5px;
}

.nstafdash .staffbtns h3 {
	font-weight: 500;
	font-size: 13px;
	margin-bottom: 0;
	color: #1c1c1c;
	text-decoration: none;
}

.stfbtns {
	margin-top: 1px;
	display: flex;
	justify-content: flex-start;
	border-top: 1px solid #80808052;
	padding-top: 5px;
}

.stfbtns button {
	height: 24px !important;
	padding: 3px 8px !important;
	border-radius: 3px;
	font-size: 12px !important;
	margin-right: 6px !important;
	min-height: 22px !important;
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.stfbtns button i {
	font-size: 13px;
	line-height: 1;
}

.nstafdash .card h3,
.nstafdash .card h1 {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 4px;
	background: #2bb984;
	color: white;
	padding: 5px 14px;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.nstafdash .card h3:after,
.nstafdash .card h1:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	border-top: 28px solid #2bb984;
	border-right: 29px solid transparent;
	right: -28px;
	top: 0px;
}

.staffnoti {
	overflow: hidden;
	margin-top: 10px;
}

.staffnoti .marquee-container1 {
	height: 393px;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
	scrollbar-width: thin;
	scrollbar-color: #9395de #f1f1f1;
}

.staffnoti .marquee-container1 .marquee-content1 {
	animation: none !important;
	transform: none !important;
}

.staffnoti_birthday {
	height: 310px;
	overflow-y: scroll;
	margin-top: 10px;
}

.staffnoti_child {
	height: 285px;
	margin-top: 10px;
}

.staffnoti_child_both {
	height: 187px;
	overflow-y: scroll;
	margin-top: 10px;
}

.nonstagbothday button {
	background-color: #e86d6d !important;
	padding: 0 !important;
	font-size: 9px;
	min-height: 20px;
	min-width: 20px;
}

.nonstagbothday .rz-button-box i {
	font-size: 10px;
	height: auto;
	width: auto;
}

.pres_bx {
	padding: 7px;
	border-radius: 3px;
	margin-bottom: 10px;
	position: relative;
	min-height: 90px;
}

.pres_bx.bg-success .empid {
	position: absolute;
	right: -7px;
	background: #ab8800;
	color: white;
	padding: 2px 6px;
	font-size: 12px;
	letter-spacing: 0.04em;
	border-radius: 3px;
	top: 3px;
}

.pres_bx .empdeg {
	font-weight: 400;
	font-style: italic;
	margin-top: -4px;
	color: #545454;
	font-size: 12px;
}

.pres_bx .entrytime {
	border-top: 1px solid #0080007d;
	font-weight: 500;
	font-size: 12px;
	padding-top: 2px;
}

.pres_bx h1 {
	color: black;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 4px;
	width: 126px;
}

.pres_bx.bg-success {
	background-color: #fff7d9 !important;
	border: 1px solid #ffdd57;
}

.pres_bx.bg-danger {
	background-color: #fde6e8 !important;
	border: 1px solid #d96772;
}

.pres_bx.bg-danger .empid {
	position: absolute;
	right: -7px;
	background: #dd525f;
	color: white;
	padding: 2px 6px;
	font-size: 12px;
	letter-spacing: 0.04em;
	border-radius: 3px;
	top: 3px;
}

.event_bx_ac {
	background: white;
	padding: 20px;
	position: relative;
}

.event_bx_ac h1 {
	font-size: 19px;
	font-weight: 500;
}

.event_bx_ac h1 span {
	display: block;
	font-weight: 400;
	font-size: 16px;
	margin-top: 5px;
}

.event_bx_ac .act_dtl {
	border-top: 1px solid #80808061;
	margin-top: 5px;
	margin-bottom: 4px;
}

.event_bx_ac .act_dtl h4 {
	font-size: 17px;
	font-weight: 500;
	line-height: 20px;
}

.event_bx_ac .reg_dtl {
	position: absolute;
	top: 20px;
	right: 20px;
}

.event_bx_ac .reg_dtl h2 {
	font-size: 16px;
	border: 1px solid #d55252;
	padding: 5px 16px;
	border-radius: 5px;
	font-weight: 400;
	background: #ffecec;
}

.event_bx_ac .evntdtl-long {
	margin-top: 10px;
}

.even_stu {
	background: white;
	padding: 10px;
	margin-top: 10px;
	text-align: center;
	position: relative;
}

.even_stu.e_bg1 {
	background: #ffffe8;
	border: 1px solid #d9d90a;
}

.even_stu.e_bg2 {
	background: #ecffe8;
	border: 1px solid #3dc504;
}

.even_stu.e_bg3 {
	background: #ffe7e7;
	border: 1px solid #b74545;
}

.even_stu .ad_n {
	position: absolute;
}

.even_stu img {
	height: 73px;
	padding: 4px;
	background: #fbd7d7;
	border-radius: 5px;
}

.evn_stuftr {
	margin-top: 8px;
}

.even_stu .evn_pos {
	position: absolute;
	top: -16px;
	right: -16px;
	background: #ffcccc;
	height: 50px;
	width: 50px;
	display: block;
	border-radius: 50%;
	line-height: 36px;
	font-size: 19px;
	font-weight: 600;
	border: 3px solid #e17d87;
}

.evn_stuftr h2 {
	font-size: 18px;
	font-weight: 600;
}

.evn_stuftr h2 span {
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.05em;
	color: #404040;
	margin-top: 0px;
}

.stunotidbtns {
	margin-top: 4px;
}

.staffnoti .stunotbox {
	overflow: hidden;
	width: 100%;
}

.staffnoti .stunotidate {
	height: 60px;
	width: 65px;
	background: #673ab7;
	text-align: center;
	float: left;
	border-radius: 5px;
	padding: 3px 8px;
	border: 1px solid #673ab7;
	margin-right: 8px;
	min-width: 65px;
	min-height: 60px;
	box-sizing: border-box;
	flex-shrink: 0;
}

.staffnoti .stunotidate h6 {
	margin: 0;
	color: #fff;
	font-size: 25px;
	line-height: 22px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.staffnoti .stunotidate h6 span {
	display: block;
	font-weight: 400;
	font-size: 13px;
	line-height: 1.1;
}

.staffnoti .stunotbox .stunotiddetail h5 {
	color: black;
	text-transform: capitalize;
	font-weight: 600;
	margin-bottom: 3px;
	font-size: 16px;
}

.staffbrthdy .item {
	position: relative;
	z-index: 2;
}

.staffnoti .stunotbox .stunotiddetail p {
	margin: 0;
	color: #565656;
	font-weight: 400;
	font-size: 12px;
}

.staffnoti li {
	padding-bottom: 7px;
	border-bottom: 1px solid #8080806e;
	margin-bottom: 7px;
}

.staffnoti .stunotidbtns a,
.staffnoti .stunotidbtns button {
	padding: 4px 10px !important;
	font-size: 11px;
	height: auto;
	line-height: normal;
	min-height: auto;
}

.staffnoti::-webkit-scrollbar,
.staffchild_list::-webkit-scrollbar,
.timatbelstaff::-webkit-scrollbar {
	width: 5px;
}

.staffnoti::-webkit-scrollbar-track,
.staffchild_list::-webkit-scrollbar-track,
.timatbelstaff::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey;
	border-radius: 5px;
}

.staffnoti::-webkit-scrollbar-thumb,
.staffchild_list::-webkit-scrollbar-thumb,
.timatbelstaff::-webkit-scrollbar-thumb {
	background: #8f6c0e;
	border-radius: 5px;
}

.staffnoti::-webkit-scrollbar-thumb:hover,
.staffchild_list::-webkit-scrollbar-thumb:hover,
.timatbelstaff::-webkit-scrollbar-thumb:hover {
	background: #b30000;
}

.timatbelstaff th {
	background: #416bb7;
	color: white;
	font-size: 12px;
	padding: 5px 7px !important;
}

.timatbelstaff td {
	border: 1px solid #80808069;
	padding: 4px 7px !important;
	font-size: 11px;
	font-weight: 700;
	color: #6c0202;
}

.timatbelstaff td span {
	display: block;
	background: #fbb7e9;
	padding: 1px 2px;
	border-radius: 1px;
	font-size: 10px;
	font-weight: 500;
}

.nstaf_lv_stats .st_lv_st {
	background: white;
	padding: 10px;
	border-radius: 5px;
	position: relative;
	margin-bottom: 20px;
}

.nstaf_lv_stats .st_lv_st h5 {
	position: absolute;
	left: 0;
	top: 0;
	background: #630099;
	font-size: 14px;
	padding: 5px 8px;
	font-weight: 600;
	color: white;
	border-radius: 3px;
}

.nstaf_lv_stats .st_lv_st h6 {
	position: absolute;
	top: -10px;
	background: #2285eb;
	color: white;
	font-size: 13px;
	text-transform: uppercase;
	padding: 5px 9px;
	left: 4px;
	border-radius: 5px;
	font-weight: 500;
}

.nstaf_lv_stats .st_lv_st table {
	margin-bottom: 0;
	margin-top: 6px;
}

.nstaf_lv_stats .st_lv_st th,
.nstaf_lv_stats .st_lv_st td {
	padding: 2px 0;
	font-size: 12px;
	border: 0;
	background: none;
}

.nstaf_lv_stats .st_lv_st .date {
	margin-top: 6px;
	border-bottom: 1px solid #c4c4c4;
	padding-bottom: 5px;
	color: #222121;
	font-weight: 700;
	font-size: 14px;
	font-style: italic;
}

.nstaf_lv_stats .st_lv_st .l_v_st {
	position: absolute;
	right: -7px;
	top: -5px;
	background: purple;
	color: white;
	padding: 3px 8px;
	font-size: 12px;
	font-weight: 600;
	font-style: italic;
	border-radius: 3px;
}

.nstaf_lv_stats .st_lv_st th {
	width: 67px;
}

.nstaf_lv_stats .st_lv_st p {
	font-size: 12px;
	color: #808080;
	font-weight: 500;
	border-top: 1px solid #80808059;
	padding-top: 1px;
	margin-top: 7px;
	margin-bottom: 0;
}

.nstaf_lv_stats .st_lv_st p span {
	display: block;
	font-weight: 600;
	font-size: 14px;
	color: black;
}

.nstaf_lv_stats .st_lv_st td {
	color: grey;
	font-weight: 500;
}

.nstaf_lv_stats .st_lv_st td span {
	margin-right: 8px;
	margin-left: 8px;
	display: inline-block;
	padding: 0;
}

.nstaf_lv_stats .st_lv_st .st_lv_st_btns {
	border-top: 1px solid #80808047;
	padding-top: 7px;
	margin-top: 7px;
	display: flex;
	justify-content: flex-start;
}

.nstaf_lv_stats .st_lv_st .st_lv_st_btns button {
	padding: 5px 14px !important;
	font-size: 12px;
	font-weight: 500;
	border-radius: 5px;
}

.header h3 {
	background: #09394a;
	padding: 17px 15px;
	min-width: 259px;
	text-align: center;
	font-size: 16px;
	color: white;
	font-weight: 700;
	margin: 0;
	text-transform: uppercase;
	display: inline-block;
}

.rz-card.designform,
.designform {
	margin: 0 !important;
}

.designform select,
.designform .rz-dropdown,
.designform .rz-spinner,
input {
	background: #f6f7fa !important;
	font-size: 13px !important;
	color: #606060 !important;
	padding: 6px 6px !important;
	appearance: auto;
	min-height: 35px;
	height: 35px !important;
	border: 1px solid #80808036 !important;
}

.exprtbtn {
	background: #a314fd;
	border: 0;
	margin-bottom: 4px;
	top: -36px;
	right: 0px;
}

.nor-pad .rz-dropdown {
	padding: 5px 7px !important;
	min-height: auto;
	height: auto !important;
}

.qr_gen_btn h2 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 8px;
}

.qr_gen_btn {
	border: 1px solid #c7c7c7;
	box-shadow: 2px 3px 47px -36px #454545;
	border-radius: 10px;
	margin-top: -3px;
	background: aliceblue;
	position: relative;
	min-height: 225px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.qr_gen_btn img {
	width: 80px;
}

.qr_gen_btn button {
	color: white;
	padding: 11px 19px !important;
	text-transform: capitalize;
	font-size: 14px !important;
	border-radius: 3px;
	background: #45ba4a !important;
}

.pagetitle {
	background: #1b82a7;
	font-size: 14px;
	font-weight: 500;
	margin: 7px 4px 7px 9px;
	text-align: center;
	padding: 1px 12px;
	display: inline-block;
}

.pagetitle h5 {
	font-size: 14px;
	font-weight: 500;
	margin: 7px 4px 7px 9px;
	color: white;
}

.form-control:focus {
	box-shadow: none;
}

.classubstff .clsubheader h3:last-child {
	margin-right: 0px !important;
}

.classubstff .clsubheader h3 span {
	text-transform: uppercase;
	font-weight: 700;
	display: block;
	background: white;
	color: black;
}

.classubstff .clsubfooter {
	border-top: 1px solid #80808057;
	clear: both;

	padding-top: 4px;
}

.classubstff .clsubheader {
	margin-top: 15px;
}

.classubstff .clsubfooter .btn {
	border-radius: 5px !important;
	padding: 2px 6px !important;
	margin: 0 0px !important;
}

.classubstff .clsubfooter .btn-success {
	background-color: #059379 !important;
}

.classubstff .clsubfooter .btn-info {
	background-color: #938105 !important;
}

.sklnmlogo {
	display: flex;
}

.stumostlinksbox {
	padding: 4px 10px;
	border-radius: 10px;
	transition: transform 0.2s ease, box-shadow 0.25s ease;
	min-height: 48px;
	display: flex;
	align-items: center;
}

.sklnmlogo img {
	width: 45px;
	height: 38px;
	margin: 3px 0;
	object-fit: contain;
}

.sklnmlogo h6 {
	font-size: 14px;
	font-weight: 500;
	margin: 7px 4px 7px 9px;
	display: flex;
	align-items: center;
}

.staffshtinfon:before {
	content: "";
	position: absolute;
	background: linear-gradient(-180deg, #ffffffc7, #ffff0000),
		url(/css/assets/staffproshort.png);
	height: 192px;
	right: -10px;
	left: -10px;
	background-size: contain;
	top: -10px;
	background-repeat: no-repeat;
}

.staffprofile .staffshtinfon .empnonew {
	background: #c46c6c;
	color: white;
	font-style: italic;
	font-weight: 500;
	padding: 2px 6px;
	border-radius: 3px;
	max-width: 164px;
	margin: 0 auto;
	margin-bottom: 10px;
	text-align: center;
	position: relative;
	top: -20px;
}

.staffprofile .staffshtinfon .staffproheadr {
	text-align: center;
	border-bottom: 1px solid #cfcfcf;
	padding-bottom: 7px;
	margin-bottom: 11px;
	position: relative;
	margin-top: -13px;
}

.staffprofile .staffshtinfon .staffproheadr img {
	height: 110px;
	width: 110px;
	border-radius: 50%;
	border: 3px solid #ff5656;
	margin-bottom: 7px;
}

.staffprofile .staffshtinfon .staffproheadr h5 {
	font-weight: 700;
	font-size: 17px;
	text-transform: uppercase;
	margin: 0;
}

.staffprofile .staffshtinfon .staffproheadr h5 span {
	display: block;
	background: #5bb14c;
	width: 131px;
	padding: 3px 0;
	font-size: 13px;
	color: white;
	text-transform: uppercase;
	border-radius: 27px;
	margin: 6px auto 0;
	font-weight: 600;
}

.staffprofile .staffshtinfon .staffprofootr {
	margin-top: 2px;
	position: relative;
}

.staffprofile .staffshtinfon .staffprofootr ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	text-align: center;
}

.staffprofile .staffshtinfon .staffprofootr ul li {
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 6px;
	position: relative;
	color: black;
	line-height: 15px;
	border-bottom: 1px solid #cdcdcd;
	padding-bottom: 3px;
}

.staffprofile .staffshtinfon .staffprofootr li:last-child {
	margin-bottom: 0px !important;
	border-bottom: none;
}

.staffprofile .staffshtinfon .staffprofootr ul li span {
	display: block;
	color: #505050;
	font-weight: 400;
	margin-top: 5px;
	font-size: 13px;
}

.rz-navigation-menu button:hover .rz-button-text {
	color: white !important;
}

.rz-navigation-menu li {
	width: 100%;
}

.rz-button:not(.rz-state-disabled) {
	cursor: pointer;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.slide-out-panel {
		width: 100% !important;
	}

	.school_dt_inner {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.staffprofile .staffproinfo {
		margin-bottom: 28px;
	}

	.staff_d_n_board {
		margin-top: 10px;
	}

	.sidebar {
		width: auto !important;
		position: unset;
	}

	.sidebar .navbar.navbar-dark {
		display: none;
	}

	.top-row {
		left: 0 !important;
	}

	.publicnotice_bx {
		height: auto !important;
	}

	.ass_bx p,
	.ass_desc {
		height: auto !important;
		overflow: visible !important;
	}

	.stucirculars .stucirbox p {
		height: auto !important;
	}

	.mobileexamentry {
		margin-bottom: 85%;
	}

	.publicnoticedetl:before {
		display: none;
	}

	.publicreglist .studash-fee-popup {
		top: 40% !important;
	}

	.mobilehide span {
		color: white !important;
	}

	.feetabs .rz-tabview-panels,
	.feetabsdetail .rz-tabview-panels {
		clear: both;
	}

	.feetabs li a,
	.feetabsdetail .rz-tabview-nav li a {
		width: 30% !important;
		float: left;
	}

	.publicreghead.pub {
		top: -10% !important;
	}

	.mychidrns .stufootrbtn button {
		padding: 4px 4px !important;
	}

	.mychidrns .stufootrbtn {
		margin-top: 5px !important;
		padding-top: 5px !important;
		border: 0;
	}

	.mychidrns {
		padding: 28px 0;
	}

	.mychidrns .childbox .adno {
		position: relative;
		display: inline-block;
		padding: 1px 10px;
		text-transform: capitalize;
		margin-bottom: 3px;
		font-size: 12px;
	}

	.mychidrns .childbox img {
		height: 110px;
		width: 85px;
		float: left;
		border-radius: 3px;
		border: 3px solid #d9d9d9;
		margin: 3px;
	}

	.mychidrns .childbox h2,
	.childbox {
		text-align: left !important;
	}

	.pagetitle {
		top: 83px;
		left: 0;
		background: none !important;
		margin: 0px 0;
		margin-left: 12px;
		padding: 0;
		z-index: 1;
		transform: none;
		display: inline-block;
	}

	.pagetitle h5 {
		color: black;
		margin: 0;
		text-align: left;
	}

	.userregisterd input {
		height: 30px !important;
	}

	.publicreghead .media img {
		width: 64px !important;
		margin-right: 4px !important;
	}

	.sklnmlogo img {
		padding: 0 6px !important;
	}

	.sklnmlogo {
		margin-left: 40px !important;
	}

	.sklnmlogo h6 {
		margin: 0 !important;
	}

	.rz-grid-table thead,
	.rz-grid-table thead th {
		width: 169px !important;
	}

	.header h3 {
		background: none !important;
		padding: 0 !important;
		min-width: auto !important;
		margin: 3px 0;
		color: black !important;
		font-size: 11px;
	}

	.mobilehide {
		display: none !important;
	}

	.topbarmenu li {
		margin-right: 0 !important;
	}
}

.table td,
.table th {
	vertical-align: middle;
}

.pageheader h4 {
	font-weight: 600;
	font-size: 17px;
}

.pageheader .row {
	align-items: center;
}

.stumostlinksbox:hover {
	background: #c736c7 !important;
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
	transition: 0.4s;
}

.stumostlinksbox img {
	float: left;
	width: 40px;
	height: 40px;
	filter: invert(1);
	margin-right: 8px;
	padding: 2px;
	position: relative;
	top: 0;
	left: 0;
}

.public_right_footer .text-center button {
	width: 100%;
}

.publicnotice .row {
	align-items: center;
	justify-content: center;
}

.stu_nw_dash h1,
.stu_nw_dash .stutimetable-title {
	font-weight: 600;
	border-bottom: 1px solid #cfcfcf;
	padding-bottom: 8px;
	margin-bottom: 3px;
	font-size: 1rem;
	color: #323232;
}

.stu_nw_dash .card {
	padding: 10px 10px !important;
	border-radius: 10px;
}

.stumostlinksbox h5 {
	line-height: 18px;
	text-transform: uppercase;
	font-weight: 400;
	margin: 0;
	font-size: 11px;
	color: #fff;
}

.stumostlinksbox h5 span {
	display: block;
	font-weight: 600;
	font-size: 12px;
}

.sbg1 {
	background: linear-gradient(135deg, #e9a23b, #d97706);
}

.sbg2 {
	background: linear-gradient(135deg, #34d399, #059669);
}

.sbg3 {
	background: linear-gradient(135deg, #f87171, #dc2626);
}

.sbg4 {
	background: linear-gradient(135deg, #60a5fa, #2563eb);
}

.sbg5 {
	background: linear-gradient(135deg, #2dd4bf, #0d9488);
}

.sbg6 {
	background: linear-gradient(135deg, #22d3ee, #0891b2);
}

.sbg7 {
	background: linear-gradient(135deg, #a78bfa, #7c3aed);
}

.sbg8 {
	background: linear-gradient(135deg, #b45309, #92400e);
}

.sbg9 {
	background: linear-gradient(135deg, #33b409, #0e9255);
}

.stumesgbox .date {
	color: #3cad41;
	font-weight: 400;
	font-style: italic;
	border: 1px solid #3cad41;
	display: inline-block;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 500;
	padding: 0 6px;
	margin-bottom: 6px;
}

.table.designtable {
	margin: 0;
}

.table.designtable th {
	background: #892f86;
	padding: 7px 9px;
	color: white;
	font-weight: 500;
}

@keyframes flip {

	0%,
	80% {
		transform: rotateY(360deg);
	}
}

.form-section .logo {
	margin-bottom: 10px;
}

.studash {
	position: relative;
}

.stufootrbtn {
	margin-top: 13px;
	border-top: 1px solid #bdbdbd;
	padding-top: 10px;
}

.yearchangebtn {
	background: none !important;
	color: black !important;
	padding: 6px 19px !important;
	text-align: left;
	width: 100%;
}

.yearchangebtn:hover {
	background: #0d6efd;
}

.yearchangebtn span {
	font-family: system-ui !important;
	color: #5c5c5c;
	font-size: 15px;
}

.feebtns .btn {
	border-radius: 0px !important;
	border: 0 !important;
}

.stufullprofiletbs .rz-tabview-nav li a {
	color: white !important;
	padding: 9px 15px !important;
	min-width: auto;
}

@-moz-keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		-moz-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-moz-transform: translateY(-30px);
		transform: translateY(-30px);
	}

	60% {
		-moz-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}

@-webkit-keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}

	60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}

@keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-moz-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}

	60% {
		-moz-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}

@keyframes jumpInfinite {
	0% {
		margin-top: 0;
	}

	50% {
		margin-top: 20px;
	}

	100% {
		margin-top: 0;
	}
}

.stufullprofiletbs .card-header {
	background: #b7358f;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	padding: 2px 14px;
	color: white;
}

.newgrpopup td {
	padding: 0 5px !important;
}

.stufullprofiletbs .card-header h4 {
	color: white;
}

.stufullprofiletbs .table {
	margin-top: 35px;
	margin-bottom: 0px;
}

.stufullprofiletbs .rz-tabview-nav .rz-tabview-selected button {
	background: #424344;
}

.stufullprofiletbs .rz-tabview-nav .rz-tabview-selected button:after {
	content: "\f0d7";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #424344;
	font-size: 44px;
	padding-right: 0.5em;
	position: absolute;
	top: 9px;
	left: 38px;
}

.caltable th {
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding: 8px 10px;
	font-size: 12px;
	font-weight: 600;
	background: linear-gradient(135deg, #0d9488 0%, #0f766e 100%);
	color: white;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.fixfeetabkle__transport {
	height: 120px;
	overflow-y: scroll;
}

.stu_tm_table .table {
	table-layout: fixed;
}

.h__t_grd {
	position: relative;
}

.fixfeetabkle__transport th {
	background-color: #d950c8 !important;
	color: white !important;
	padding: 3px 9px !important;
	text-align: left !important;
	font-weight: 400;
}

.caltable {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	margin-top: 30px;
	border-collapse: separate;
	border-spacing: 2px;
	border-radius: 10px;
	overflow: hidden;
}

.status_fee {
	font-size: 13px;
}

.caltable2 {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 12px 20px;
	align-items: center;
}

.stu_pass_view h6 {
	font-size: 21px;
	font-weight: 600;
}

.stu_pass_view button {
	max-width: 120px;
}

.caltable2 li {
	padding: 0;
	margin: 0;
	display: inline-flex;
	align-items: center;
	font-size: 13px;
	font-weight: 500;
	color: #475569;
}

.caltable td {
	padding: 6px 8px !important;
	border: 1px solid #e2e8f0;
	text-align: center;
	font-weight: 600;
	font-size: 12px;
	height: 36px;
	border-radius: 6px;
	color: #334155;
}

.payment_status .p_bx {
	background: antiquewhite;
	padding: 8px;
	margin-bottom: 12px;
}

.stu_att_st {
	margin-top: 14px;
	padding-top: 12px;
	border-top: 1px solid #e2e8f0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 20px;
}

.leave {
	background: linear-gradient(135deg, #86efac, #22c55e);
	color: white !important;
}

.absent {
	background: linear-gradient(135deg, #fca5a5, #ef4444);
	color: white !important;
}

.holiday {
	background: linear-gradient(135deg, #f9a8d4, #ec4899);
	color: white !important;
}

.late {
	background: linear-gradient(135deg, #fde047, #eab308);
	color: white !important;
}

.niwd {
	background: linear-gradient(135deg, #7dd3fc, #0ea5e9);
	color: white !important;
}

.calbgcolor {
	display: inline-block;
	height: 14px;
	width: 14px;
	border-radius: 4px;
	float: left;
	margin-right: 8px;
	margin-top: 2px;
}

.emp_dtl li {
	font-size: 14px;
	line-height: 21px;
}

.emp_dtl li strong {
	display: inline-block;
	width: 127px;
	color: black;
	font-weight: 500;
	font-size: 13px;
}

.classtabs .rz-tabs-vertical {
	display: flex;
	flex-direction: row;
}

.classtabs .rz-tabs-vertical .rz-tabview-nav {
	flex-direction: column;
	width: 200px;
	float: left;
}

.classtabs .rz-tabs-vertical li {
	border-top-width: 1px;
	border-left-width: 2px;
	margin-right: -1px;
	margin-bottom: 0;
}

.classtabs .rz-tabs-vertical li a {
	text-align: left;
}

.classtabs .rz-tabs-vertical .rz-tabview-selected,
.classtabs .rz-tabs-vertical li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
	border: 1px solid #e9eaed;
	border-left: 2px solid #1151f3;
}

.classtabs h4 {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 19px;
}

.classbox {
	background: aquamarine;
	padding: 20px 24px;
	border-radius: 5px;
	margin: 0 auto 22px;
	cursor: pointer;
	min-height: 80px;
	display: flex;

	align-items: center;
}

.classbox img {
	width: 42px !important;
	height: auto !important;
	float: left;
	margin-right: 10px;
}

.classbox h2 {
	color: white;
	font-size: 18px;
	margin: 0;
}

.classbox h2 span {
	display: block;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}

.classbox h6 {
	font-size: 21px;
	font-weight: 500;
}

.classtabs li {
	border-top-right-radius: 50px !important;
	border-bottom-right-radius: 50px !important;
}

.classtabs li a {
	font-size: 13px;
	text-align: left;
	font-weight: 700;
	padding: 10px 21px !important;
	text-transform: uppercase;
}

.classtabs .rz-tabview-selected a {
	color: #fff !important;
	background: #d94c81 !important;
	border-top-right-radius: 50px !important;
	border-bottom-right-radius: 50px !important;
}

.classbox.color1 {
	background: #763fce;
}

.classbox.color2 {
	background: #d94c81;
}

.classbox.color3 {
	background: #cea53c;
}

.classbox.color4 {
	background: #33a833;
}

.classbox.color5 {
	background: #15b49e;
}

.classbox.color6 {
	background: #d08367;
}

.classbox.color7 {
	background: #29b2c4;
}

.classbox.color8 {
	background: #964ece;
}

.classbox.color8 {
	background: #7aab1a;
}

.classtabs ul {
	display: block;
	min-width: 180px;
	margin-right: 25px;
}

.classtabs {
	display: inline-flex !important;
	flex-direction: revert !important;
}

.studentbox .admno {
	position: absolute;
	top: -2px;
	background: #363636;
	color: white;
	padding: 0 8px;
	font-size: 11px;
	font-weight: 600;
	z-index: 9;
	left: 0;
	border-top-left-radius: 5px;
}

.nwstudnbx .admno {
	position: absolute;
	right: 0;
	top: -2px;
	background: #383838;
	color: white;
	border-top-right-radius: 7px;
	padding: 2px 7px;
	font-size: 12px;
}

.studentbox .stubtns {
	position: absolute;
	right: 0;
	top: -3px;
	width: 105px;
}

.studentbox .stubtns button {
	width: 100%;
	margin-bottom: 4px;
}

.studentbox2 .stubtns {
	margin-top: 6px;
}

.studentbox2 .stubtns button {
	margin-bottom: 4px;
	padding: 0 5px !important;
}

.rz-dropdown-item {
	padding: 7px 8px !important;
	font-size: 13px !important;
	font-weight: 500;
}

.subjects_button_container {
	position: absolute;
	top: 3px;
	right: 20px;
}

.sub_text {}

.classboxnew {
	overflow: hidden;
	background: #ffffff;
	padding: 5px;
	border-radius: 12px;
	position: relative;
	margin-bottom: 10px;
	box-shadow: 0 8px 20px rgba(15, 118, 110, 0.08);
	border: 1px solid #e0f2f1;
}

.classboxnew .classheader {
	position: relative;
	min-height: 60px;
}

.classboxnew .classheader .classteacher {
	float: left;
	margin-right: 8px;
	margin-top: 0px;
}

.classboxnew .classheader .classteacher img {
	height: 64px;
	width: 64px;
	object-fit: cover;
	border-radius: 8px;
	border: 1px solid #d2d2d2;
	box-shadow: 0 4px 10px rgba(20, 184, 166, 0.25);
}

.classboxnew .classheader .classdetail {
	margin: 0px 0;
}

.classboxnew .classheader .classdetail h5 {
	font-size: 11px;
	font-weight: 700;
	border: 1px solid #14b8a6;
	margin-bottom: 4px;
	padding: 3px 8px;
	display: inline-block;
	color: #0f766e;
	border-radius: 999px;
	background: linear-gradient(90deg, #ecfeff 0%, #cffafe 100%);
}

.classboxnew .classheader .classdetail h4 {
	margin-bottom: 0 !important;
	font-size: 16px;
	font-weight: 700;
	color: #000e14;
}

.classboxnew .classheader .classstudents {
	background: linear-gradient(135deg, #06b6d4 0%, #0f766e 100%);
	border: none;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	right: 0;
	height: 60px;
	width: 60px;
	padding: 5px;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	box-shadow: 0 6px 16px rgba(6, 182, 212, 0.35);
}

.classboxnew .classheader .classstudents h3 {
	font-size: 23px;
	font-weight: 600;
}

.classboxnew .classheader .classstudents h3 span {
	display: block;
	font-size: 9px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	opacity: 0.9;
}

.classboxnew .classfooter {
	border-top: 1px solid #d9d9d9;
	padding-top: 6px;
	margin-top: 9px;
}

.classboxnew .classfooter .stubtns {
	display: flex;
	gap: 4px;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
}

.rz-button-md .rz-button-box {
	text-transform: capitalize;
	letter-spacing: normal;
	font-weight: 500;
}

.btn-purple {
	background: #d70dd1;
}

.classboxnew .classfooter button {
	margin: 0 !important;
	border-radius: 5px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 3px 6px !important;
	width: auto;
	white-space: nowrap;
	flex: 1 1 0;
	font-size: 11px;
}

.classfooter .stubtns .btn-darkgrey {
	background: #c57e36 !important;
}

.classfooter .stubtns .btn-darkgrey:hover {
	color: white !important;
}

.finalbtns {
	text-align: right;
	vertical-align: middle;
}

.feefooter {
	background: #f3f5c8;
	border: 1px solid #644802;
}

.feefooter .feefooterleft {
	padding: 11% 0px 0px 9px;
}

.feefooter .feefooterleft .media {
	border: 1px solid #644802;
	border-radius: 6px;
	position: relative;
	background: #f1d692;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
}

.feefooter .feefooterleft .media .stuadmno {
	position: absolute;
	right: 15px;
	background: #dc3545;
	color: white;
	font-weight: 600;
	padding: 6px 13px;
	font-size: 17px;
	text-transform: uppercase;
	border-radius: 14px;
	top: -25px;
}

.topfilters {
	margin-bottom: 15px;
}

.topfilters label {
	margin: 4px 0;
}

.finalbtns button {
	border-radius: 2px;
	padding: 4px 12px;
	font-size: 13px;
	font-weight: 500;
	margin-right: 1px;
	margin-left: 6px;
}

.finalbtns button:hover {
	opacity: 0.9;
}

.finalbtns .btn-success {
	background: #88a905 !important;
	border-color: #88a905 !important;
}

.finalbtns .btn-primary {
	background: #3a7286 !important;
	border-color: #3a7286 !important;
}

.finalbtns .btn-danger {
	background: #dc3545 !important;
	border-color: #dc3545 !important;
}

.rz-grid-table thead th>div:not(.rz-cell-filter) {
	padding: inherit !important;
}

.feetablenew th {
	background: black !important;
	color: white;
	font-weight: 500;
	font-size: 14px;
}

.feetablenew td {
	padding: 3px 9px !important;
	font-size: 12px;
	background: transparent;
	border-right: 0 !important;
	border-bottom: 1px solid #0000004d !important;
}

.feetablenew td span {
	color: #242424;
	font-weight: 500;
}

.feefooter .feefooterleft .media img {
	height: 97px;
	width: 77px;
	border-radius: 6px;
	object-fit: cover;
	border: 1px solid #644802;
}

.feefooter .feefooterleft .media .media-body {
	padding: 19px 8px;
}

.feetablenew .btn-success {
	background: #60bf2d !important;
	font-size: 11px !important;
	border-color: #60bf2d !important;
}

.feetablenew .btn-success span {
	color: white !important;
}

.feefooter .feefooterleft .media .media-body h3 {
	font-weight: 600;
	font-size: 17px;
	margin-bottom: 3px;
}

.feefooter .feefooterleft .media .media-body h3 span {
	display: block;
	font-weight: 500;
	font-size: 15px;
}

.feefooter .feefooterleft .media .media-body h4 {
	font-size: 13px;
	font-weight: 500;
	margin: 0;
}

.pichange_stu_pulic button {
	width: 100%;
	border: 0;
	background-color: #33a133 !important;
	color: white !important;
	padding: 5px 0;
	min-height: auto;
}

.feefooter .feefooterleft .media .media-body h4 span {
	position: absolute;
	top: -16px;
	right: 28px;
	background: white;
	padding: 2px 6px;
	border-radius: 8px;
}

.headingfeeheaddet {
	color: red;
	font-weight: 500;
	font-size: 13px;
	border-top: 1px solid #e3e3e3;
	padding-top: 5px;
	margin-top: 10px;
	text-align: center;
}

.headingfeehead {
	color: white;
	background: #493db5;
	display: inline-block;
	text-align: center;
	padding: 3px 0;
}

.stufeildbox {
	background: #e5e2ff;
	padding: 10px;
	margin-bottom: 10px;
}

.stufeildbox label {
	color: black !important;
	text-transform: capitalize;
	margin-bottom: 4px;
}

.stufeildbox table {
	margin: 0;
	padding: 0;
}

.stufeildbox tr td {
	font-weight: 500;
	font-size: 13px;
	text-align: right;
}

.stufeildbox tr td span {
	padding: 0;
	line-height: normal;
	height: auto;
	background: white;
	margin-left: 3px;
}

.feetablenew .rz-paginator-page.rz-state-active {
	background-color: #3a7286 !important;
	color: white;
}

.feetablenew .rz-paginator-page.rz-paginator-element {
	background: transparent;
	border: 1px solid grey;
	font-weight: 500;
	padding: 4px 0;
}

.stufeildbox .rz-dropdown-label {
	text-align: left !important;
}

.feefooteright .feefooheader .headingfeehead {
	position: relative;
}

.feefooteright .feefooheader .headingfeehead:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-bottom: 36px solid #8c5b05;
	border-right: 39px solid transparent;
	top: 0;
	right: -39px;
}

.stufeildbox .form-group {
	margin-bottom: 9px;
}

.feetablenew input {
	font-size: 12px;
	height: 26px !important;
}

.stufeildbox h5 {
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	border: 1px dotted #ed3838;
	height: 49px;
	width: 100%;
	padding: 5px 0;
	margin: 6px 0;
	background: #ffdde0;
}

.stufeildbox h5 span {
	display: block;
	font-size: 17px;
}

.feefooteright .feefooheader {
	background: #d4b669;
}

.topfilters .rz-dropdown {
	padding: 4px 6px !important;
	height: auto !important;
	line-height: normal;
	font-size: 14px;
}

.stufeildbox .rz-dropdown {
	padding: 4px 6px;
	height: auto;
}

.topfilters input {
	border-radius: 0 !important;
	height: 27px !important;
	padding: 5px 10px !important;
	font-size: 13px !important;
	font-weight: 500;
	line-height: normal !important;
}

.stufeildbox input,
.stufeildbox .rz-datepicker input {
	height: 26px !important;
}

.stufeildbox select {
	border-radius: 0;
	height: 31px;
	padding: 3px 10px;
	font-size: 13px;
	font-weight: 500;
}

.topfilters select {
	border-radius: 0;
	height: 31px;
	padding: 3px 10px;
	font-size: 13px;
	font-weight: 500;
}

.feefooteright .feefooheader .headingfeehead {
	background: #8c5b05;
	color: white;
	padding: 7px 10px;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 0.08em;
	font-size: 15px;
	margin-left: -2px;
}

.loading-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f8f9fa;
	z-index: 9999;
}

.loading-spinner {
	text-align: center;
}

.loading-spinner p {
	margin-top: 20px;
	font-size: 16px;
	color: #666;
	font-weight: 500;
}

.feefooteright .headingfeeheaddet {
	padding: 7px 18px;
	text-align: right;
	font-weight: 500;
}

.fee_r {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 6px;
}

.fee_r label {
	min-width: 150px;
	text-align: right;
	margin-right: 15px;
}

.fee_r label {
	min-width: 150px;
	text-align: right;
	margin-right: 15px;
}

.amontfinal label {
	font-weight: 600 !important;

	font-size: 13px !important;
}

.amontfinal span {
	height: auto;
}

.studentlistbox {
	background: white;
	padding: 10px;
	text-align: center;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
	position: relative;
	margin-bottom: 15px;
	border-radius: 15px;
	transition: .3s;
	border: 1px solid transparent;
	transform: translateY(0);
}

.studentlistbox:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
	transition: .3s;
	transform: translateY(-5px);
}

.studentlistbox .stulistheader {
	padding-top: 20px;
}

.studentlistbox .stulistheader img {
	height: 90px;
	width: 90px;
	object-fit: cover;
	border-radius: 50%;
	border: 5px solid #fa6476;
	margin-bottom: 0px;
}

.studentlistbox .stulistheader h3 {
	font-weight: 700;
	font-size: 16px;
	margin: 3px 0;
}

.studentlistbox .stulistheader .pichange {
	position: absolute;
	right: 69px;
	top: 32%;
}

.studentlistbox .stulistheader .pichange button {
	background: #fa6476 !important;
	color: white;
	height: 25px !important;
	width: 25px;
	display: inline-block;
	border-radius: 50% !important;
	text-align: center;
	padding: 2px 0 !important;
	font-weight: 600 !important;
	border: 2px solid white;
	position: absolute;
	left: -37px;
	top: 23px;
	font-size: 8px;
}

.studentlistbox .stulistheader {
	position: relative;
}

.stafflistbox .stafflistheader .staffrightdetail {
	position: relative;
}

.stafflistheader .pichange {
	position: relative;
}

.stafflistheader .pichange button {
	background: #fa6476 !important;
	color: white;
	height: 24px !important;
	width: 24px;
	display: inline-block;
	border-radius: 50% !important;
	text-align: center;
	padding: 2px 0 !important;
	font-weight: 600 !important;
	border: 2px solid white;
	position: absolute;
	left: 58px;
	top: 60px;
	font-size: 9px;
}

.studentlistbox .stulistheader ul {
	margin: 0px 0;
	display: inline-flex;
}

.studentlistbox .stulistheader ul li {
	font-weight: 500;
	color: grey;
	font-size: 12px;
	margin: 3px 9px;
}

.studentlistbox .stulistheader .stuportalbtn .userpassshowbtn {
	background: #2d2d2d !important;
	padding: 4px 10px !important;
	color: #ffffff !important;
	font-size: 12px !important;
	line-height: 13px;
	border-radius: 7px;
	min-width: 24px;
}

.studentlistbox .stulistheader .stuportalbtn .userportalbtn {
	background: #d78013 !important;
	color: white !important;
	border-radius: 7px !important;
	font-size: 12px !important;
	padding: 4px 10px !important;
	height: auto !important;
	line-height: 17px !important;
	transition: 0.4s;
}

.studentlistbox .stulistheader .stuportalbtn .userportalbtn:hover {
	background: #b46707 !important;
	transition: .3s;
}

.studentlistbox .stuportalbtn {
	display: flex;
	justify-content: center;
	align-items: center;
}

.staff-portal-inline {
	margin-top: 6px;
}

.staff-portal-inline .userportalbtn {
	background: #133591 !important;
	color: #fff !important;
	border-radius: 15px !important;
}

.staff-portal-inline .userportalbtn:hover {
	background: #2446a2 !important;
}

.studentlistbox .stulistmiddle {
	border-bottom: 1px solid #d1d1d1;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
}

.stutop {
	display: flex;
	position: absolute;
	left: 6px;
	right: 6px;
	top: 4px;
	border-radius: 15px;
	justify-content: space-between;
	z-index: 2;
}

.stutop .stutopadmn {
	background: #28a745;
	color: white;
	font-weight: 500;
	padding: 1px 0;
	padding: 1px 34px;
	font-size: 13px;
	border-radius: 15px;
}

.stafflistmiddle {
	display: flex;
	justify-content: space-between;
}

.staffrightdetail .userpassshowbtn {
	color: black !important;
	background: none !important;
	font-size: 15px !important;
	top: 0;
	right: 0;
	position: absolute;
}

.stutop .stutopclass {
	background: #bf32b4;
	color: white;
	font-weight: 500;
	position: relative;
	padding: 1px 35px;
	font-size: 13px;
	border-radius: 15px;
}

.width-fix {
	display: inline-block;
	margin-left: 0px;
	margin-right: 2px;
}

.studentlistbox .stulistmiddle ul {
	margin: 0;
	padding: 0;
	text-align: left;
}

.studentlistbox .stulistmiddle ul li {
	font-size: 12px;
	color: #222222;
	line-height: 18px;
	font-weight: 500;
}

.studentlistbox .stulistmiddle ul li strong {
	color: #323232;
	width: 49px;
	display: inline-block;
}

.studentlistbox .stulistfooter {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4px;
}

.studentlistbox .stulistfooter button {
	width: 100%;
	padding: 4px 6px !important;
	font-size: 11px;
	white-space: nowrap;
}

.studentlistbox .stulistfooter .btn-primary {
	background: #17a2b8 !important;
	border-color: #17a2b8;
}

.studentlistbox .stulistfooter .btn-stream-change {
	background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%) !important;
	border-color: #6d28d9 !important;
	color: #fff !important;
}

.studentlistbox .stulistfooter .btn-stream-change:hover {
	background: linear-gradient(135deg, #6d28d9 0%, #4c1d95 100%) !important;
	border-color: #5b21b6 !important;
	color: #fff !important;
	box-shadow: 0 4px 12px rgba(124, 58, 237, 0.35);
}

.stafflistbox {
	background: #ffffff;
	padding: 10px 10px 8px;
	text-align: center;
	box-shadow: 0 10px 26px rgba(15, 118, 110, 0.16);
	position: relative;
	margin-bottom: 18px;
	border-radius: 14px;
	transition: .3s;
	border: 1px solid #e0f2f1;
}

.stafflistbox:hover {
	box-shadow: 0 14px 32px rgba(15, 118, 110, 0.22);
	transition: .3s;
	transform: translateY(-6px);
}

.stafflistbox .stafflistheader {
	min-height: 74px;
}

.stafflistbox .stafflistheader img {
	height: 96px;
	width: 82px;
	border-radius: 16px;
	border: 1px solid #cccccc;
	object-fit: cover;
	float: left;
	margin-right: 8px;
	box-shadow: 0 6px 18px rgba(20, 184, 166, 0.45);
}

.stafflistbox .stafflistheader .staffrightdetail {
	text-align: left;
	margin-left: 90px;
	min-height: 90px;
}

.stafflistbox .stafflistheader .staffrightdetail h2 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 4px;
	min-height: 37px;
	color: #0f172a;
}

.stafflistbox .stafflistheader .staffrightdetail h2 span {
	font-weight: 500;
	color: #0f766e;
	font-size: 13px;
	display: block;
	margin-top: 4px;
}

.student-dashboard {
	font-family: "Roboto", sans-serif;
}

.student-dashboard .card {
	border: none;
	border-radius: 8px;
	overflow: hidden;
	transition: all 0.3s ease;
}

.student-dashboard .card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.student-dashboard .card-header {
	padding: 5px 5px;
	font-weight: 600;
	border-bottom: none;
}

.student-dashboard .card-header h6 {
	font-size: 17px;
	color: white;
}

.student-dashboard .student-img {
	width: 100px;
	height: 100px;
	object-fit: cover;
	border: 3px solid #e0e0e0;
}

.student-dashboard .card-body {
	padding: 10px;
}

.student-dashboard h5 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
}

.student-dashboard .parent-img,
.student-dashboard .guardian-img {
	width: 80px;
	height: 80px;
	object-fit: cover;
	border: 3px solid #e0e0e0;
}

.student-dashboard .detail-row {
	display: flex;
	margin-bottom: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #f0f0f0;
}

.student-dashboard .detail-row:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.student-dashboard .detail-label {
	font-weight: 500;
	color: #616161;
	min-width: 120px;
	display: inline-block;
}

.student-dashboard .detail-value {
	color: #212121;
	flex-grow: 1;
}

.student-dashboard .meta-item {
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 5px;
}

.student-dashboard .meta-label {
	font-weight: 500;
	color: #616161;
}

.student-dashboard .meta-value {
	color: #212121;
	margin-left: 5px;
}

.student-dashboard .table {
	margin-top: 15px;
}

.student-dashboard .table th {
	border-top: none;
	color: #616161;
	font-weight: 500;
}

.student-dashboard .table-hover tbody tr:hover {
	background-color: rgba(0, 0, 0, 0.02);
}

.blank_page_center {
	height: 100%;
	display: flex;
	align-items: center;
}

@media (max-width: 768px) {
	.qr_gen_btn {
		padding: 0 24px;
	}

	.student_das_notice {
		margin-top: 10px !important;
	}

	.stu_nw_dash .student_das_notice {
		margin-top: 0 !important;
	}

	.space1 {
		display: none;
	}

	.staffbtns {
		margin-top: 10px !important;
	}

	.student-dashboard .student-img {
		width: 80px;
		height: 80px;
	}

	.student-dashboard .parent-img,
	.student-dashboard .guardian-img {
		width: 60px;
		height: 60px;
	}

	.student-dashboard .detail-label {
		min-width: 100px;
	}
}

.btn-template {
	padding: 0 8px !important;
	min-height: 21px !important;
	background: #b46707 !important;
	margin-left: 0px;
}

.stuname ul {
	margin: 0;
	padding: 0;
	margin-top: 6px;
	list-style: none;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	padding-top: 6px;
}

.stuname ul li {
	color: black;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.4;
}

.stafflistbox .empid {
	color: #ff3434;
	font-weight: 700;
	font-size: 11px;
	text-transform: uppercase;
	top: 0px;
	right: 0px;
}

.stafflistbox .stafflistmiddle ul {
	margin: 0;
	padding: 0;
	text-align: left;
	list-style: none;
}

.stafflistbox .stafflistmiddle ul li {
	font-weight: 400;
	font-size: 13px;
	padding: 1px 0;
	position: relative;
	color: #000000c9;
}

.stafflistbox .stafflistmiddle ul li img {
	width: 20px;
	height: auto;
	border: none;
	margin-top: 2px;
}

.stafflistbox .stafflistfooter {
	padding: 5px 0 0;
	border-top: 1px solid #80808091;
}

.stafflistbox .stafflistfooter .stubtns {
	display: flex;
	flex-wrap: nowrap;
}

.stafflistbox .stafflistfooter button {
	padding: 3px 4px !important;
	border-radius: 5px !important;
}

.nstuview .card {
	border-top: 2px solid #c17806;
}

.stunotifixheight::-webkit-scrollbar,
.fixfeetabkle__transport::-webkit-scrollbar,
.stu_tm_table::-webkit-scrollbar {
	width: 5px;
}

.stunotifixheight::-webkit-scrollbar-track,
.fixfeetabkle__transport::-webkit-scrollbar-track,
.stu_tm_table::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey;
	border-radius: 10px;
}

.stunotifixheight::-webkit-scrollbar-thumb,
.fixfeetabkle__transport::-webkit-scrollbar-thumb,
.stu_tm_table::-webkit-scrollbar-thumb {
	background: #542701;
	border-radius: 10px;
}

.stunotifixheight::-webkit-scrollbar-thumb:hover,
.fixfeetabkle__transport::-webkit-scrollbar-thumb:hover,
.stu_tm_table::-webkit-scrollbar-thumb:hover {
	background: #b30000;
}

.attanbtns {
	position: absolute;
	right: 0px;
	top: -4px;
	display: flex;
	gap: 6px;
}

.attanbtns button,
.attanbtns .rz-button {
	padding: 3px 12px !important;
	border-radius: 8px;
	background: linear-gradient(135deg, #212222, #707070) !important;
	transition: transform 0.2s, box-shadow 0.2s;
}

.attanbtns button:hover,
.attanbtns .rz-button:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(13, 148, 136, 0.4);
}

.stufeend td {
	padding: 2px 10px !important;
}

.feedetlbtn {
	position: absolute;
	right: 0px;
	top: -4px;
	line-height: 15px !important;
	background: #084298;
	border-color: #084298;
	text-transform: uppercase;
	font-size: 11px !important;
	padding: 3px 8px !important;
	font-weight: 500;
}

.newdsn h6 {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 16px;
	border-bottom: 1px solid #d5d5d5;
	padding-bottom: 8px;
}

.newdsn .form-group {
	margin-bottom: 6px !important;
}

.newdsn input,
.newdsn select,
.newdsn .rz-dropdown,
.newdsn .rz-calendar .rz-inputtext,
.newdsn .rz-spinner {
	box-shadow: none !important;
	font-size: 12px;
	font-weight: 600;
	background: #f6f7fa;
	border-radius: 5px !important;
}

.newdsn .rz-spinner-input {
	border-bottom: 0 !important;
}

.newdsn img {
	width: 11px;
	margin-right: 4px;
	height: auto;
}

.form-control:focus~.focus-border {
	width: 100%;
	transition: 0.4s;
	left: 0;
}

.form-control~.focus-border {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 2px;
	background-color: #3399ff;
	transition: 0.4s;
}

.pl-0 {
	padding-left: 0 !important;
}

.studentviewnw .viewheading {
	background: #40bb5c;
	color: white;
	display: inline-block;
	width: 140px;
	padding: 2px 6px;
	font-weight: 500;
	left: 0;
	top: 0;
	text-transform: uppercase;
	font-size: 13px;
	margin-bottom: 4px;
	position: absolute;
}

.btn-success {
	color: #fff;
	background-color: #3cad78 !important;
	border-color: #3cad78 !important;
}

.stuform {
	background: #ffffff;
	padding: 26px;
	border-radius: 10px;
}

.stuformbox {
	background: white;
	padding: 10px;
	border-radius: 5px;
	position: relative;
	margin-bottom: 25px;
	border: 1px solid #d5d2d2;
}

.stuformbox h6 {
	background: #043a75;
	color: white;
	position: absolute;
	top: -18px;
	font-weight: 500 !important;
	text-transform: uppercase;
	font-size: 14px !important;
	padding: 3px 10px;
	padding-bottom: 5px !important;
	border-radius: 5px;
	margin: 0;
}

.fa {
	font-family: "FontAwesome" !important;
}

.stuformbox .form-group {
	margin-bottom: 8px;
}

.stuformbox td,
.stuformbox th {
	font-size: 13px;
}

.stuformbox .li {
	list-style: none;
	border: 0;
}

.stuformbox input {
	font-size: 12px;
	font-weight: 500;
}

.stuformbox .sturegphotos input {
	opacity: 0;
	position: relative;
	z-index: 2;
	margin: 6px auto 0;
	height: 32px;
	padding: 6px 0;
	display: block;
}

.stuformbox .changephoto {
	background: #34b934;
	color: white;
	padding: 5px 18px;
	display: inline-block;
	border-radius: 50px;
	position: absolute;
	left: 0;
	right: 0;
	width: 169px;
	margin: 7px auto 0;
	bottom: 0;
}

.table> :not(:last-child)> :last-child>* {
	text-align: left !important;
}

.stf__pro__edit {
	position: absolute;
	bottom: -6px;
	left: 80px;
	background: #ffffff;
	height: 26px;
	width: 26px;
	border-radius: 50%;
	color: #f55252;
	font-size: 12px;
	border: 3px solid #ff6d6d;
}

.stuform2 .stuformbox {
	background: white;
	padding: 15px;
	border-radius: 5px;
	position: relative;
	margin-bottom: 25px;
	border: 1px solid #d5d2d2;
}

.stuform2 .stuformbox .form-group {
	margin-bottom: 8px;
}

.stuform2 .stuformbox input {
	font-size: 12px;
	font-weight: 500;
}

.rz-grid-table .rz-cell-data input {
	height: 14px;
}

.pageheader h6 {
	background: #b892ff21;
	padding: 8px 10px;
	font-size: 12px;
	border-radius: 5px;
	text-transform: uppercase;
	font-weight: 700;
	color: #265bef;
	border: 2px solid #265bef;
}

.rz-button .rz-button-text,
.rz-paginator-element .rz-button-text {
	font-family: system-ui;
	font-size: 12px;
	font-weight: 600;
	margin-left: 5px;
	text-transform: capitalize;
	letter-spacing: normal;
}

.btn {
	height: auto !important;
	min-height: auto !important;
	line-height: unset !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	padding: 7px 10px !important;
	border: 0 !important;
	margin: 0 2px !important;
}

.pageheader span {
	font-size: 13px;
}

hr {
	background-color: #8b8b8b5e !important;
}

.fixfeetabkle__transport .btn {
	padding: 4px 8px !important;
}

.btn-sm {
	padding: 2px 6px !important;
	font-size: 11px !important;
	min-height: auto !important;
	font-weight: 500 !important;
	border-radius: 5px;
	font-family: system-ui;
	border: 0;
}

.rz-button.btn.btn-sm i,
.btn.btn-sm i {
	font-size: 10px;
}

.rz-button.btn.btn-sm .rz-button-text {
	font-weight: 500;
	font-size: 11px !important;
	margin-left: 0;
	line-height: 15px;
	text-transform: capitalize;
	letter-spacing: normal;
}

.admnoticedetail .rz-html-editor {
	height: 380px;
	overflow-y: scroll;
}

.stuflex {
	margin-bottom: 10px;
}

.studentviewnw .rz-card {
	position: relative;
}

.studentviewnw .stuviewimg img {
	height: 130px;
	width: 103px;
	border-radius: 12px;
	border: 5px solid #cfcfcf;
	float: left;
	object-fit: cover;
}

.studentviewnw .stuviewdetail {
	margin-left: 120px;
}

.studentviewnw .stuviewdetail h6 {
	margin-bottom: 0px;
	padding-bottom: 0;
	font-size: 17px;

	font-weight: 700;
	border-bottom: none;
}

.studentviewnw .stuviewdetail h6 span {
	border-radius: 5px;
	background: #3435b6;
	display: block;
	padding: 3px 10px;
	font-size: 14px;
	color: white;
	max-width: 72px;
	text-align: center;
	margin-bottom: 6px;
}

.studentviewnw .stuviewcladm {
	border: 2px solid #ef5656;
	border-radius: 10px;
	padding: 0px 8px;
	color: black;
	margin-top: 9px;
}

.viewheading:after {
	content: "";
	width: 0;
	height: 0;
	border-top: 24px solid #40bb5c;
	border-right: 22px solid transparent;
	top: 0;
	position: absolute;
	right: -21px;
}

.stufoot {
	background: #e3e0e0;
	padding: 2px 7px;
	margin-top: 18px;
}

.stufoot .table {
	margin: 0;
}

.stufoot .table td {
	font-weight: 500;
	color: black;
	padding: 4px 0;
	border-radius: 3px;
}

.studentviewnw .stuviewcladm ul {
	margin: 0;
	padding: 0;
	list-style: none;
	padding: 6px 0;
}

.studentviewnw .stuviewcladm li {
	text-transform: uppercase;
	font-weight: 700;
	line-height: 24px;
}

.studentviewnw .stuviewcladm strong {
	text-transform: uppercase;
	font-weight: 700;
}

.studentviewnw .viewpagedet {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 0;
}

.studentviewnw .viewpagedet li {
	font-weight: 400;
	line-height: 22px;
	display: flex;
	align-items: flex-start;
	gap: 6px;
	padding: 6px 0;
	border-bottom: 1px dashed #e5e7eb;
	color: #334155;
	font-size: 13px;
}

.studentviewnw .viewpagedet strong {
	font-weight: 500;
	width: 142px;
	display: inline-block;
}

.studentviewnw .viewpagedet span {
	display: inline-block;
	margin-left: 1px;
	margin-right: 6px;
}

.sturegnew .form-group {
	margin-bottom: 10px;
}

.stuphotosbox {
	text-align: center;
	margin-top: 7px;
}

.admnoticedet {
	height: 429px;
	overflow-y: scroll;
}

.stuphotosbox h4 {
	text-transform: uppercase;

	display: block;
	padding: 5px 17px;
	margin-top: 5px;
	font-size: 14px;
	font-weight: 600;
}

.container-new {
	width: 100%;
}

.publicnotice {
	background: #cbd1ff4a;
	height: 100vh;
	position: relative;
	align-items: center;
	justify-content: flex-start;
	display: inline-flex;
	width: 100%;
	overflow: hidden;
}

.public_right_header h3 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 15px;
}

.notice-panel {
	padding: 0 15px;
}

.public_right_footer p {
	margin-bottom: 7px;
	background: #d19611;
	font-weight: 500;
}

.public_right .public_right_header {
	border: 2px solid #7938b9;
	border-radius: 2px;
	padding: 6px;
	height: 345px;
	overflow-y: scroll;
	margin: 3px;
	text-align: left;
}

.public_right_fee button .rz-button-text {
	font-weight: 600;
	font-size: 14px;
}

.public_right .public_right_footer {
	background: #fae4a1;
	border-top: 2px solid #9d7d1c;
	padding: 10px 12px;
	margin-top: 6px;
}

.public_right .public_right_footer input {
	height: 36px !important;
	width: 200px;
}

.public_right .public_right_footer .input-group-new {
	display: flex;
}

.public_right .public_right_footer button {
	padding: 7px 10px;
	width: 100%;
	border-radius: 5px;
}

.public_right_header::-webkit-scrollbar {
	width: 10px;
}

.public_right_header::-webkit-scrollbar-track {
	background: #adadad;
}

.public_right_header::-webkit-scrollbar-thumb {
	background: #ad1821;
}

.public_right_header::-webkit-scrollbar-thumb:hover {
	background: #5e060b;
}

.menuleftfix {
	height: 100vh;
	position: sticky;
	margin-top: 0px;
	overflow-y: scroll;
	padding-top: 0px;
	background: #012c20 !important;
	padding-bottom: 70px;
}

.menuleftfix::-webkit-scrollbar {
	width: 3px;
}

.menuleftfix::-webkit-scrollbar-track {
	background: #1e293b;
	border-radius: 4px;
}

.menuleftfix::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, #fbbf24 0%, #f59e0b 100%);
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(251, 191, 36, 0.4);
}

.menuleftfix::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(180deg, #fcd34d 0%, #fbbf24 100%);
	box-shadow: 0 4px 12px rgba(251, 191, 36, 0.6);
}

.publicnoticedetl {
	height: 100vh;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.regtable .fa-plus:before {
	font-size: 10px;
	margin-top: 0;
	display: inline-block;
}

.regtable table td span.rz-cell-data {
	font-weight: 500;
	color: black;
}

.stugrp_pop {
	position: relative;
}

.publicreghead {
	background: #ffffff;
	margin: 0 auto;
	padding: 8px 0;
	position: relative;
	z-index: 2;
	border-radius: 15px;
}

.publicreghead-devider {
	border-top: 1px solid #d6d6d6;
	margin: 2px 0;
}

.publicreghead .media {
	display: flex;
	align-items: center;
}

.publicreghead .media img {
	width: 70px;
	margin-right: 13px;
	height: 85px;
	object-fit: contain;
}

.publicreghead .media .media-body {
	padding: 3px 0;
}

.publicreghead .media .media-body h4 {
	font-size: 22px;
	font-weight: 700;
	color: #0d1881;
	padding: 0 !important;
	line-height: 22px;
}

.publicreghead .media .media-body h4 span {
	font-size: 13px;
	display: block;
	font-weight: 500;
	margin-top: 3px;
}

.public_right_pad .checkbox .rz-chkbox-box {
	border: 2px solid #dc3545 !important;
}

.public_right_pad .rz-label {
	display: inline-block;
	text-align: left;
}

.public_right_pad .checkbox {
	margin-top: 6px;
	padding: 0 9px;
	display: flex;
}

.publicreghead:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-bottom: 43px solid #50033a;
	border-left: 20px solid transparent;
	top: 0;
	left: -20px;
	display: none;
}

.publicreghead:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-bottom: 43px solid #50033a;
	border-right: 20px solid transparent;
	right: -20px;
	top: 0;
	display: none;
}

.admsetup {
	position: relative;
}

.admsetup h4 {
	border-bottom: 1px solid #8080807a;
	padding-bottom: 9px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
}

.admsetup input,
.admsetup .rz-dropdown,
.admsetup .rz-spinner,
.admsetup .rz-calendar {
	color: black;
	font-size: 14px;
}

.admsetup .form-group {
	margin-bottom: 7px;
}

.staffeditbtn button {
	display: block;
	text-align: center;
	margin: 6px auto 0;
	width: 130px;
	padding: 12px 0 !important;
	border-radius: 18px !important;
}

.staffchild_list {
	height: 70px;
	overflow-y: scroll;
	padding: 0;
}

.staffchild_list th {
	padding: 4px 6px;
	font-size: 12px;
	font-weight: 700;
	background: #0b4daf;
	color: #fdfdfd;
}

.staffchild_list td {
	padding: 2px 5px;
	font-size: 12px;
}

.staffchild_list button {
	padding: 2px 7px !important;
	background-color: #3c3c3c !important;
	border-radius: 0px;
	font-weight: 400 !important;
}

.feesingleright .feefooheader {
	margin: 6px 7px 0;
	border: 1px solid #403006;
	text-align: center;
}

.feesingleright .feefooheader h4 {
	background: #8d5e0a;
	color: white;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 17px;
	padding: 5px 7px;
	margin: 0;
}

.feefooter .feefooterleftsingle {
	padding: 7px 7px;
	position: relative;
}

.feefooter .feefooterleftsingle .media .stuadmno {
	position: absolute;
	right: 78px;
	background: #dc3545;
	color: white;
	font-weight: 600;
	padding: 2px 13px;
	font-size: 15px;
	text-transform: uppercase;
	border-radius: 14px;
	top: -16px;
}

.feefooter .feefooterleftsingle .media {
	border: 1px solid #644802;
	border-radius: 6px;
	position: relative;
	background: #f1d692;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
}

.feefooter .feefooterleftsingle .media img {
	height: 90px;
	width: 77px;
	border-radius: 6px;
	object-fit: cover;
	border: 1px solid #644802;
}

.feefooter .feefooterleftsingle .media img {
	height: 90px;
	width: 77px;
	border-radius: 6px;
	object-fit: cover;
	border: 1px solid #644802;
}

.feefooter .feefooterleftsingle .media .media-body {
	padding: 19px 8px;
}

.feefooter .feefooterleftsingle .media .media-body h3 {
	font-weight: 600;
	font-size: 17px;
	margin: 0;
}

.feefooter .feefooterleftsingle .media .media-body h3 span {
	display: block;
	font-weight: 500;
	font-size: 15px;
}

.feefooterfoosingle {
	padding: 12px 22px 12px;
	border-top: 1px solid #644802;
}

.feefooterfoosingle .finalbtns {
	text-align: right !important;
	vertical-align: middle;
}

.stafflvbox .leavstafootr .btn-statusview {
	background: white;
	color: black;
	font-size: 12px !important;

	min-height: 29px !important;
	padding: 0 0 !important;
}

.feefooter .table-responsive {
	height: 400px;
	overflow-y: scroll;
}

.staffstfootr .btn {
	background: white;
	border-radius: 0px;
	font-weight: 600;
	font-size: 12px;
	padding: 5px 16px;
	width: 45%;
	margin-right: 15px;
	transition: 0.5s;
}

.staffstfootr .btn:hover {
	background: #0404049e;
	transition: 0.5s;
	color: white;
}

.staffmastbox .credit {
	background: #e01fcd;
	color: white;
	padding: 3px 19px;
	display: inline-block;
	position: absolute;
	top: 3px;
	right: 0;
	font-style: italic;
	font-size: 13px;
}

.staffmastbox .media {
	margin-top: 25px;
}

.staffmastbox .media img {
	border: 1px solid #cfcfcf;
	height: 45px;
	width: 45px;
	border-radius: 3px;
}

.staffmastbox .media .media-body {
	margin-left: 8px;
}

.staffmastbox .media .media-body h5 {
	margin: 0;
	font-size: 15px;
	font-weight: 500;
	line-height: 22px;
}

.staffmastbox .media .media-body h5 span {
	color: #ff3e3e;
	font-style: italic;
	font-weight: 700;
	font-size: 14px;
	display: block;
}

.staffmastbox .staflevtype li .text-right {
	width: auto;
}

.media {
	display: flex;
	align-items: flex-start;
}

.media-body {
	flex: 1 1 0%;
}

.leaveforms .btn {
	border-radius: 0px;
	padding: 3px 14px;
	font-size: 15px;
}

.leaveforms .btn.btn-success {
	background-color: #469f46;
	border-color: #469f46;
}

.leaveforms .btn.btn-danger {
	background-color: #f75353;
	border-color: #f75353;
}

.leavsumbox li .text-right {
	width: auto;
}

.staffdashnw .stafshortpro .staffname {
	position: relative;
	top: -115px;
	background: #e65b48;
	color: white;
	padding: 4px 10px;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	max-width: 201px;
	text-transform: uppercase;
	font-weight: 600;
}

.staffdashnw .stafshortpro .stafffttr ul li .text-right {
	width: auto;
}

.staffdashnw .staffbtns {
	background: linear-gradient(-90deg, #ffffffc7, #ffffff9e),
		url(/css/assets/btnsbg.png);
	background-size: cover;
	background-position: center;
}

.staffdashnw .staffbtns a {
	padding: 9px 29px;
	text-align: left;
	color: white;
	line-height: 16px;
	margin: 12px 0;
	display: inline-block;
	position: relative;
	margin-left: 28px;
	font-size: 13px;
	width: 75%;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	white-space: nowrap;
}

.staffdashnw .staffbtns a img {
	width: 53px;
	position: absolute;
	border: 3px solid;
	border-radius: 50%;
	padding: 4px;
	top: -2px;
	left: -25px;
	background: white;
}

.staffdashnw .staffbtn2 img {
	border-color: #e65b48 !important;
}

.staffdashnw .staffbtns .staffbtn1 {
	background: #449f90;
}

.staffdashnw .staffbtns .staffbtn2 {
	background: #e65b48;
}

.staffdashnw .card h4 {
	font-weight: 500;
	font-size: 16px;
	position: relative;
	margin-top: 0;
	margin-bottom: 7px !important;
	z-index: 2;
}

.staffdashnw .card h4:after {
	content: "";
	background: #e65b48;
	height: 2px;
	width: 20px;
	position: absolute;
	left: 0;
	top: 32px;
	display: none;
}

.staffnoti::-webkit-scrollbar {
	width: 5px;
}

.staffnoti::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey;
	border-radius: 10px;
}

.staffnoti::-webkit-scrollbar-thumb {
	background: #449f90;
	border-radius: 10px;
}

.staffdashnw .staffnoti {
	background: linear-gradient(-90deg, #ffffffe6, #ffffffdb),
		url(/css/assets/notibg.png);
	background-size: cover;
	background-position: center;
}

.staffdashnw .staffnoti ul {
	margin: 0;
	padding: 0;
	position: relative;
}

.staffdashnw .staffnoti ul li {
	font-weight: 500;
	margin-bottom: 15px;
	font-size: 14px;
	padding-left: 16px;
	position: relative;
}

.staffdashnw .staffnoti ul li span {
	display: block;
	font-weight: 400;
	color: #7a7a7a;
	line-height: 18px;
	font-size: 12px;
}

.staffdashnw .staffnoti ul:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 2px;
	left: 4px;
}

.staffdashnw .staffnoti ul li:before {
	content: "";
	position: absolute;
	background: #e65b48;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	left: 0px;
	top: 0;
}

.staffdashnw .staffbrthdy .item {
	position: relative;
	z-index: 2;
}

.staffdashnw .stafshortpro .staffname:before {
	content: "";
	width: 0;
	height: 0;
	border-bottom: 15px solid #b11010;
	border-left: 20px solid transparent;
	top: 0;
	left: -20px;
	position: absolute;
}

.staffdashnw .stafshortpro .staffname:after {
	content: "";
	width: 0;
	height: 0;
	border-bottom: 15px solid #970808;
	border-right: 20px solid transparent;
	top: 0;
	right: -20px;
	position: absolute;
}

.rz-body.body.body-expanded .dashrightpanel {
	padding-right: 0%;
}

.stushotinfo {
	background: linear-gradient(-90deg, #fffffff2, #ffffffe8),
		url(/css/assets/vv5.png);
	background-size: cover;
	background-position: 0px -20px;
	background-repeat: no-repeat;
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	padding: 10px 12px;
}

/* Student profile card redesign - stushotinfo stubrthdy */
.stushotinfo.stubrthdy {
	background: linear-gradient(145deg, #f0fdfa 0%, #ffffff 50%, #f8fafc 100%);
	background-size: auto;
	background-position: 0 0;
	padding: 0;
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid rgba(13, 148, 136, 0.12);
	box-shadow: 0 4px 20px rgba(13, 148, 136, 0.08);
}

.stushotinfo.stubrthdy .stubox {
	padding: 4px;
	gap: 8px;
	align-items: center;
	display: flex;
}

.stushotinfo.stubrthdy .stubox img {
	height: 96px;
	width: 80px;
	border-radius: 12px;
	border: 3px solid rgba(13, 148, 136, 0.2);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.stushotinfo.stubrthdy .stubox .stuname {
	flex: 1;
	min-width: 0;
}

.stushotinfo.stubrthdy .stubox .stuname h4 {
	font-size: 11px;
	padding: 4px 10px !important;
	margin-bottom: 6px;
	letter-spacing: 0.3px;
}

.stushotinfo.stubrthdy .stubox .stuname h5 {
	font-size: 16px;
	font-weight: 700;
	color: #0f172a;
	line-height: 1.3;
	margin: 0 0 2px 0;
}

.stushotinfo.stubrthdy .stubox .stuname h5 span {
	font-size: 12px;
	font-weight: 600;
	color: #0d9488;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.stushotinfo.stubrthdy .stuname ul {
	border-top: none;
	padding-top: 0;
	margin-top: 8px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 14px;
}

.stushotinfo.stubrthdy .stuname ul li {
	font-size: 11px;
	color: #64748b;
	font-weight: 500;
	line-height: 1.3;
}

.stushotinfo.stubrthdy .stuname ul li::before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	background: #0d9488;
	border-radius: 50%;
	margin-right: 6px;
	vertical-align: middle;
}

.stushotinfo.stubrthdy .stu_m_f {
	margin: 0 6px;
	padding: 4px 0 4px;
	border-top: 1px solid #e2e8f0;
}

.stushotinfo.stubrthdy .stu_m_f ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 6px 12px;
}

.stushotinfo.stubrthdy .stu_m_f ul li {
	font-size: 11px;
	font-weight: 500;
	color: #475569;
	text-transform: none;
	line-height: 1.4;
}

.stushotinfo.stubrthdy .stu_m_f ul li::before {
	content: none;
}

.stushotinfo.stubrthdy .stuprofile {
	margin: 0;
	padding: 10px;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.stushotinfo.stubrthdy .stuprofile .s_pr_btn {
	display: flex;
	gap: 10px;
	justify-content: stretch;
	flex-wrap: wrap;
}

.stushotinfo.stubrthdy .stuprofile .mystuprofile,
.stushotinfo.stubrthdy .stuprofile_mob .mystuprofile {
	flex: 1;
	min-width: 100px;
	margin-top: 0;
}

.stushotinfo.stubrthdy .stuprofile .mysibling,
.stushotinfo.stubrthdy .stuprofile_mob .mysibling {
	flex: 1;
	min-width: 100px;
	margin-top: 0;
}

.stumostlinks {
	padding: 0 8px;
}

.stunotibox {
	background: linear-gradient(-90deg, #ffffffbf, #ffffffe8),
		url(/css/assets/vv4.png);
	background-size: cover;
	background-position: 24px 4px;
	background-repeat: no-repeat;
}

.stufeend {
	background: linear-gradient(-90deg, #ffffffbf, #ffffffe8),
		url(/css/assets/vv9.png);
	background-size: cover;
	background-position: 168px 0px;
	background-repeat: no-repeat;
	position: relative;
}

.stuattnd {
	position: relative;
}

.notistaffbox::-webkit-scrollbar-thumb:hover {
	background: #b30000;
}

.nonstaffbox li .text-right {
	width: auto;
	text-align: right;
}

.nonstaffbox .btn-nonstaffbtn {
	background: #ff3e3e;
	border-radius: 50px;
	color: white;
	font-weight: 500;
	text-transform: uppercase;
	padding: 5px 19px;
	position: relative;
	z-index: 2;
	font-size: 13px;
}

.nonstagbothday {
	position: relative;
	overflow: hidden;
	padding: 4px 0;
}

.nonstagbothday img {
	width: 90px !important;
	margin-right: 60px;
}

.nonstagbothday h6 {
	font-size: 16px;
	font-weight: 600;
	margin: 0;
}

.nonstagbothday .rz-carousel-pager-overlay .rz-carousel-pager-bottom {
	display: none !important;
}

.nonstagbothday .nonstagbothday .media {
	position: relative;
	z-index: 2;
}

.nonstagbothday .media img {
	height: 100px;
	width: 80px;
	border-radius: 5px;
	border: 3px solid #ff6262;
}

.nonstagbothday .media-body {
	margin-left: 9px;
	margin-top: 38px;
}

.nonstagbothday .media-body h5 {
	font-weight: 700;
	font-size: 15px;
	line-height: 24px;
	text-transform: uppercase;
	margin: 0;
}

.nonstagbothday .media-body h5 span {
	display: block;
	font-size: 13px;
	font-weight: 600;
}

.classubstff {
	background: white;
	border-radius: 5px;
	border-top: 1px solid #fb4040;
	padding: 10px;
	position: relative;
	margin-bottom: 10px;
}

.classubstff .clsubheader .srno {
	background: #5c5c5c;
	color: white;
	font-size: 12px;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	padding: 1px 0;
	text-align: center;
	font-weight: 600;
	position: absolute;
	left: 0px;
	top: -1px;
}

.classubstff .clsubheader h3 {
	font-weight: 500;
	font-size: 12px;
	background: #b5420c;
	padding: 0;
	border-radius: 13px;
	display: inline-block;
	margin-bottom: 3px;
	text-transform: uppercase;
	text-align: center;
	line-height: 19px;
	width: 50%;

	margin-top: 18px;
	margin-right: 7px;
	color: white;
}

.staffprofile .staffshtinfon {
	position: relative;
	min-height: 355px;
}

.staffprofile .card {
	position: relative;
}

.staff_act {
	height: 210px;
	overflow-y: scroll;
}

.staffproinfo h5 {
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0;
	text-align: center;
	border-top: 1px solid #a9a9a9;
	padding-top: 13px;
	margin-top: 14px;
	margin-top: 35px;
}

.staffproinfo h5 span {
	display: block;
	text-transform: capitalize;
	font-weight: 400;
	margin-top: 3px;
	font-size: 12px;
	color: grey;
}

.staff_act ul {
	margin-top: 23px;
	padding: 0;
	list-style: none;
	margin-bottom: 0;
}

.staff_act li {
	align-items: center;
	font-size: 14px;
	font-weight: 500;
	line-height: 30px;
	border-bottom: 1px solid #dbdbdb;
	margin: 4px 0;
	display: flex;
	justify-content: space-between;
}

.staff_act li span {
	border: 1px solid #8b2c2c;
	border-radius: 3px;
	display: inline-block;
	line-height: 22px;
	padding: 0 7px;
	background: #ffebeb;
	font-size: 12px;
}

.staffprofile .card h4 {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 4px;
	background: #2bb984;
	color: white;
	padding: 5px 14px;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.staffprofile .col-md-6 {
	position: relative;
}

.staffprofile .staffproinfo {
	margin-top: 23px;
}

.staffprofile .staffproinfo ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.staffprofile .staffproinfo ul li {
	font-weight: 500;
	color: black;
	line-height: 27px;
}

.staffprofile .staffproinfo li strong {
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	width: 110px;
	color: black;
}

.staffprofile .staffproinfo li span {
	display: inline-block;
	width: 20px;
}

.staffprofile .staffproinfo li .text-right {
	width: auto;
	font-weight: 400;
	font-size: 14px;
	color: #4c4a4a;
}

.staffshtinfon:after {
	content: "";
	position: absolute;
	background: linear-gradient(-180deg, #ffffffc7, #ffff0000),
		url(/css/assets/staffprofooter.png);
	height: 91px;
	width: 101px;
	left: -10px;
	background-size: contain;
	bottom: 0px;
	z-index: 1;
	background-repeat: no-repeat;
}

.staffproinfo:before {
	content: "";
	position: absolute;

	height: 90px;
	width: 337px;
	left: 0;
	background-size: contain;
	bottom: 0;
	z-index: 1;
	background-repeat: no-repeat;
}

.designform h4 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
}

.staffprofile {
	position: relative;
}

.staffprofile h4 {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 4px;
	background: #2bb984;
	color: white;
	padding: 5px 14px;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.staffprofile h4:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	border-top: 27px solid #2bb984;
	border-right: 32px solid transparent;
	right: -31px;
	top: 0px;
}

.msgbxnw th {
	background: #98339f;
	color: white;
}

.msgbxnw td {
	font-size: 14px;
	font-weight: 400;
	color: #585656;
}

.msgbxnw td .btn {
	padding: 2px 11px !important;
	border-radius: 25px !important;
	font-size: 11px !important;
}

.stufeeview .feeviewsingle {
	position: relative;
}

.stufeeview .feeviewsingle .stuadmno {
	position: absolute;
	background: #ff5959;
	color: white;
	padding: 4px 15px;
	text-transform: uppercase;
	font-weight: 600;
	left: 0;
	right: 0;
	width: 130px;
}

.stufeeview .feeviewsingle img {
	height: 178px;
	width: 135px;
	object-fit: cover;
	border-radius: 10px;
	border: 4px solid #ff5959;
	margin-bottom: 6px;
}

.stufeeview .feeviewsingle h3 {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 17px;
	margin: 0;
}

.stufeeview .feeviewsingle h3 span {
	display: block;
	font-weight: 500;
	font-size: 13px;
}

.stufeeview .topfilters label {
	text-align: center;
	font-size: 14px;
	background: #b56730;

	width: 100%;
	color: white;
	border: 1px solid #c7c7c7;
}

.stufeeview .topfilters label span {
	display: block;
	background: white;
	color: black;
}

.stufeeview .feefooheader {
	background: #206a87;
	padding: 2px 2px;
	color: white;
	margin-top: 26px;
	text-align: center;
}

.stufeeview .feefooheader h4 {
	color: white;
	padding: 3px 0;
	font-size: 19px;
	margin: 0;
	text-transform: uppercase;
	font-weight: 600;
}

.stutimetable {
	border-radius: 12px;
	overflow: hidden;
	padding: 14px !important;
	background: linear-gradient(180deg, #f0fdfa 0%, #ffffff 12px);
}

.stutimetable th {
	background: linear-gradient(135deg, #0d9488 0%, #0f766e 100%);
	color: white !important;
	border: 1px solid rgba(255, 255, 255, 0.25) !important;
	padding: 8px 6px !important;
	font-weight: 600;
	font-size: 11px;
	width: 80px;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

.stutimetable td {
	padding: 8px 10px !important;
	position: relative;
	vertical-align: top;
	font-weight: 700;
	font-size: 10px;
	color: #1e293b;
	font-family: system-ui;
	border-radius: 6px;
	border: 1px solid #e2e8f0;
	background: #fafafa;
}

.stutimetable tr:nth-child(even) td {
	background: #f8fafc;
}

.stutimetable td span {
	display: block;
	font-weight: 500;
	background: linear-gradient(135deg, #fef3c7, #fde68a);
	padding: 4px 6px;
	color: #92400e;
	border-radius: 4px;
	font-size: 9px;
	text-transform: capitalize;
	margin-top: 2px;
	border: 1px solid rgba(245, 158, 11, 0.2);
}

.stu_m_f {
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	margin-top: 6px;
	padding-top: 6px;
}

.stu_m_f ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.stu_m_f ul li {
	font-weight: 600;
	font-size: 12px;
	color: black;
	text-transform: uppercase;
	line-height: 16px;
}

.pgresponse {
	text-align: center;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pgresponse h2 {
	font-size: 18px;
	font-weight: 500;
}

.pgresponse {
	text-align: center;
}

.pgresponse img {
	width: 70px;
}

.pgresponse h3 {
	font-weight: 700;
	font-size: 25px;
	margin-bottom: 0px;
}

.pgresponse .payment_status p {
	margin: 0;
	border-bottom: 1px solid #d5d5d5;
	padding-bottom: 15px;
}

.pgresponse .payment_status h4 {
	font-size: 16px;
	padding: 18px;
}

.pgresponse .payment_status h4 span {
	display: block;
	font-size: 31px;
	font-weight: 700;
	margin-top: 5px;
}

.pgresponse .payment_status .p_bx {
	background: #f4f4f4;
	border-radius: 5px;
	padding: 10px;
	text-align: left;
	margin-bottom: 10px;
	border: 1px solid #d4d4d4;
}

.pgresponse .payment_status .p_bx h6 {
	margin: 0;
	font-size: 10px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.pgresponse .payment_status .p_bx h6 span {
	font-size: 14px;
	display: block;
	margin-top: 4px;
	font-weight: 600;
}

.pgresponse table {
	text-align: left;
	border-top: 1px solid #80808040;
}

.pgresponse table th {
	font-weight: 700;
}

.stucirculars .stucirbox {
	background: white;
	padding: 5px;
	border-radius: 5px;
	border-top: 2px solid #6bcd42;
	margin-bottom: 17px;
	box-shadow: 0px 13px 35px -27px #000000;
	position: relative;
	background-image: linear-gradient(-64deg, #ffffffd1, #ffffff),
		url(/css/assets/stuinnerbg.png);
	background-size: cover;
	min-height: 133px;
}

.stucirculars .stucirbox h5 {
	font-weight: 500;
	font-size: 11px;
	font-style: italic;
	background: #c82cfb;
	display: inline-block;
	padding: 3px 10px;
	border-radius: 3px;
	color: white;
	margin: 0;
}

.stucirculars .stucirbox h4 {
	font-weight: 600;
	text-transform: capitalize;
	font-size: 16px;
	padding-top: 3px;
	padding-bottom: 0;
	margin-bottom: 3px !important;
}

.stucirculars .stucirbox p,
.stucirculars .stucirbox span {
	margin: 0;
	font-size: 13px !important;
}

.stucirculars .stucirbox p {
	height: 40px;
	overflow: hidden;
}

.stucirculars .stucirbtns {
	width: 100%;
	padding-top: 0;
	margin-top: 7px;
}

.stucirculars .stucirbtns a,
.stucirculars .stucirbtns button {
	font-weight: 400 !important;
	padding: 3px 8px !important;
	color: white !important;
	min-height: 28px !important;
}


.sturegform .stusinglebox {
	background: #ffffff;
	margin-bottom: 24px;
	border-radius: 10px;
	padding: 10px;
	position: relative;
}

.sturegform .stusinglebox h4 {
	color: white;
	background: #084298;
	position: absolute;
	top: -16px;
	padding: 5px 22px !important;
	left: 13px;
	font-size: 13px;
	text-transform: uppercase;
}

.stusinglebox .form-group {
	margin-bottom: 15px;
}

.sturegform .stusinglebox input {
	font-size: 12px;
	font-weight: 500;
}

.parentpic {
	margin: 0 auto;
	text-align: center;
	position: relative;
	padding: 9px 0;
	border: 1px solid #d1d1d1;
	border-radius: 5px;
	margin-bottom: 10px;
}

.parentpic img {
	height: 146px !important;
	width: 120px !important;
	object-fit: cover;
	border: 4px solid #fbbaba !important;
	position: relative;
	border-radius: 10px;
}

.feepymntstu img {
	width: 98px;
	height: 129px;
	border-radius: 5px;
	border: 4px solid #ff8181;
}

.feepymntstu .media-body {
	margin-left: 17px;
}

.feepymntstu .media-body h2 {
	margin-bottom: 3px;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 600;
}

.feepymntstu .media-body h3 {
	font-size: 19px;
	font-weight: 700;
	margin-bottom: 0px;
	margin-top: 12px;
	border-top: 1px solid #e1e1e1;
	padding-top: 6px;
}

.feepymntstu .media-body h3 span {
	display: block;
	font-weight: 600;
	font-size: 16px;
}

.feepymntstu .media-body h4 {
	color: #ed0000;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 17px;
	margin-bottom: 0;
	border-top: 1px solid #ff7676;
	border-bottom: 1px solid #ff9292;
	padding: 4px 0;
	margin-top: 9px;
}

.btn-proceed {
	background-color: #1150ad !important;
}

.btn-changephoto {
	background-color: #8f5e07 !important;
}

.btn-proceed:hover,
.btn-changephoto:hover {
	color: white;
}

.stuviewdtlnw li .auto-width,
.stuadddtlnw li .auto-width,
.stuparntnw li .auto-width {
	width: auto;
}

.secwise {
	background: white;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 15px;
}

.table-responsive {
	position: relative;
}

.secwise h4 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}

.secwise .rz-tabview-nav .rz-tabview-selected button {
	color: #fff !important;
	background: #1eacb7;
	border: 0 !important;
	transition: 0.4s;
}

.secwise .rz-tabview-nav li {
	border: 0;
	background: transparent !important;
}

.secwise .rz-tabview-nav li button {
	display: block !important;
	color: #1d1d1d !important;
	padding: 9px 12px !important;
	border-radius: 5px;
	text-align: center;
	background: #ececec;
	font-weight: 500 !important;
	font-size: 13px !important;
	text-transform: uppercase !important;
	box-shadow: none;
	transition: 0.4s;
}

.secwise .rz-tabview-top,
.secwise .rz-tabview-nav .rz-tabview-selected {
	margin-bottom: 0;
	border: none !important;
	background: #2b313a00 !important;
}

.secwise .rz-tabview-nav .rz-tabview-selected:after {
	content: "\f0d7";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #1eacb7;
	font-size: 35px;
	padding-right: 0;
	position: absolute;
	top: 15px;
	left: 57px;
}

.secwise .rz-tabview-panels th {
	background: #0682a7;
	color: white;
	border: 1px solid #b9b5b5;
	padding: 5px 8px;
}

.secwise .rz-tabview-panels td {
	border: 1px solid #dddddd;
	padding: 1px 8px;
	font-weight: 600;
	text-align: left;
}

.rz-pager-item {
	padding: 0 !important;
}

.rz-pager-item button {
	padding: 4px 8px !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	min-height: 19px;
	min-width: 20px;
	line-height: normal !important;
}

.tabletd td {
	padding: 3px 1px !important;
}

.tabletd td .rz-spinner {
	line-height: 13px !important;
	height: auto !important;
	padding: 4px 0 !important;
}

.feefooterleftsingle .rz-button-text {
	text-transform: uppercase;
	font-weight: 700;
	width: 100%;
	border-top: 1px solid #8080801f;
	padding: 9px 0;
	text-align: center;
}

.feefooterleftsingle img {
	width: 60px;
	height: auto;
	padding: 0;
	object-fit: contain;
	border: 0;
	background: white;
}

.feefooterleftsingle span {
	display: none;
}

.feefooterleftsingle .rz-selectbutton .rz-button-text-only.rz-state-active {
	background-color: #db5f5f !important;
	border-color: #ff7a87 !important;
}

.feefooterleftsingle .rz-selectbutton .rz-button-text-only {
	min-width: 75px !important;
	display: flex !important;
}

.feefooterleftsingle .rz-selectbutton {
	padding: 0px 4px 1px;
}

.feefooterleftsingle .paygatesec {
	margin-top: 0px;
	text-align: center;
}

.feefooterleftsingle h2 {
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 15px;
	text-align: center;
	background: #5892e9;
	padding: 7px 0;
	color: white;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}

.attnstatus .fa-check {
	color: green;
}

.attnstatus .fa-times {
	color: #9d0404;
}

.attnstatus .fa-onduty {
	color: purple;
}

.attnstatus .fa-leave {
	color: blue;
}

.attnstatus .fa-holiday {
	color: #f71090;
}

.attnstatus .fa-times-circle {
	color: red;
}

.attnstatus .fa-dash {
	color: black;
}

.attnstatus .fa-solid.fa-dash {
	color: #8c258b;
}

.fa-onduty:before {
	content: "\f007";
}

.fa-leave:before {
	content: "\f021";
}

.statusatt {
	margin: 20px 0 0;
	padding: 0;
	display: flex;
	list-style: none;
	gap: 17px;
}

.statusatt li {
	font-size: 13px;
	font-weight: 500;
}

#stuportalcontent .header {
	padding: 0 20px 0px 0px;
	background: cadetblue;
}

.shownewbx {
	background: white;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 10px;
}

.shownewbx .rollno {
	color: black;
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	font-style: italic;
}

.newbtnsflex {
	margin-top: 5px;
	border-top: 1px solid #8080803d;
}

.newbtnsflex button {
	display: inline-block;
	width: auto;
	margin-right: 6px;
	margin-top: 6px;
}

.shownewbx h4 {
	margin-bottom: 7px;
	font-size: 18px;
	font-weight: 500;
	border-bottom: 1px solid #80808061;
	padding-bottom: 3px;
}

.staffbtns .col-6 {
	padding-left: 6px;
	padding-right: 6px;
}

@media only screen and (max-width: 767px) {
	.staffbtns .col-6 {
		padding-left: 3px;
		padding-right: 3px;
	}

	.tab_bck_btn {
		bottom: 0;
		position: fixed !important;
		top: auto !important;
		left: 0 !important;
		right: 0;
		margin-left: 0 !important;
	}

	.tab_bck_btn button {
		width: 100%;
		margin: 0 !important;
	}

	article {
		padding-bottom: 50px;
		padding-left: 10px !important;
		padding-right: 10px !important;
		padding-top: 85px !important;
	}

	.public_right .public_right_header {
		margin: 10px 10px 10px;
		padding-bottom: 16px !important;
		height: auto !important;
		overflow: visible;
	}

	.schooldetailnw {
		padding: 0 0px !important;
	}

	.publicnotice:after {
		display: none;
	}

	.sbg5 {
		margin-bottom: 12px !important;
	}

	.pagetitle {
		display: none;
	}

	.caltable th {
		padding: 6px 5px;
	}

	#stuportalcontent .sklnmlogo {
		padding-left: 22% !important;
	}

	.stunotifixheight {
		height: 170px;
	}

	.staffnoti .marquee-container1,
	.marquee-container1 {
		height: 180px !important;
	}
}

@media only screen and (max-width: 767px) {
	.studash-fee-popup {
		width: 100% !important;
		min-width: 100% !important;
	}
}

.fxt-template-layout13 .fxt-form .form-group {
	position: relative;
	z-index: 1;
	margin-bottom: 10px;
}

.fxt-template-layout13 .fxt-form .form-group .input-label {
	margin-bottom: 10px;
}

.fxt-template-layout13 .fxt-form .form-group .field-icon {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 18px;
	padding: 0 5px;
	color: #ff8c8c;
	font-size: 14px;
}

.fxt-template-layout13 .fxt-form .form-group .field-icon:before {
	padding: 17px 10px;
}

.fxt-template-layout13 .rz-button {
	padding: 9px 36px !important;
	min-height: auto !important;
	line-height: normal !important;
}

.fxt-template-layout13 .checkbox {
	padding-left: 5px;
	margin-right: 30px;
	margin-bottom: 5px;
}

.fxt-template-layout13 .checkbox label {
	padding-left: 20px;
	color: #a4a4a4;
	margin-bottom: 0;
	font-size: 15px;
	position: relative;
}

.fxt-template-layout13 .checkbox label:before {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	top: 4px;
	left: 0;
	margin-left: -5px;
	border: 1px solid;
	border-color: #dcdcdc;
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.fxt-template-layout13 .checkbox label:after {
	position: absolute;
	margin-left: -20px;
	padding-left: 3px;
	font-size: 10px;
	color: #555555;
}

.fxt-template-layout13 .checkbox input[type="checkbox"] {
	display: none;
}

.fxt-template-layout13 .checkbox input[type="checkbox"]:checked+label::after {
	font-family: "Font Awesome 5 Free";
	content: "\f00c";
	font-weight: 900;
	color: #ffffff;
	left: 15px;
	top: 4px;
}

.fxt-template-layout13 .checkbox input[type="checkbox"]:checked+label::before {
	background-color: #009bb6;
	border-color: #009bb6;
}

.schooldetailnw {
	text-align: center;
	padding: 0 50px;
	border-bottom: 1px solid #80808061;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

.schooldetailnw img {
	width: 90px;
	margin-bottom: 4px;
}

.tableform-control input {
	min-height: 26px !important;
	padding: 2px 6px !important;
}

.groupmodal input {
	min-height: 26px !important;
	padding: 2px 6px !important;
}

.groupmodal .rz-dropdown {
	height: 26px !important;
	padding: 2px 6px !important;
}

.groupmodal td {
	padding: 2px 8px !important;
}

.libtable table,
.booktable table {
	margin: 0;
}

.libtable {
	border: 2px solid #288b94;
}

.libtable th {
	background: #288b94 !important;
	font-weight: 600;
	font-size: 12px;
	color: white;
}

.libtable .rz-grid-table thead th .rz-column-title {
	font-size: 12px !important;
	padding: 0px 4px !important;
	max-height: 20px;
}

.libtable input {
	padding: 0 0 !important;
	max-height: 24px !important;
}

.libtable .rz-cell-filter {
	padding: 0px 5px !important;
}

.libtable .rz-cell-filter-label {
	height: 33px !important;
}

.libtable .rz-spinner {
	height: 25px;
}

.libtable .rz-spinner button {
	display: none;
}

.libtable td {
	padding: 3px 5px !important;
	font-weight: 500;
	font-size: 11px;
}

.booktable {
	border: 2px solid #9f5f00;
}

.booktable th {
	background: #9f5f00 !important;
	font-weight: 600;
	font-size: 12px;
	color: white;
}

.booktable td {
	padding: 3px 5px !important;
	font-weight: 500;
	font-size: 11px;
}

.booktable .rz-grid-table thead th .rz-column-title {
	font-size: 12px !important;
	padding: 0px 4px !important;
	max-height: 20px;
}

.booktable input {
	padding: 0 0 !important;
	max-height: 24px !important;
}

.booktable .rz-spinner {
	height: 25px;
}

.booktable .rz-spinner button {
	display: none;
}

.booktable .rz-cell-filter {
	padding: 0px 5px !important;
}

.booktable .rz-cell-filter-label {
	height: 33px !important;
}

.bookdetail {
	border: 2px solid #288b94;
	background: #f5feff;
	min-height: 156px;
}

.bookdetail h5 {
	margin: 0;
	padding: 4px 8px;
	font-weight: 500;
	font-size: 14px;
	background: #288b94;
	color: white;
	text-transform: uppercase;
}

.bookdetail h6 {
	background: none;
	padding: 13px 20px;
	font-size: 22px;
	color: red;
	font-weight: 700;
	text-transform: uppercase;
}

.bookdetail .bookdtlname {
	border-left: 2px solid red;
	padding-left: 9px;
	margin: 6px 21px;
}

.bookdetail .bookdtlname h2 {
	font-size: 12px;
	font-weight: 500;
	color: #545454;
	margin: 0;
}

.bookdetail .bookdtlname h2 span {
	display: block;
	font-size: 16px;
	color: black;
}

.memdetail {
	border: 2px solid #7f9362;
	margin-bottom: 10px;
	min-height: 158px;
	position: relative;
}

.memdetail h5 {
	margin: 0;
	padding: 4px 8px;
	font-weight: 500;
	font-size: 14px;
	background: #7f9362;
	color: white;
	text-transform: uppercase;
}

.memdetail img {
	height: 114px;
	width: 95px;
	border: 1px solid grey;
	border-radius: 7px;
	float: left;
	margin: 4px 5px;
	object-fit: cover;
}

.memdetail .membxdtl {
	padding-left: 8px;
	margin: 10px 0px 10px 100px;
	overflow: hidden;
}

.memdetail .membxdtl h1 {
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
}

.memdetail .membxdtl h5 {
	background: none;
	color: black;
	padding: 0;
}

.memdetail .membxdtl h5 span {
	display: block;
}

.libfinalcheck span {
	margin-left: 5px;
	font-weight: 500;
	position: relative;
	display: inline-block;
	top: -1px;
}

.book_cover {
	background: white;
	border: 2px solid #156dc9;
	padding: 5px;
}

.info_books {
	position: absolute;
	right: 4px;
	top: 0;
	font-weight: 400;
	color: white;
	border: 1px solid white;
	padding: 0 7px;
	border-radius: 4px;
	font-size: 13px;
}

.info_books a {
	color: white;
}

.libtable .rz-data-grid,
.booktable .rz-data-grid {
	border: 0;
}

.pendingbooks .rz-grid-table thead th .rz-column-title {
	font-size: 12px !important;
	padding: 0px 4px !important;
	max-height: 20px;
}

.lastbookstrans h2 {
	margin: 0;
	padding: 4px 8px;
	font-weight: 500;
	font-size: 14px;
	color: black;
}

.lastbookstrans th {
	background: #414ca0 !important;
	font-weight: 600;
	font-size: 12px;
	padding: 3px 6px;
	color: white;
}

.lastbookstrans .rz-grid-table thead th .rz-column-title {
	font-size: 12px !important;
	padding: 1px 4px !important;
}

.lastbookstrans input {
	padding: 0 0 !important;
	max-height: 24px !important;
}

.lastbookstrans .rz-spinner {
	height: 25px;
}

.lastbookstrans .rz-spinner button {
	display: none;
}

.lastbookstrans .rz-cell-filter {
	padding: 0px 5px !important;
}

.lastbookstrans .rz-cell-filter-label {
	height: 33px !important;
}

.lastbookstrans td {
	padding: 3px 5px !important;
	font-weight: 500;
	font-size: 11px;
}

.libfinalbtns button {
	padding: 4px 12px !important;
	min-height: 26px;
}

.libdate .input-group-text {
	font-size: 13px;
	border-radius: 0px;
	font-weight: 600;
	border: 0;
}

.libdate input {
	font-size: 12px;
	border-radius: 0px;
	font-weight: 600;
}

.staffpat td:nth-child(4) {
	text-align: right;
}

.table> :not(:last-child)> :last-child>* {
	text-align: center;
}

.stufeeviewnw {
	background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
	padding: 12px;
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.fee-receipt-view-row {
	display: flex;
	align-items: stretch;
}

.fee-receipt-view-row>div {
	display: flex;
	flex-direction: column;
}

.stufeeviewnw h1 {
	color: white;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0;
	flex: 1;
}

.stufeeviewnw h1 i {
	margin-right: 6px;
	font-size: 13px;
	animation: pulse 2s infinite;
}

.student-card-body {
	padding: 12px;
}

.stufeeviewnw .stufeetdlinner {
	margin-top: 8px;
	margin-bottom: 8px;
}

.stufeeviewnw .stufeetdlinner h2 {
	font-weight: 700;
	font-size: 15px;
	text-transform: uppercase;
	margin-bottom: 6px;
	color: #2d3748;
	line-height: 1.3;
}

.stufeeviewnw .stufeetdlinner h2 i {
	color: #667eea;
	margin-right: 6px;
	font-size: 14px;
}

.amount-label {
	color: white;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: 6px;
	letter-spacing: 0.5px;
}

.amount-label i {
	font-size: 16px;
}

.fee-receipt-details-container {
	display: flex;
	flex-direction: column;
	gap: 5px;
	justify-content: space-between;
}

.stufeeviewnw .stufeedtlnw {
	background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
	border: 2px solid #667eea;
	padding: 12px 12px;
	margin-bottom: 5px;
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15);
	transition: all 0.3s ease;
	flex: 1;
}

.stufeeviewnw .stufeedtlnw:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 14px rgba(102, 126, 234, 0.25);
	border-color: #764ba2;
}

.stufeeviewnw .stufeeleft {
	border: 2px solid #667eea;
	border-radius: 12px;
	background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
	box-shadow: 0 3px 12px rgba(102, 126, 234, 0.2);
	overflow: hidden;
	transition: all 0.3s ease;
	height: 100%;
}

.stufeeviewnw .stufeeleft:hover {
	box-shadow: 0 5px 18px rgba(102, 126, 234, 0.3);
	transform: translateY(-2px);
}

.stufeeviewnw .stufeedtlnw ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.stufeeviewnw .stufeedtlnw ul li {
	color: #2d3748;
	font-weight: 600;
	text-transform: capitalize;
	padding: 3px 0;
	transition: all 0.2s ease;
	line-height: 1.5;
	font-size: 11px;
}

.stufeeviewnw .stufeedtlnw ul li i {
	color: #667eea;
	margin-right: 2px;
	font-size: 11px;
}

.stufeeviewnw .stufeedtlnw ul li span {
	width: 70px;
	display: inline-block;
	font-size: 11px;
}

.stufeeviewnw .stufeedtlnw ul li .auto-width {
	margin-left: 6px;
	color: #1a202c;
	font-weight: 700;
}

.stufeeviewnw .totalamountfee h1 {
	background: linear-gradient(135deg, #e06b63 0%, #ed7067 100%);
	margin: 0;
	font-weight: 600;
	color: white;
	border-radius: 5px;
	padding: 8px 15px;
	font-size: 13px;
	text-transform: uppercase;
	box-shadow: 0 4px 16px rgba(245, 87, 108, 0.4);
	transition: all 0.3s ease;
	display: inline-table;
	text-align: center;
	line-height: 16px;
}

.stufeeviewnw .totalamountfee h1:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 22px rgba(245, 87, 108, 0.5);
}

.stufeeviewnw .totalamountfee h1 i {
	margin-right: 6px;
	font-size: 16px;
	animation: bounce 2s infinite;
}

.stufeeviewnw .totalamountfee h1 span {
	display: block;
	font-size: 20px;
	font-weight: 700;
	margin-top: 4px;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

@keyframes pulse {

	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0.6;
	}
}

@keyframes bounce {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-5px);
	}
}

.notdetail .notdate {
	font-weight: 500;
	font-size: 14px;
	font-style: italic;
}

.notdetail h1 {
	font-size: 20px;
	font-weight: 700;
}

.notdetail p {
	margin: 0;
}

.stunbwbox {
	background: white;
	padding: 5px;
	border-radius: 5px;
	border-top: 1px solid #ff6262;
	position: relative;
	margin-bottom: 10px;
	min-height: 145px;
}

.stunbwbox .admno {
	background: #ffece9;
	display: inline-block;
	color: #e14141;
	padding: 2px 7px;
	font-weight: 700;
	border-radius: 3px;
	font-size: 11px;
	line-height: normal;
	border: 1px solid #e75454;
	text-transform: uppercase;
	margin-bottom: 3px;
}

.stunbwbox .classnw {
	background: #505050;
	color: white;
	display: inline-block;
	position: absolute;
	right: 0;
	top: -1px;
	padding: 1px 8px;
	font-weight: 500;
	font-size: 12px;
}

.stunbwbox h2 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 4px;
	margin-top: 3px;
}

.stunbwbox ul {
	padding: 0;
	margin-bottom: 6px;
	list-style: none;
}

.stunbwbox ul li {
	font-size: 11px;
	font-weight: 500;
	color: #484848;
	text-transform: capitalize;
}

.stunbwbox ul li strong {
	font-weight: 700;
	width: 85px;
	display: inline-block;
}

.stunbwbox ul li span {
	display: inline-block;
	width: 6px;
}

.stunbwbox .stuboxstatus {
	color: #f75e5e;
	border: 3px solid #ff8080;
	padding: 3px 2px;
	font-size: 11px;
	font-weight: 700;
	line-height: normal;
	text-align: center;
	border-radius: 5px;
	display: inline-block;
	position: absolute;
	right: 10px;
}

.stunbwbox .stunwfootr {
	border-top: 1px solid lightgrey;
	padding-top: 6px;
}

.stunbwbox .col-md-9 {
	padding-right: 4px;
}

.stunbwbox .col-md-3 {
	padding-left: 4px;
}

.stunbwbox2 .admno {
	color: #870e87;
	background: #870e871c;
	display: inline-block;
	border: 1px solid #d743e9a1;
	padding: 2px 5px;
	font-weight: 700;
	border-radius: 3px;
	font-size: 11px;
	line-height: normal;
	text-transform: uppercase;
}

.publicreghead .media .media-body h5 {
	color: white;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 20px;
	margin: 0;
	line-height: 23px;
}

.publicreghead.pub {
	top: -16%;
}

.publicreghead .media .media-body h5 span {
	display: block;
	text-transform: capitalize;
	font-weight: 300;
	font-size: 14px;
}

.libtable .rz-paginator-element,
.booktable .rz-paginator-element {
	padding: 0;
	font-size: 10px;
	display: inline-block;
	min-height: 8px !important;
	min-width: 17px;
	line-height: normal;
}

.libtable .rz-paginator-icon,
.booktable .rz-paginator-icon {
	font-size: 12px;
	height: auto;
	width: auto;
	line-height: normal;
	padding: 2px 2px;
}

.libtable .rz-paginator,
.booktable .rz-paginator {
	padding: 2px 2px;
}

.leavedetailstaffnw .row {
	padding: 7px 10px;
}

.studash h5 {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 18px;
	text-align: center;
	margin: 0;
	border-top: 1px solid #d5d5d5;
	margin-top: 10px;
	padding-top: 10px;
}

.studash h5 span {
	display: block;
	text-transform: capitalize;
	font-weight: 400;
	font-size: 14px;
	color: #4a4a4a;
	margin-top: 4px;
}

.stuprntbx .table {
	margin: 0;
	margin-top: 20px !important;
}

.tbl-align-fix th {
	background: #17657c;
	color: white !important;
}

.tbl-align-fix .aaligntbl {
	text-align: left !important;
}

.report-grid-scroll {
	overflow-x: auto;
	width: 100%;
}

.report-datagrid .rz-data-grid-table th,
.report-datagrid .rz-grid-table th {
	min-width: max(70px, fit-content);
}

.report-datagrid .rz-grid-table thead th {
	background-color: #008376 !important;
}

.report-datagrid .rz-grid-table thead tr:nth-of-type(2) th {
	background-color: #008376 !important;
}

.report-datagrid .rz-grid-table thead th .rz-column-title-content {
	white-space: normal;
	overflow: visible;
	text-overflow: unset;
	word-break: break-word;
}

input[type="radio"]:checked+img {
	width: 55px;
	height: 40px;
}

input[type="radio"]:checked+img+label {
	font-size: 12px;
	border-bottom: 3px solid #163f89;
}

.dropdown {
	width: 100%;
}

.nstafdash .shrtprobgbirthday {
	background: linear-gradient(90deg, #ffffffde 31%, #ffffff 148%),
		url(/css/assets/happ-birthday-staff.jpg);
	background-size: cover;
	background-position: center;
	border-bottom: 1px solid #ff6b6b69;
	position: relative;
	z-index: 1;
}

.stushotinfomobile.stubrthdy {
	background: none !important;
	position: relative;
	z-index: 2;
}

.stushotinfomobile.stubrthdy:after {
	content: "";
	position: absolute;
	background: linear-gradient(-90deg, #ffffff00, #ffffff00),
		url(/css/assets/stu-brth-bg2.png);
	background-size: contain;
	background-repeat: no-repeat;
	height: 100%;
	width: 255px;
	left: -10px;
	right: 0;
	top: -12px;
	z-index: -1;
}

.stushotinfomobile .stubox img {
	width: 112px !important;
}

.stushotinfomobile .stubox {
	float: left;
}

.feetabs li button {
	padding: 5px 9px !important;
	min-width: auto !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	background: #d1dee9;
	border-radius: 19px;
	margin: 2px 2px;
	text-align: center !important;
}

.feetabs ul {
	margin-bottom: 2px;
}

.feetabs li {
	border: 0 !important;
	background: transparent !important;
}

.feetabs li:hover {
	border: 0 !important;
}

.feetabs li.rz-tabview-selected button {
	color: #fff !important;
	background: #1eacb7;
	transition: 0.3s;
	padding: 0 10px !important;
	border-radius: 5px;
	margin-bottom: 5px;
}

.feetabs li.rz-tabview-selected a:hover {
	background: #075e65;
	transition: 0.3s;
}

.feetabs .rz-tabview-panel {
	padding: 0 !important;
}

.feetabsdetail .rz-tabview-nav {
	margin-bottom: 7px;
}

.feetabsdetail .rz-tabview-nav li a {
	background: #5f9ea04a;
	font-weight: 600;
}

.feetabsdetail .rz-tabview-nav .rz-tabview-selected a {
	background: #0a5368;
	color: white !important;
}

.feetabsdetail .rz-tabview-panel {
	padding: 5px;
}

.publicnotice_bx {
	background: white;
	padding: 22px;
	position: relative;
	z-index: 2;
	border-radius: 10px;
	height: 466px;
	overflow-y: scroll;
}

.publicnotice_bx h5 {
	font-size: 21px;
}

.publicnotice_bx h5 span {
	display: block;
	font-size: 15px;
	color: red;
	font-style: italic;
	margin-bottom: 6px;
}

.publicnotice_bx p {
	font-size: 14px;
}

.pub_msg_ftr {
	border-top: 1px solid #e1e1e1;
	padding-top: 11px;
}

.stu_edit_form .stuformbox {
	padding: 10px;
	background: white;
	margin-bottom: 20px;
	border-radius: 10px;
	box-shadow: 3px 2px 6px #80808042;
}

.stu_edit_form {
	border-radius: 5px;
}

.stu_edit_form .stuformbox h6 {
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 700;
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 8px;
}

.assignbox .rz-tree .rz-tree-container .rz-treenode {
	width: 25%;
	float: left;
	position: relative;
}

.assignbox .rz-tree .rz-tree-container .rz-treenode-children .rz-treenode {
	width: 100%;
	float: left;
}

.assignbox .rz-tree .rz-tree-container .rz-treenode-children {
	background: white;
	left: 0;
	right: 0;
	width: 200px;
	top: 33px;
	z-index: 2;
	padding-left: 11px;
}

.assignbox .rz-tree {
	overflow: inherit;
}

.ch_small .rz-chkbox {
	height: 17px;
	min-width: 17px;
	width: 17px;
}

.ch_small .rz-chkbox-box {
	font-size: 12px;
}

.ch_small th .rz-column-title {
	padding: 0px 8px !important;
}

.ch_small td {
	padding: 2px 10px !important;
}

.tab_bck_btn {
	margin-left: 8px;
}

.tab_bck_btn button {
	background-color: #173a6733 !important;
	border: 1px solid #ffffff26 !important;
	padding: 7px 7px !important;
	border-radius: 5px;
	transition: .3s;
}

.tab_bck_btn button:hover {
	background-color: #062348 !important;
	border: 1px solid #275895 !important;
	transition: .3s;
}

.tab_bck_btn img {
	width: 20px;
	filter: brightness(4.5);
}

.public_tabs_link .rz-tabview-nav {
	align-items: center;

	list-style: none;
	background: none;
	padding: 0;
	margin-bottom: 11px !important;
	margin: 0px;
}

.public_tabs_link .rz-tabview-panel {
	border: 2px solid grey;
}

.reportView_stps .rz-steps li {
	background: #ededed;
	padding: 8px 10px;
	margin-bottom: 8px;
}

.reportView_stps .rz-steps li a .rz-steps-number {
	background: #969796;
	color: white;
	font-weight: 500;
}

.reportView_stps .rz-steps li a .rz-steps-title {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
}

.reportView_stps .rz-steps .rz-state-highlight .rz-steps-number {
	background: #43bf7a !important;
}

.reportView_stps .rz-steps button {
	padding: 5px;
	min-height: auto;
	width: auto;
	border: 0;
}

.reportView_stps input {
	width: 100%;
}

.reportView_stps .rz-steps ul {
	border-bottom: 1px solid #80808042;
	margin-bottom: 15px;
}

.reportView_stps .rz-steps-next {
	background: black;
	color: white !important;
	padding: 5px 16px;
	border-radius: 3px;
}

.sc_dtl_n .media {
	display: block;
	border-bottom: 1px solid #bd7bdf;
	padding-bottom: 10px;
}

.sc_dtl_n .media img {
	width: 85px;
}

.sc_dtl_n .media-body h1 {
	font-size: 17px;
	margin-top: 5px;
	margin-bottom: 0;
	color: white;
	position: relative;
}

.public_right_header #contact {
	text-align: left !important;
}

.public_right_header p,
.public_right_header ul,
.public_right_header ul li {
	font-size: 14px;
}

.sc_dtl_n .media-body h1 span {
	display: block;
	text-transform: capitalize;
	font-weight: 400;
	font-size: 15px;
	margin-top: 5px;
}

.exam_status_bx {
	background: #fbfff0;
	padding: 10px;
	position: relative;
	margin-bottom: 10px;
	border: 1px solid #b7cf76;
	border-radius: 3px;
}

.exam_status_bx h1 {
	font-weight: 700;
	font-size: 17px;
	text-transform: uppercase;
	border-bottom: 1px solid #dfcaae;
	padding-bottom: 6px;
	margin-bottom: 4px;
}

.exam_status_bx .exam_sta {
	position: absolute;
	top: 0;
	right: 0;
	background: #b035cf;
	color: white;
	padding: 3px 10px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.08em;
	border-radius: 3px;
}

.exam_status_bx ul li {
	font-size: 12px;
}

.exam_status_bx .exam_type {
	background: #f7baba;
	text-align: center;
	margin: 6px 0;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 0.07em;
	font-weight: 700;
	color: #b10101;
	padding: 2px 0px;
}

.exam_status_bx .exam_t_stu {
	position: absolute;
	right: 0px;
	top: 37px;
	text-align: center;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 600;
	border: 1px solid #8f7758;
	padding: 3px 7px;
	color: black;
	background: #fbdfba;
	border-radius: 3px;
}

.exam_status_bx .exam_t_stu span {
	display: block;
	font-size: 10px;
	text-transform: capitalize;
	padding: 0px 0;
}

.exam_status_bx .exam_ftr {
	border-top: 1px solid grey;
	padding-top: 5px;
	margin-top: 5px;
	display: flex;
	justify-content: center;
}

.exam_status_bx .exam_ftr button {
	padding: 3px 16px;
	height: auto !important;
	margin: 0 5px;
}

.stu_mrk_bx {
	background: #fbfff0;
	padding: 10px;
	position: relative;
	margin-bottom: 10px;
	border: 1px solid #b7cf76;
	border-radius: 3px;
}

.stu_mrk_bx .adno {
	position: absolute;
	right: 0;
	top: 0;
	background: #d16d76;
	padding: 1px 11px;
	font-weight: 500;
	border-radius: 4px;
	color: white;
}

.stu_mrk_bx h2 {
	text-transform: uppercase;
	font-size: 17px;
	font-weight: 500;
	display: inline-grid;
}

.stu_mrk_bx h2 span {
	font-size: 13px;
	text-transform: capitalize;
	margin-top: 4px;
	border: 1px solid #bfae71;
	padding: 2px 6px;
	border-radius: 3px;
	background: #f5eed5;
}

.stu_mrk_bx .mark_ftr {
	border-top: 1px solid #d1c7c7;
}

.stu_mrk_bx .mark_ftr input {
	background: #cce0ff;
	padding: 8px 6px;
}

.stu_mrk_bx .rz-spinner {
	border: 0 !important;
	padding: 0 !important;
}

.stu_mrk_bx .mark_ftr .rz-dropdown {
	padding: 0 0 !important;
	height: auto !important;
	margin: 0;
	border: 0 !important;
	margin-top: 6px;
	background: #cce0ff;
}

.stu_mrk_bx .mark_ftr .mark_grd_ftr {
	margin-bottom: 3px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.04em;
	font-size: 14px;
}

.book_cover img {
	height: 346px;
	width: 100%;
	object-fit: cover;
}

.rz-grid-table .rz-cell-data input {
	height: 33px;
}

.ass_bx {
	background: white;
	border-radius: 10px;
	padding: 9px;
	border-top: 2px solid #db9292;
	position: relative;
	margin-bottom: 10px;
	box-shadow: var(--rz-card-shadow);
}

.ass_bx .ass_dte {
	background: #4b4b4b;
	color: white;
	display: inline-block;
	position: absolute;
	right: 4px;
	padding: 1px 9px;
	top: 3px;
	border-radius: 10px;
	font-size: 12px;
	font-weight: 500;
}

.ass_bx h2 {
	font-size: 18px;
	font-weight: 600;
}

.ass_bx h2 span {
	display: block;
	background: #db6767;
	width: fit-content;
	padding: 2px 7px;
	margin-bottom: 7px;
	font-size: 16px;
	border-radius: 3px;
	color: white;
}

.ass_bx h6 {
	font-size: 12px;
	padding: 6px 6px;
	text-transform: capitalize;
}

.ass_bx p {
	height: 46px;
	overflow: hidden;
	font-size: 14px;
}

.ass_bx .ass_ftr {
	border-top: 1px solid #d5d5d5;
	padding-top: 4px;
	margin-top: 4px;
}

.ass_dtl_bx {
	border: 2px solid #956666;
	padding: 10px;
	border-radius: 3px;
	background: #fff8f8;
}

.ass_dtl_bx p {
	font-size: 15px;
}

.ass_bx_photo {
	border: 2px solid #956666;
	padding: 10px;
	border-radius: 3px;
	background: #ffebeb;
}

.ass_desc {
	height: 43px;
	overflow: hidden;
}

.menuleftfix nav {
	margin-bottom: 65px;
	padding-top: 0px;
}

.rz-panel-menu .rz-navigation-item-active:before,
.rz-panel-menu .rz-navigation-item-wrapper-active:before {
	left: 0 !important;
}

.rz-panel-menu {
	background-color: #012c20 !important;
	height: 100%;
	display: grid;
}

.left_menu .rz-navigation-item-wrapper>.rz-navigation-item-link {
	font-family: system-ui;
	padding: 10px 10px 10px 35px;
}

.rz-panel-menu .rz-navigation-item {
	border-block-end: #498989 !important;
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
	border-bottom: 1px solid #66c37c00 !important;
}

.rz-navigation-item-link i.rzi {
	color: #a1a1a1;
}

.left_menu .rz-navigation-item-wrapper>.rz-navigation-item-link .rz-navigation-item-text {
	font-weight: 400;
	color: #e0e7ff;
	font-size: 15px;
	transition: all 0.3s ease;
}

.left_menu .rz-navigation-item-wrapper:hover>.rz-navigation-item-link .rz-navigation-item-text {
	color: #fef3c7;
}

.left_menu .rz-navigation-item-wrapper .bi-arrow-right::before {
	margin-right: 7px;
	font-size: 9px;
}

.rz-panel-menu .rz-navigation-item-wrapper-expanded .rz-navigation-item-icon-children {
	color: #fbbf24;
	transform: rotate(180deg);
	text-shadow: 0 0 8px rgba(251, 191, 36, 0.6);
}

.rz-panel-menu .rz-navigation-item-wrapper-expanded>.rz-navigation-item-link {
	background: linear-gradient(90deg, rgba(59, 130, 246, 0.25) 0%, rgba(30, 64, 175, 0.35) 100%);
	color: #fef3c7;
	font-weight: 600;
	border-left: 3px solid #fbbf24;
	box-shadow: inset 0 0 15px rgba(251, 191, 36, 0.1);
}

@keyframes slideDown {
	0% {
		opacity: 0;
		transform: scaleY(0.8) translateY(-10px);
		max-height: 0;
	}

	100% {
		opacity: 1;
		transform: scaleY(1) translateY(0);
		max-height: 1000px;
	}
}

@keyframes fadeInItem {
	0% {
		opacity: 0;
		transform: translateX(-10px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.rz-panel-menu .nav-link {
	border-bottom: var(--rz-panel-menu-item-border);
}

.rz-panel-menu .nav-item {
	display: flex;
	padding-top: 11px !important;
	padding-bottom: 11px !important;
	padding-left: 18px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	transition: all 0.3s ease;
	position: relative;
	cursor: pointer;
}

.rz-panel-menu .nav-item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	background: #3b82f6;
	transition: width 0.3s ease;
}

.rz-panel-menu .nav-item:hover {
	background: linear-gradient(135deg,
			rgba(59, 130, 246, 0.25) 0%,
			rgba(30, 64, 175, 0.35) 100%);
	padding-left: 22px !important;
	transition: all 0.3s ease;
	color: #fef3c7;
	box-shadow: inset 0 0 15px rgba(251, 191, 36, 0.1);
}

.rz-panel-menu .rz-navigation-item-link:active {
	background-color: #08131f !important;
	transition: .3s;
}

.rz-profile-menu .rz-navigation-item li {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.03em;
	border-bottom: 1px solid #bababa;
	padding: 2px 0;
}

.left_menu {
	transition: background 0.4s ease, border-left 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
	position: relative;
	border-bottom: 1px solid rgb(37 71 104);
	cursor: pointer;
}

.rz-button {
	box-shadow: none !important;
}

.left_menu .main-icon {
	position: absolute;
	top: 17px;
	left: 13px;
	font-size: 13px;
	color: #c4c4c4;
	transition: all 0.3s ease;
}

.rz-navigation-item-link:before,
.rz-menu-toggle:before {
	background: #02340e !important;
}

.rz-expander-content .rz-navigation-item-wrapper {
	background-color: #011806 !important;
	line-height: normal !important;
	margin-inline: auto !important;
	border-radius: 0px !important;
}

.rz-expander-content .rz-navigation-item-wrapper a {
	padding-left: 18px !important;
	color: #bfbfbf;
	transition: .3s;
}

.rz-expander-content .rz-navigation-item-wrapper a:hover {
	background-color: #00060bbd !important;
	transition: .3s;
}

.left_menu:hover .main-icon {
	color: #ffffff;
}

.left_menu .rz-panel-menu-item {
	padding-left: 45px;
}

.menu-item-content {
	display: flex;
	align-items: center;
	gap: 1px;
}

.menu-item-content .menu-icon {
	font-size: 0.75rem;
	opacity: 0.8;
	line-height: 1;
	color: #fbbf24;
	transition: all 0.3s ease;
}

.menu-item-content:hover .menu-icon {
	opacity: 1;
	transform: translateX(2px);
	color: #fcd34d;
}

.menu-item-content .menu-label,
.menu-item-content .submenu_icon {
	font-size: 14px;
	flex: 1;
	color: #e0e7ff;
}

.menu-item-content:hover .menu-label,
.menu-item-content:hover .submenu_icon {
	color: #fef3c7;
}

.menu-item-content .menu-indicator {
	font-size: 0.75rem;
	opacity: 0.6;
	line-height: 1;
	transition: transform 0.25s ease, opacity 0.25s ease;
}

.left_menu:has(.rz-navigation-item-wrapper-expanded) .menu-indicator {
	transform: rotate(180deg);
	opacity: 0.85;
}

.left_menu:has(.rz-navigation-item-wrapper-expanded) {
	background: linear-gradient(135deg, rgba(59, 130, 246, 0.35) 0%, rgba(30, 64, 175, 0.45) 100%);
	border-left: 4px solid #fbbf24;
	transition: all 0.4s ease;
	box-shadow: 0 6px 20px rgba(59, 130, 246, 0.5), inset 0 0 30px rgba(251, 191, 36, 0.15);
	transform: translateX(2px);
}

.left_menu:has(.rz-navigation-item-wrapper-expanded)::before {
	width: 4px;
}

.left_menu:has(.rz-navigation-item-wrapper-expanded) .main-icon {
	color: #ffffff;
	background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
	animation: iconPulse 1.5s ease-in-out infinite;
	box-shadow: 0 4px 16px rgba(251, 191, 36, 0.6), 0 0 25px rgba(251, 191, 36, 0.5);
}

ul.rz-profile-menu {
	padding: 7px 10px !important;
	background: #f0f8ff00 !important;
	right: 10px;
}

ul.rz-profile-menu .rz-navigation-item-icon-children {
	color: #ffffff !important;
}

.rz-navigation-menu button:hover {
	background: #1c437f !important;
	transition: 0.4s;
}

.rz-navigation-menu li:before {
	display: none;
}

.rz-navigation-menu button:hover .rz-button-text {
	color: white !important;
}

.rz-profile-menu .item-text img {
	height: 30px;
	width: 30px;
	border-radius: 5px;
	object-fit: contain;
	border: 1px solid #848484;
	margin-right: 4px;
}

.topbarmenu li span {
	margin-right: 20px;
}

.rz-button:not(.rz-state-disabled),
.rz-paginator-element:not(.rz-state-disabled) {
	cursor: pointer;
}

.rz-pager-pages a {
	padding: 0 !important;
	min-height: 25px;
	min-width: 25px;
	line-height: 23px;
	height: 25px;
	font-size: 13px;
}

.rz-pager-next,
.rz-pager-last,
.rz-pager-prev,
.rz-pager-first {
	padding: 0 !important;
	min-height: 25px !important;
	min-width: 25px !important;
	justify-content: center;
	display: flex !important;
	align-items: center;
}

.rz-navigation-menu button {
	width: 100% !important;
	text-align: left;
	display: block;
	background-color: white !important;
	padding: 3px 10px !important;
	min-height: 30px;
	border-radius: 0px !important;
	transition: 0.4s;
}

@keyframes iconPulse {

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

	50% {
		transform: scale(1.15);
	}
}

.main_navbar .logo {
	text-align: center;
}

.main_navbar .logo .navbar-brand {
	color: white;
	text-transform: uppercase;
	font-size: 18px;
	text-align: center;
	font-weight: 700;
	display: block;
	background: #1ba5c1;
	padding: 5px 16px;
}

.main_navbar .logo .navbar-brand span {
	display: block;
	font-size: 12px;
	font-weight: 400;
}

.appintment_box {
	background: white;
	padding: 15px;
	border-top: 2px solid #c000ff;
	position: relative;
	font-family: system-ui;
	margin-bottom: 20px;
	box-shadow: 1px 3px 40px -21px grey;
	border-radius: 5px;
	border-left: 1px solid #80808036;
	border-right: 1px solid #80808036;
	border-bottom: 1px solid #80808036;
}

.appintment_box.border_red {
	border-top: 2px solid #ff8c8c;
}

.appintment_box h4 {
	font-size: 17px;
}

.appintment_box h4 span {
	display: block;
	font-size: 11px;
	background: #f6c4ff;
	width: 95px;
	border-radius: 3px;
	margin-top: 8px;
	padding: 3px 5px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.appintment_box .ap_status_red {
	position: absolute;
	right: 4px;
	top: 4px;
	background: #eb6363;
	color: white;
	padding: 2px 11px;
	font-size: 13px;
	font-weight: 400;
	border-radius: 3px;
}

.appintment_box.border_green {
	border-top: 2px solid #198754;
}

.appintment_box .ap_status_green {
	position: absolute;
	right: -10px;
	top: -10px;
	background: #198754;
	color: white;
	padding: 2px 11px;
	font-size: 13px;
	font-weight: 400;
	border-radius: 3px;
}

.appintment_box.border_yellow {
	border-top: 2px solid #d3b869;
}

.appintment_box .ap_status_yellow {
	position: absolute;
	right: -10px;
	top: -10px;
	background: #d3b459;
	color: white;
	padding: 2px 11px;
	font-size: 13px;
	font-weight: 400;
	border-radius: 3px;
}

.appintment_box.border_red h5 {
	border: 1px solid #b51121;
	display: inline-block;
	padding: 4px 9px;
	font-size: 11px;
	background: #fddee1;
	color: #b51121;
	margin: 0;
	font-weight: 700;
}

.appintment_box.border_green h5 {
	border: 1px solid #198754;
	display: inline-block;
	padding: 4px 9px;
	font-size: 11px;
	background: #f2fff9;
	color: #198754;
	margin: 0;
	font-weight: 700;
}

.appintment_box.border_yellow h5 {
	border: 1px solid #bf9310;
	display: inline-block;
	padding: 4px 9px;
	font-size: 11px;
	background: #fff9e6;
	color: #765b0a;
	margin: 0;
	font-weight: 700;
}

.appintment_box ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 6px;
}

.appintment_box ul li {
	font-size: 13px;
	color: #424242;
	line-height: 20px;
}

.appintment_box ul li strong {
	width: 114px;
	display: inline-block;
	font-weight: 500;
	color: black;
	text-transform: capitalize;
}

.appintment_box h3 {
	font-weight: 500;
	font-size: 19px;
	margin-bottom: 0;
}

.appintment_box h3 span {
	display: block;
	font-weight: 400;
	font-size: 13px;
	margin-top: 8px;
	color: grey;
}

.appintment_box h6 {
	margin: 6px 0;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 400;
}

.appintment_box .ap_status {
	color: white;
	position: absolute;
	right: -8px;
	top: 7px;
	font-weight: 600;
	font-size: 12px;
	background: rgb(229, 101, 101);
	padding: 3px 6px;
}

.appintment_box .app_ftr {
	border-top: 1px solid #80808057;
	padding-top: 10px;
	margin-top: 10px;
}

.appintment_box .app_ftr button {
	padding: 4px 10px !important;
	min-height: auto !important;
	font-weight: 400 !important;
	font-size: 13px !important;
}

.card-header {
	background: transparent;
	font-weight: 500;
	font-size: 18px;
}

.appintment_box .srNo {
	position: absolute;
	background: #b154c9;
	top: 0;
	right: 0;
	height: 24px;
	width: 25px;
	text-align: center;
	color: white;
}

.staffsignbx {
	border: 1px solid #d9d9d9;
	height: 48px;
	width: 100%;
}

.staffsignbx img {
	height: 48px;
	width: 100%;
	object-fit: contain;
}

.login_nw .login_right .newdsn {
	border-bottom: 1px solid #bfbfbf;
	position: relative;
}

.rz-cell-filter .rz-cell-filter-label {
	height: auto !important;
}

.rz-cell-filter {
	padding: 4px 8px;
}

.nitify_container .toggle-checkbox {
	display: none;
}

.nitify_container .not_bx {
	padding-right: 13px;
	position: relative;
}

.nitify_container {
	position: absolute;
	right: 9px;
	top: 10px;
	z-index: 23;
}

.nitify_container .content {
	display: block;
	padding: 10px;
	background-color: #ffe9e9;
	border-radius: 5px;
	width: 300px;
	margin-bottom: 5px;
	box-shadow: 3px 4px 11px #545454;
}

.nitify_container .content p {
	margin: 0;
	color: #9b0808;
	font-weight: 500;
}

.nitify_container .close-btn {
	position: absolute;
	top: 5px;
	right: 10px;
	cursor: pointer;
	font-size: 16px;
	background: #b50e0e;
	height: 20px;
	width: 20px;
	text-align: center;
	border-radius: 5px;
	font-size: 13px;
}

.nitify_container button {
	position: absolute;
	top: 0px;
	right: 0px;
	border-radius: 50%;
	width: 23px;
	height: 23px !important;
	font-size: 13px !important;
	padding: 0 !important;
}

.toggle-checkbox:checked~.content {
	display: none;
}

.nitify_container .content p:empty {
	display: none;
}

.nitify_container .content p:empty~.close-btn {
	display: none;
}

.nitify_container .content p:empty~.content {
	display: none;
}

.nitify_container .content p:empty {
	display: none;
}

.nstafdash {
	position: relative;
}

.staffbtns {
	position: relative;
}

.timatbelstaff {
	height: 225px;
	margin-top: 12px;
	overflow-x: hidden;
}

.pl-1 {
	padding-left: 4px;
}

.ct .caltable td {
	height: 27px !important;
}

.ptm_bx {
	border-radius: 5px;
	background: linear-gradient(180deg, #ffffff, transparent);
	padding: 10px;
	height: 100vh;
	text-align: center;
	align-items: center;
}

.ptm_bx h3 {
	font-weight: 700;
	font-size: 19px;
	margin-bottom: 1px;
	margin-top: 0;
	text-transform: uppercase;
	background: #4b77cf;
	padding: 10px 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: white;
}

.ptm_bx h3 span {
	font-weight: 500;
	text-transform: uppercase;
	display: block;
	border-radius: 5px;
	font-size: 15px;
	margin-bottom: 0px;
	padding: 3px 3px;
}

.ptm_bx h4 {
	padding: 3px 0px;
	color: #383838;
	font-size: 17px;
	text-transform: uppercase;
	border: 1px solid #c2c2c2;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin: 0;
	margin-top: -1px;
	background: #efefef;
}

.ptm_bx h6 {
	margin: 7px 0;
	font-size: 15px;
	border-bottom: 1px solid grey;
	padding: 4px 10px;
	color: red;
	border: 1px dotted red;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 3px;
}

.ptm_bx h6 span {
	display: block;
	font-size: 17px;
}

.ptm_bx h5 {
	margin: 0;
	font-size: 15px;
	font-weight: 500;
}

.ptm_bx h5 span {
	font-size: 15px;
	display: block;
	font-weight: 700;
	color: #e50000;
	border: 2px dotted red;
	border-radius: 5px;
	width: 94px;
	margin: 10px auto 0;
}

.m_not_bx .rz-button {
	padding: 1px !important;
	min-width: 16px;
	height: 51px;
}

.m_not_bx .rz-button i {
	font-size: 15px;
	color: white;
}

.m_not_bx .not_bx {
	border-radius: 3px;
	padding: 10px 30px;
	background: #ffe4c4;
}

.m_not_bx .not_bx h6 {
	font-size: 14px;
	font-weight: 700;
	color: #262525;
}

.m_not_bx .not_bx button {
	background-color: #28a745 !important;
	padding: 2px 10px !important;
	font-weight: 600 !important;
	height: auto;
	margin-top: 3px;
}

.m_not_bx .rz-carousel-prev {
	left: 0;
}

.m_not_bx .rz-carousel-next {
	right: 0;
}

.m_not_bx .rz-carousel {
	display: contents;
}

.m_not_bx .rz-carousel-pager-bottom {
	display: none !important;
}

.m_not_bx {
	position: fixed;
	bottom: 58px;
	background: #ffe4c4;
	padding: 0;
	box-shadow: 4px 10px 27px 4px #ababab;
	right: 25px;
	border-radius: 5px;
	width: 200px;
	animation: bounce 2s infinite;
	transition: animation 0.2s ease-in-out;
}

.m_not_bx:hover {
	animation: none;
}

.m_not_bx h5 {
	font-size: 14px;
	margin-bottom: 12px;
	color: white;
	font-weight: 400;
}

.m_not_bx .rz-carousel-items {
	align-items: baseline;
	justify-content: left;
}

.m_not_bx button {
	min-height: auto !important;
	line-height: 22px !important;
	background-color: #938206 !important;
	margin-top: 20px;
}

.m_not_bx button .rz-button-text {
	font-weight: 400;
}

@keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}

	40% {
		transform: translateY(-30px);
	}

	60% {
		transform: translateY(-15px);
	}
}

@keyframes scroll-up {
	0% {
		transform: translateY(0%);
	}

	100% {
		transform: translateY(-100%);
	}
}

.container-move-btn .rz-button.rz-dark {
	background-color: #817d04 !important;
}

.s_pr_btn {
	display: flex;
	justify-content: space-between;
}

.rz-dialog {
	min-height: auto !important;
}

.rz-dialog-wrapper {
	z-index: 12345 !important;
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / 74%);
	z-index: 1;
	backdrop-filter: blur(2px);
}

.slide-out-panel {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 375px;

	background: #fff;
	box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease-in-out;
	transform: translateX(100%);
	z-index: 1050;
	top: 0;
	margin-top: 0 !important;
	display: flex;
	flex-direction: column;
}

.compact-save-header {
	padding: 10px 15px;
	background: #fff;
	border-bottom: 1px solid #e0e0e0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: sticky;
	top: 0;
	z-index: 10;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.panel-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 7px 10px;
	background-color: #11537a;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.panel-header h5 {
	font-size: 16px;
	font-weight: 500;
	margin: 0;
	color: white;
	display: flex;
	align-items: center;
	gap: 10px;
}

.panel-content {
	padding: 1rem;
	overflow-y: scroll;
	height: 100vh;
	padding-bottom: 35px;
}

.close-btn {
	background: none;
	border: none;
	font-size: 1.5rem;
	cursor: pointer;
	color: white;
}

.stu_in_box {
	border-radius: 10px;
	background: #ffffff;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	position: relative;
}

.stu_in_box button {
	padding: 5px 12px !important;
}

.stu_in_box .card-body {
	padding: 0;
}

.stu_in_box:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
}

.stu_in_box .badge-purple {
	background-color: #9b59b6;
	color: #fff;
	font-weight: 500;
}

.stu_in_box .card-text {
	font-size: 14px;
	height: 65px;
	overflow: hidden;
}

.stu_in_box .card-title {
	font-size: 17px;
}

.stu_in_box .btn i {
	margin-right: 0;
	font-size: 16px;
}

.teacher_card {
	background: #ffffff;
	color: #0f172a;
	border-radius: 10px;
	padding: 10px;
	margin: 0px 0;
	min-height: 120px;
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.teacher_card:hover {
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
	transform: translateY(-3px);
}

.teacher_card .profile-img {
	width: 60px;
	height: 60px;
	border-radius: 12px;
	object-fit: cover;
	background-color: #f2f2f2;
	margin-right: 6px;
	float: left;
}

.teacher_card .card-body {
	padding: 0;
}

.teacher_card h6 {
	font-size: 1rem;
}

.teacher_card p {
	font-size: 12px;
	margin-top: 10px;
	border-top: 1px solid #8080804f;
}

.stu_profile .profile-card {
	background: #fff;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(13, 148, 136, 0.08);
	border: 1px solid rgba(13, 148, 136, 0.1);
	transition: box-shadow 0.3s ease, transform 0.3s ease;
	min-height: 527px;
}

.stu_profile .profile-card:hover {
	box-shadow: 0 8px 28px rgba(13, 148, 136, 0.12);
}

.stu_profile .profile-header {
	background: linear-gradient(135deg, #0d9488 0%, #0f766e 100%);
	padding: 18px 20px;
	color: #fff;
	text-align: center;
}

.stu_profile .profile-header h5 {
	margin-bottom: 4px;
	font-weight: 700;
	font-size: 18px;
	color: white;
	letter-spacing: 0.3px;
}

.stu_profile .profile-header p {
	font-weight: 500;
	font-size: 14px;
	opacity: 0.95;
}

.stu_profile .profile-image {
	width: 130px;
	height: 150px;
	object-fit: cover;
	border-radius: 14px;
	border: 3px solid rgba(13, 148, 136, 0.25);
	margin-top: -22px;
	background: #f0fdfa;
	display: inline-block;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}

.stu_profile .card-section {
	padding: 16px 18px 18px;
}

.stu_profile .p_bx span,
.stu_profile .card-section span {
	font-weight: 500;
	color: #64748b;
	font-size: 13px;
}

.stu_profile .p_bx .n_head,
.stu_profile .card-section .n_head {
	font-weight: 600;
	color: #334155;
	font-size: 13px;
}

.stu_profile .p_bx {
	width: 78%;
	position: relative;
}

.stu_profile .info-item {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	border-bottom: 1px solid #e2e8f0;
	padding: 8px 0;
	gap: 12px;
}

.stu_profile .card-title {
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 14px;
	border-bottom: 2px solid #0d9488;
	padding-bottom: 8px;
	text-align: center;
	color: #0f172a;
}

.stu_profile .parent-card {
	background: white;
	border: 1px solid rgba(13, 148, 136, 0.12);
	border-radius: 10px;
	padding: 14px;
	margin-bottom: 24px;
	box-shadow: 0 2px 12px rgba(13, 148, 136, 0.06);
	transition: box-shadow 0.3s ease;
}

.stu_profile .parent-card:hover {
	box-shadow: 0 4px 20px rgba(13, 148, 136, 0.1);
}

.stu_profile .parent-header {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 0.95rem;
	margin-bottom: 10px;
	border-bottom: 1px solid #a4a4a4;
	padding-bottom: 8px;
	color: #2f2f2f;
	letter-spacing: 0.5px;
}

.stu_profile .parent-photo {
	width: 88px;
	height: 104px;
	object-fit: cover;
	background: #f0fdfa;
	border-radius: 12px;
	margin-top: -26px;
	border: 3px solid rgba(13, 148, 136, 0.2);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
	flex-shrink: 0;
}

.total_att {
	background: #ffe0e0;
	padding: 7px 12px;
	color: #880f0f;
	border-radius: 4px;
	float: left;
	border: 1px solid red;
	font-weight: 600;
}

.total_att span {
	font-weight: 700;
	font-size: 18px;
}

.card_syllabus .card-text {
	height: auto;
}

.visitor_card {
	background: #ffffff;
	border-radius: 10px;
	padding: 15px;
	margin: 0 0 25px 0;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
	position: relative;
	max-width: 500px;
	overflow: hidden;
	transition: 0.3s ease;
}

.visitor_card:hover,
card_assignemnt:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

.visitor_card .badge-status {
	position: absolute;
	top: 10px;
	right: 10px;
	background: linear-gradient(135deg, #1abc9c, #16a085);
	color: #fff;
	font-size: 0.85rem;
	padding: 3px 9px;
	border-radius: 50px;
	font-weight: 400;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

.visitor_card .visitor-info {
	margin-top: 25px;
}

.visitor_card .visitor-info h5 {
	position: absolute;
	top: 10px;
	left: 10px;
	background: purple;
	color: #fff;
	font-size: 0.85rem;
	padding: 6px 9px;
	border-radius: 50px;
	font-weight: 500;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

.visitor_card .info-item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 2px;
	font-size: 13px;
}

.visitor_card .visitor-highlight {
	border-bottom: 1px solid #bebebe;
}

.visitor_card .visitor-name-label {
	position: absolute;
	top: 7px;
	font-size: 17px;
}

.visitor_card .info-item .label {
	font-weight: 600;
	color: #151515;
}

.visitor_card .info-item .value {
	color: #555;
	text-align: right;
}

.visitor_card .divider {
	height: 1px;
	background: #e0e0e0;
	margin: 10px 0;
}

.visitor_card .action-buttons {
	display: flex;
	gap: 2px;
}

.visitor_card .btn-action {
	border: none;
	border-radius: 30px;
	padding: 10px 20px;
	font-size: 0.95rem;
	font-weight: 600;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	gap: 8px;
}

.card-body-custom h5 {
	font-size: 16px;
}

.card-body-custom .ass_detail {
	height: 105px;
	overflow: hidden;
	margin-bottom: 14px;
}

.card-body-custom .ass_detail p {
	color: #6c757d !important;
}

.payment_card {
	max-width: 600px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	margin-bottom: 20px;
}

.payment_card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.payment_card .card-header {
	font-size: 1.1rem;
	padding: 4px 12px;
	background-color: #c3a819 !important;
}

.payment_card card-body {
	padding: 1.25rem;
}

.payment_card h5 {
	font-size: 15px;
	text-align: center;
	margin: 0;
}

.payment_card h5 span {
	font-size: 21px;
	display: block;
}

.custom-note-card {
	border-radius: 10px;
	border-left: 5px solid #6f42c1;
	background: #ffffff;
	transition: all 0.3s ease;
	margin-bottom: 20px;
}

.custom-note-card ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.custom-note-card:hover {
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
	transform: translateY(-3px);
}

.custom-note-card .badge-date {
	background-color: #aa69c6;
	color: #fff;
	font-weight: 400;
	padding: 5px 10px;
	font-size: 11px;
}

.custom-note-card button {
	padding: 4px 9px !important;
	width: 100% !important;
	margin-top: 8px !important;
}

.custom-note-card .note-text {
	font-size: 0.95rem;
	color: #555;
	line-height: 1.6;
	height: 50px;
	overflow: hidden;
	margin: 0;
}

.custom-note-card h3 {
	font-size: 17px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 7px;
}

.custom-note-card .col-md-3 {
	padding: 0 4px;
}

.card_subject_class {
	border-radius: 10px;
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
	background: white;
	padding: 7px;
	margin-bottom: 15px;
}

.card_subject_class:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15);
}

.card_subject_class .badge-custom {
	font-size: 11px !important;
	color: #1a1a1b !important;
	font-weight: bold !important;
	padding: 4px 16px !important;
	margin-bottom: 10px;
	border: 1px solid #edc7c7;
	background: antiquewhite;
	text-transform: capitalize !important;
}

.card_subject_class .card-body-custom {
	padding: 8px 0 0;
	border-top: 1px solid #cecece;
	display: flex;
}

.card_subject_class .card-header-custom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 5px;
}

.card_subject_class .chat_enable {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 6px;
	font-weight: 600;
	margin-bottom: 7px;
}

.card-body-custom button {
	padding: 5px 6px !important;
}

.leave-card {
	max-width: 500px;
	margin: auto;
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	transition: 0.3s;
}

.leave-card:hover {
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

.leave-card .leave-type {
	background: #23588d;
	color: white;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	padding: 4px 0;
}

.leave-card .leave-data {
	padding: 10px;
}

.leave-card .leave-row {
	display: flex;
	justify-content: space-between;
	margin: 1px 0;
	border-bottom: 1px dotted #b4b4b4;
	padding-bottom: 3px;
}

.leave-card .leave-row:last-child {
	border-bottom: none;
}

.leave-card .leave-label {
	color: #141414;
	font-weight: 500;
	font-size: 13px;
}

.leave-card .leave-value {
	font-weight: 600;
	color: #6d6d6d;
}

.leave-card .balance-highlight {
	background-color: #5b5b5b;
	color: white;
	padding: 0px 0;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.leave-card .leave-actions {
	padding: 5px;
	text-align: center;
	background-color: #f8f9fa;
}

.leave-request {
	max-width: 600px;
	margin: auto;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	transition: 0.3s;
}

.leave-request:hover {
	transform: translateY(-5px);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

.leave-request .status-badge {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #e9c969;
	color: #202020;
	font-size: 12px;
	padding: 4px 13px;
	border-bottom-left-radius: 10px;
	font-weight: 600;
}

.leave-request .leave-header {
	font-weight: 500;
	font-style: italic;
	background-color: #193252;
	padding: 7px;
	font-size: 14px;
	border-bottom: 1px solid #eee;
	padding-top: 27px;
	color: white;
}

.leave-request .leave-body {
	padding: 10px;
}

.leave-request .leave-row {
	display: flex;
	justify-content: space-between;
	padding: 4px 0;
	border-bottom: 1px dotted #c0c0c0;
}

.leave-request .leave-label {
	font-weight: 600;
	color: #252525;
	font-size: 13px;
}

.leave-request .leave-value {
	color: #646464;
	font-size: 13px;
}

.leave-request .leave-reason {
	margin-top: 3px;
	font-weight: 600;
	font-size: 14px;
}

.leave-request .leave-reason-text {
	margin-top: 3px;
	font-size: 14px;
	color: #444;
}

.leave-request .leave-actions {
	padding: 10px;
	border-top: 1px solid #c2c2c2;
	display: flex;
	justify-content: center;
	gap: 4px;
}

.fee_card_defaulter {
	max-width: 400px;
	margin-top: 26px;
	background-color: #ffffff;
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	padding: 10px;
	position: relative;
	margin-bottom: 20px;
	transition: 0.3s;
	padding-top: 21px;
}

.fee_card_defaulter:hover {
	transform: translateY(-5px);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

.fee_card_defaulter .admission-badge {
	position: absolute;
	top: -15px;
	left: 20px;
	background-color: #007bff;
	color: white;
	padding: 4px 12px;
	border-radius: 10px;
	font-weight: 500;
	font-size: 13px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.fee_card_defaulter h5 {
	margin-bottom: 5px;
	padding-bottom: 8px;
	border-bottom: 1px solid #eee;
	font-weight: 600;
	font-size: 18px;
}

.fee_card_defaulter .fee-item {
	margin-bottom: 5px;
	display: flex;
	justify-content: space-between;
}

.fee_card_defaulter .fee-label {
	font-weight: bold;
	color: #333;
}

.fee_card_defaulter .fee-value {
	color: #444;
}

.fee_card_defaulter .balance-highlight {
	background-color: #fff3cd;
	color: #856404;
	padding: 4px 15px;
	border-radius: 10px;
	font-weight: bold;
	display: inline-block;
	margin-top: 0.4rem;
	font-size: 16px;
}

.tocken_card_sec {
	transition: transform 0.4s ease, box-shadow 0.4s ease;
	padding: 10px;
	border-radius: 10px;
	background: white;
	margin-bottom: 10px;
}

.tocken_card_sec h5 {
	font-size: 17px;
	font-weight: 700;
	border-bottom: 1px solid #bfbfbf;
	padding-bottom: 7px;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.tocken_card_sec:hover {
	transform: translateY(-5px) scale(1.03);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}

.tocken_card_sec .meta-info {
	margin-top: 6px;
	padding-top: 2px;
	border-top: 1px solid #bfbfbf;
}

.token-card .profile-img {
	max-width: 85px;
	border-radius: 10%;
	border: 1px solid #ddd;
	transition: transform 0.4s ease;
	height: 108px;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.token-card h5 {
	font-weight: 700;
	font-size: 18px;
}

.token-card .token-heading {
	color: #6a1b9a;
	font-weight: 600;
	font-size: 1.1rem;
}

.token-card .your-token {
	color: #d32f2f;
	font-size: 1.2rem;
	font-weight: bold;
}

.token-card .meta-info {
	font-size: 13px;
	color: #333;
	line-height: 15px;
	margin-bottom: 3px !important;
}

.token-card .meta-info strong {
	color: #555;
}

.token-card .processing-token {
	font-weight: 700;
	color: green;
}

.student_card_ptm {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
	border: none;
	border-radius: 0.5rem;
	background: white;
}

.student_card_ptm:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.student_card_ptm .card-header {
	background-color: #1c73a2;
	color: white;
	font-weight: 600;
	font-size: 15px;
	padding: 3px 12px;
	text-transform: uppercase;
}

.student_card_ptm .info-label {
	color: #1f1f1f;
	font-size: 15px;
	font-weight: 600;
}

.student_card_ptm .info-value {
	color: #555;
	font-size: 13px;
}

.sib_bx {
	display: flex;
	gap: 6px;
	flex-direction: unset;
	flex-wrap: wrap;
	margin-top: 6px;
}

.sib_bx .ptm_bx_new {
	background: #fef0ff;
	padding: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	position: relative;
	flex: 0 0 48%;
	text-align: center;
	border: 1px solid grey;
}

.ptm_sec {
	border: 1px solid grey;
	padding: 10px;
	margin-top: 8px;
}

.sib_bx .ptm_bx_new h3 {
	font-weight: 500;
	margin: 0;
	background: #436475;
	color: white;
	padding: 3px 6px;
	font-size: 13px;
	text-transform: uppercase;
}

.sib_bx .ptm_bx_new h6 {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: -3px;
}

.sib_bx .ptm_bx_new h4 {
	margin: 0;
	padding: 0;
	margin-top: 7px;
	margin-bottom: 10px !important;
}

.sib_bx .ptm_bx_new button {
	padding: 3px 10px !important;
	background-color: #318e31 !important;
}

.leave-card-new {
	background: white;

	border-radius: 10px;
}

.leave-card-new .leave-type {
	padding: 5px 7px;
	font-size: 15px;
	font-weight: 600;
	background: #09bbcb;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: white;
}

.leave-card-new .leave-data-new {
	padding: 10px;
}

.leave-card-new .leave-data-new h4 {
	margin: 0;
	padding: 0;
	margin-bottom: 9px !important;
	font-size: 15px;

	padding: 5px 7px;
	background: #e2e2e2;
}

.leave-card-new .leave-data-new .col_flex_hr {
	display: flex;
	padding: 0 10px;
	align-items: center;
	width: 100%;
}

.leave-card-new .leave-data-new .col_flex_hr input {
	padding: 4px 6px;
	background: #f1f1f1;
	border: 0;
}

.leave-card-new .leave-data-new .col_flex_hr span i {
	font-size: 12px;
	font-weight: 600;
}

.leave-card-new .leave-data-new .col_flex_hr .rz-numeric {
	width: 165px;
	margin-right: 10px;
	border: 0;
	height: auto;
}

.leave-card-new .leave-data-new .col_flex_hr label {
	width: 145px;
	float: left;
}

.leave-card-new .leave-actions {
	text-align: center;
	padding: 9px 0;
	border-top: 1px solid grey;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
}

.chat-panel-content {
	padding: 1rem;
	overflow-y: scroll;
	height: 300px;
	padding-bottom: 15px;
}

.chat-message {
	max-width: 75%;
	padding: 10px 14px;
	margin: 6px 0;
	border-radius: 5px;
	position: relative;
	font-size: 14px;
	line-height: 1.4;
	word-wrap: break-word;
}

.send_msg {
	background-color: #edf9e3;
	align-self: flex-end;
	margin-left: auto;
	text-align: left;
}

.recieved_msg {
	background-color: #e7f5fe;
	align-self: flex-start;
	margin-right: auto;
	text-align: left;
}

.chat-message span {
	display: block;
	font-size: 11px;
	margin-top: 5px;
}

.chat-input {
	border-top: 1px solid #ccc;
	padding: 12px 16px;
	background-color: #fff;
	gap: 10px;
	box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.05);
	bottom: 0;
	z-index: 1;
	position: fixed;
	left: 0;
	right: 0;
}

.chat-input .rz-textbox {
	flex-grow: 1;
	padding: 10px 14px;
	border-radius: 20px;
	border: 1px solid #ccc;
	font-size: 14px;
	transition: border-color 0.3s;
}

.chat-input .rz-textbox:focus {
	border-color: #128c7e;
	outline: none;
}

.rz-grid-table-striped tr.highlight-row {
	background-color: #fff3cd !important;
	font-weight: 500;
}

.chat-input .rz-button {
	background-color: #349d91 !important;
	color: white;
	padding: 8px 18px;
	font-size: 14px;
	border: none;
	transition: background-color 0.3s;
	min-width: 100px;
}

.chat-input .rz-button:hover {
	background-color: #0d6d5a;
}

@media (max-width: 768px) {
	.chat-message {
		max-width: 90%;
	}
}

.student-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 18px;
	border-bottom: 1px solid #eee;
	cursor: pointer;
}

.student-item img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
}

.chat-message {
	margin-bottom: 8px;
	padding: 8px;
	border-radius: 8px;
	max-width: 80%;
}

.sent {
	background-color: #daf1da;
	align-self: flex-end;
	text-align: right;
}

.received {
	background-color: #e4e6eb;
}

.chat-input {
	display: flex;
	gap: 10px;
}

.chat-input input {
	flex-grow: 1;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.chat-input button {
	background: #28a745;
	color: white;
	border: none;
	padding: 8px 12px;
	border-radius: 5px;
	cursor: pointer;
}

.chat_btn {
	position: fixed;
	bottom: 57px;
	right: 8px;
	z-index: 1;
}

.chat_btn .chat-toggle-btn {
	background-color: #59b66f;
	color: white;
	border: none;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	font-size: 24px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	cursor: pointer;
}

.chat_btn span {
	position: absolute;
	right: 0;
	background: #d26f6f;
	bottom: 36px;
	height: 22px;
	width: 22px;
	border-radius: 46%;
	color: white;
	font-weight: 600;
	text-align: center;
	line-height: 19px;
}

.custom-panel {
	position: fixed;
	top: 0;
	right: -400px;
	width: 350px;
	height: 100%;
	background: #fff;
	box-shadow: -3px 0 10px rgba(0, 0, 0, 0.3);
	transition: right 0.3s ease-in-out;
	z-index: 999;
	padding: 0px;
	overflow-y: auto;
}

.custom-panel.open,
.chatbox-panel.open {
	right: 0;
}

.custom_panel_headr {
	background: #4874c3;
	color: white;
	position: relative;
	padding: 2px 0;
}

.custom_panel_headr h3 {
	margin: 0;
	color: white;
	font-size: 17px;
	padding: 7px 10px;
	font-weight: 400;
}

.custom_panel_headr button {
	position: absolute;
	top: 2px;
	right: 7px;
}

.close-btn {
	background: transparent;
	border: none;
	font-size: 20px;
	float: right;
	cursor: pointer;
}

.student-item {
	display: flex;
	align-items: center;
	padding: 10px;
	border-bottom: 1px solid #eee;
	cursor: pointer;
	transition: background-color 0.2s;
	gap: 10px;
}

.student-item:hover {
	background-color: #f5f5f5;
}

.student-item img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.student-details {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.student-details span {
	background: #ed7b7b;
	border-radius: 8px;
	font-weight: 500;
	text-align: center;
	color: white;
	position: absolute;
	right: 27px;
	top: 8px;
	font-size: 12px;
	line-height: 20px;
}

.chat-message {
	padding: 8px 12px;
	background-color: #f1f1f1;
	border-radius: 10px;
	margin-bottom: 10px;
	max-width: 80%;
}

.chat-input {
	display: flex;
	margin-top: 20px;
	gap: 10px;
}

.chat-input input {
	flex: 1;
	padding: 8px;
	border-radius: 6px;
	border: 1px solid #ccc;
}

.chat-input button {
	padding: 8px 16px;
	border: none;
	border-radius: 6px;
	background: #007bff;
	color: white;
	cursor: pointer;
}

.student-card-chat {
	display: flex;
	align-items: center;
	padding: 10px;
	border-radius: 12px;
	background-color: #f9f9fb;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	transition: background-color 0.2s ease;
}

.student-card-chat:hover {
	background-color: #eef1f7;
}

.student-card-chat img {
	width: 72px;
	height: 95px;
	object-fit: cover;
	border-radius: 10% !important;
	border: 2px solid #dee2e6;
}

.student-chat-detail h6 {
	margin: 0;
	background: transparent;
	padding: 0;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 700;
}

.student-chat-detail p {
	margin: 0;
	font-size: 13px;
}

.final_fee_popup {
	padding: 13px 11px;
}

.final_fee_popup .final_fee_popup_box {
	text-align: center;
}

.final_fee_popup .final_fee_popup_box h5 {
	font-size: 17px;
	text-transform: uppercase;
	color: black;
	font-weight: 500;
}

.final_fee_popup .final_fee_popup_box p {
	margin: 0;
	background: beige;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 12px;
}

.material-container .rz-tabview-nav a {
	padding: 12px 30px !important;
	border-radius: 50px;
	background: #e2e2e2;
}

.material-container .rz-tabview-nav .rz-tabview-selected a {
	color: #fff !important;
	background: #0d64a2;
}

.material-container .rz-tabview-nav a:hover {
	color: #fff !important;
	background: #0d64a2;
}

.material-container .rz-tabview-nav li {
	background: transparent !important;
	border: 0 !important;
}

.material-container {
	background: #ffffff;
	border-radius: 10px;
	padding: 2rem;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease-in-out;
}

.material-container h2 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 29px;
	border-bottom: 1px solid #cecece;
	padding-bottom: 14px;
}

.material-tabs .rz-tabs-header {
	background: #ffffff;
	border-bottom: 2px solid #dee2e6;
	padding-bottom: 0.5rem;
}

.material-container .rz-tabview-top>.rz-tabview-nav {
	margin-bottom: 14px;
}

.material-tabs .rz-tab {
	padding: 0.75rem 1.5rem;
	margin-right: 0.5rem;
	border: none;
	border-radius: 8px 8px 0 0;
	background-color: #dee2e6;
	color: #495057;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.2s;
}

.material-tabs .rz-tab:hover {
	background-color: #ced4da;
}

.material-tabs .rz-tab-active {
	background-color: #198754;
	color: #fff;
}

.material-input {
	border: 1px solid #ced4da;
	border-radius: 0.5rem;
	padding: 0.5rem 1rem;
	background-color: #f8f9fa;
	transition: border 0.3s;
}

.material-input:focus {
	border-color: #198754;
	outline: none;
	background-color: #fff;
}

.material-btn {
	padding: 0.6rem 1.2rem;
	font-weight: 600;
	border-radius: 0.5rem;
	border: none;
	transition: background-color 0.3s, box-shadow 0.3s;
}

.material-btn.btn-success {
	background-color: #198754;
	color: #fff;
}

.material-btn.btn-success:hover {
	background-color: #157347;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.material-btn.btn-info {
	background-color: #0dcaf0;
	color: #fff;
}

.material-btn.btn-info:hover {
	background-color: #0bb3d4;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.material-container .rz-tabview-top>.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
	border: 0 !important;
}

.student-card {
	background: #ffffff;
	border-radius: 1rem;
	text-align: center;
	transition: transform 0.3s, box-shadow 0.3s;
	border: 1px solid #dee2e6;
	margin-bottom: 15px;
}

.student-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
}

.student-card button {
	width: 100%;
}

.student-card-header {
	border-bottom: 1px solid #e9ecef;
	padding-bottom: 0.5rem;
	margin-bottom: 1rem;
}

.student-card-header span {
	padding: 7px 11px;
	color: white;
}

.student-card-body h5 {
	margin-bottom: 0.5rem;
	color: #212529;
	font-size: 18px;
	font-weight: 500;
	text-align: left;
	margin-left: 8px;
	margin: 0;
}

.student-card-body img {
	border: 1px solid #d6d6d6;
	width: 62px !important;
	border-radius: 5px !important;
	height: 64px !important;
	margin: 0 !important;
}

.help-section {
	background: #f8d1d1;
	border-radius: 0 !important;
	line-height: 1.6;
	font-size: 0.95rem;
	height: 100vh;
}

.help-section h4 {
	color: #198754;
	margin-bottom: 1rem;
	font-weight: bold;
}

.help-section ul li {
	margin-bottom: 0.75rem;
}

.help-section ul ul li {
	list-style: circle;
	margin-left: 1rem;
}

@media (max-width: 768px) {
	.notice-panel {
		padding: 0 0;
	}

	.publicnoticedetl {
		height: auto;
	}

	.parent_link {
		padding: 20px;
	}

	.material-container {
		margin-bottom: 10px;
	}

	.material-container .rz-tabview-nav {
		display: flex !important;
	}

	.material-container .rz-tabview-nav a {
		padding: 9px 15px !important;
	}

	.search-section button {
		margin-top: 15px !important;
	}

	.nonstagbothday h6 {
		text-align: center;
	}

	.student-card {
		margin-bottom: 1rem;
	}

	.material-tabs .rz-tab {
		font-size: 0.9rem;
		padding: 0.5rem 1rem;
	}

	.material-container {
		padding: 1rem;
	}
}

@media (max-width: 768px) {
	.student-thumbnail-mark-entry .btn {
		width: 100%;
		margin-bottom: 10px;
	}
}

.fee_ui_modify .student-box .amount {
	margin-top: 0px;
	font-size: 22px;
	color: #28a745;
	font-weight: bold;
}

.fee_ui_modify .footer {
	display: flex;
	margin-top: 10px;
	justify-content: space-between;
	gap: 21px;
	align-items: center;
	background: #dfc5ff;
	padding: 15px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top: 2px solid #8f6fb8;
}

.fee_ui_modify .footer input {
	width: auto;
	flex-grow: 1;
	padding: 10px;
	border-radius: 6px;
	border: 1px solid #ccc;
}

.fee_ui_modify .footer button {
	color: white;
}

.fee_ui_modify .btn-green {
	background: #28a745;
}

.fee_ui_modify .btn-blue {
	background: #0d6efd;
}

.fee_ui_modify .btn-red {
	background: #dc3545;
}

.bt-1 {
	border-top: 1px solid #d9d9d9;
	padding-top: 10px;
}

.m_margin_bottom {
	margin-bottom: 10px;
}

.staff_view_detail .staff_v_dtl_htop {
	max-width: 100%;
	display: grid;
	grid-template-columns: 300px 1fr;
	gap: 22px;
	align-items: flex-start;
}

.staff_view_detail .staff-box {
	background: #ffffff;
	padding: 14px 14px 10px;
	border-radius: 14px;
	box-shadow: 0 10px 30px rgba(15, 118, 110, 0.12);
	text-align: center;
	border: 1px solid #e0f2f1;
	position: relative;
	overflow: hidden;
}

.staff_view_detail .staff-box img {
	width: 96px;
	height: 96px;
	border-radius: 50%;
	border: 4px solid #14b8a6;
	margin-bottom: 4px;
	box-shadow: 0 8px 18px rgba(20, 184, 166, 0.4);
	object-fit: cover;
}

.staff_view_detail .staff-box h2 {
	font-size: 17px;
	margin-top: 4px;
	font-weight: 700;
	margin-bottom: 4px;
	color: #0f172a;
}

.staff_view_detail .staff-box .tag,
.staff_view_detail .staff-box .badge {
	display: inline-block;
	padding: 3px 12px;
	border-radius: 999px;
	margin: 5px 4px;
	font-size: 11px;
	font-weight: 500;
	line-height: normal;
}

.staff_view_detail .tag {
	background: linear-gradient(90deg, #06b6d4 0%, #0f766e 100%);
	color: #ffffff;
}

.staff_view_detail .badge {
	background: #ecfeff;
	color: #0f766e;
	border: 1px solid #a5f3fc;
}

.staff_view_detail .staff-box .info-item {
	font-size: 12px;
	margin: 2px 0;
	color: #4b5563;
}

.staff_view_detail .address-box {
	background: #ecfdf5;
	padding: 10px 10px 8px;
	border-top: 1px dashed #6ee7b7;
	border-bottom-left-radius: 14px;
	border-bottom-right-radius: 14px;
}

.staff_view_detail .address-box .section-header {
	font-size: 13px;
	margin-bottom: 8px;
	font-weight: 600;
	border-left: 3px solid #0f766e;
	padding-left: 8px;
	color: #0f172a;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.staff_view_detail .staff_bx_pro {
	padding: 6px 6px 4px;
}

.staff_view_detail .address-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
	font-size: 13px;
}

.staff_view_detail .address-grid div {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.staff_view_detail .address-grid label {
	font-size: 10px;
	color: #777;
	text-transform: uppercase;
}

.staff_view_detail .address-grid span {
	font-weight: 600;
	color: #333;
}

.staff_view_detail .info-panel {
	background: #fff;
	padding: 15px;
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.staff_view_detail .section-header {
	font-size: 16px;
	margin-bottom: 15px;
	font-weight: 600;
	border-left: 4px solid #2196f3;
	padding-left: 10px;
	color: #333;
}

.staff_view_detail .info-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 10px;
}

.staff_view_detail .info-box {
	background: #f4f7fb;
	border: 1px solid #ededed;
	padding: 8px 8px;
	border-radius: 5px;
}

.staff_view_detail .info-box label {
	font-size: 10px;
	color: #777;
	display: block;
	text-transform: uppercase;
	margin-bottom: 2px;
}

.staff_view_detail .info-box span {
	font-size: 13px;
	font-weight: 600;
	color: #333;
}

.staff_view_detail .full-width {
	grid-column: 1 / -1;
}

.marquee-container1 {
	height: 294px;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
	scrollbar-width: thin;
	scrollbar-color: #9395de #f1f1f1;
}

.marquee-container1::-webkit-scrollbar {
	width: 6px;
}

.marquee-container1::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 3px;
}

.marquee-container1::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 3px;
}

.marquee-container1::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.marquee-content1 {
	display: block;
	width: 100%;
	padding: 10px;
	animation: scroll-up 30s linear infinite;
}

.marquee-content1 .student_not {
	margin-bottom: 13px;
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 6px;
}

.marquee-container1:hover .marquee-content1 {
	animation-play-state: paused;
}

.marquee-content1 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.stunotbox {
	display: flex;
	justify-content: flex-start;
	gap: 3px;
	width: 100%;
}

.fee_pen_btns {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #dfdfdf;
	padding-top: 10px;
}

.stu_ass_btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
	margin-top: 12px;
	border-top: 1px solid #d7d7d7;
	padding-top: 7px;
}

.stu_home_dtl_btns {
	display: flex;
	gap: 11px;
	border: 1px solid #d1aeae;
	background: #f6f6f5;
	padding: 7px 13px;
	border-radius: 5px;
	margin-bottom: 9px;
	align-items: center;
}

@media (max-width: 768px) {
	.mobile-footer-tabs {
		display: flex;
		justify-content: space-around;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background: #fff;
		border-top: 1px solid #ddd;
		box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1);
		z-index: 9999;
	}

	.mobile-footer-tabs a {
		flex: 1;
		text-align: center;
		padding: 12px 0;
		font-size: 14px;
		color: #333;
		font-weight: 500;
		background: #ffffff;
		border-right: 1px solid #d4d4d4;
	}

	.mobile-footer-tabs a i {
		font-size: 12px;
		display: block;
		margin-bottom: 0px;
		background: #c9eeff;
		height: 26px;
		width: 26px;
		border-radius: 50%;
		text-align: center;
		line-height: 26px;
	}

	.mobile-footer-tabs a:first-child {
		margin: 0 4px;
		padding: 6px 0;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
		border-right: 1px solid #d2d2d2;
	}

	.mobile-footer-tabs a:first-child i {
		color: #ff5722;
	}
}

.student-info-box {
	display: flex;
	align-items: center;
	background: #ffffff;
	border-radius: 12px;
	padding: 12px 14px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
	border: 1px solid rgba(0, 0, 0, 0.06);
	width: 100%;
	gap: 8px;
	position: relative;
	margin-bottom: 10px;
}

.student-info-box img {
	height: 58px;
	width: 50px;
	border: 1px solid #c9c9c9;
	border-radius: 8px;
}

.student-info-box h6 {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 11px;
	background: #fe6c6c;
	padding: 3px 9px;
	color: white;
	font-weight: 500;
	display: inline-block;
	border-top-right-radius: 10px;
	margin: 0;
}

.student-info-box .student-photo {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 16px;
	border: 2px solid #dee2e6;
}

.student-info-box .student-details {
	display: flex;
	flex-direction: column;
}

.student-info-box .student-name {
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	color: #000000;
}

.student-info-box .student-class {
	font-size: 11px;
	color: #555;
	margin-top: 0px;
	margin-bottom: 0;
}

.student-info-box a {
	color: white;
	background: #4047a7;
	display: inline-block;
	max-width: 75px;
	font-size: 10px;
	font-weight: 500;
	padding: 6px 12px;
	border-radius: 8px;
	text-align: center;
	margin-top: 4px;
}

.mobile-menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000de;
	z-index: 2221;
	cursor: pointer;
	opacity: 0;
	animation: fadeIn 0.3s ease forwards;
}

.mobile-menu-close-btn {
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
	z-index: 2223;
	transition: background-color 0.3s ease;
}

.mobile-menu-close-btn:hover {
	background-color: rgba(255, 255, 255, 0.3);
}

.mobile-menu-close-btn i {
	color: white;
	font-size: 20px;
}

.menu-header {
	background: linear-gradient(135deg, #010115 0%, #071b51 100%);
	padding: 10px;
	text-align: center;
	border-bottom: 2px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.menu-header .brand-section {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	gap: 5px;
}

.menu-header .brand-section img {
	max-width: 44px;
}

.menu-header .brand-section h6 {
	font-size: 14px;
	text-align: left;
	margin: 0;
	color: white;
	font-weight: 500;
}

.menu-header .academic-year {
	background: #1a284a;
	border-radius: 5px;
	margin-top: 5px;
	color: white;
	border: 1px solid #5d5daf;
	font-size: 12px;
	display: inline-block;
	padding: 0px 10px;
}

@media (max-width: 768px) {
	.student-details {
		gap: 3px !important;
	}

	.nav-item a {
		padding: 12px 10px;
		transition: all 0.3s ease;
	}

	.nav-item a.active {
		background: #02091c;
	}

	.nav-item a:hover {
		background: #02091c;
		transition: all 0.3s ease;
	}

	.rz-navigation-menu li {
		padding: 0px 0 !important;
	}

	.menuleftfix:not(.collapse) {
		left: 0;
	}
}

@keyframes iconBounce {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-4px);
	}
}

.staff-detail-modern .form-group {
	margin-bottom: 20px;
}

.staff-detail-modern .form-group label {
	font-weight: 600;
	color: #374151;
	font-size: 14px;
	margin-bottom: 8px;
	display: block;
}

.staff-detail-modern .form-control {
	border: 2px solid #e5e7eb !important;
	border-radius: 8px !important;
	padding: 10px 14px !important;
	font-size: 14px !important;
	transition: all 0.3s ease !important;
	background: #f9fafb !important;
}

.staff-detail-modern .form-control:focus {
	border-color: #3b82f6 !important;
	background: white !important;
	box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
	outline: none !important;
}

.staff-detail-modern .wardphoto {
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	border: 3px solid #e5e7eb;
	transition: all 0.3s ease;
}

.staff-detail-modern .wardphoto:hover {
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
	transform: scale(1.02);
}

.staff-detail-modern .pichange_stu_pulic {
	margin-top: 12px;
}

.staff-detail-modern .pichange_stu_pulic button {
	width: 100%;
	background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
	color: white;
	border: none;
	padding: 10px 16px;
	border-radius: 8px;
	font-weight: 600;
	transition: all 0.3s ease;
}

.staff-detail-modern .pichange_stu_pulic button:hover {
	background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.staff-detail-modern .staffsignbx {
	border: 2px dashed #d1d5db;
	border-radius: 8px;
	padding: 20px;
	background: #f9fafb;
	text-align: center;
	min-height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.staff-detail-modern .staffsignbx img {
	max-height: 100px;
	border-radius: 4px;
}

.staff-detail-modern .input-group-text {
	background: linear-gradient(135deg, #e5e7eb 0%, #d1d5db 100%);
	border: 2px solid #e5e7eb;
	border-right: none;
	color: #374151;
	font-weight: 600;
	border-radius: 8px 0 0 8px;
}

.staff-detail-modern .input-group .form-control {
	border-left: none !important;
	border-radius: 0 8px 8px 0 !important;
}

.staff-leave-status-modern {
	background: #fff;
	padding: 0;
}

.staff-leave-status-modern .leave-summary-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 12px;
	padding: 12px;
}

.staff-leave-status-modern .leave-card {
	background: white;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
	transition: box-shadow 0.3s ease;
	border: 1px solid #e5e7eb;
	width: 100%;
}

.staff-leave-status-modern .leave-card:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.staff-leave-status-modern .leave-card-header {
	background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
	padding: 7px 14px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.staff-leave-status-modern .leave-icon-wrapper {
	background: rgba(255, 255, 255, 0.2);
	width: 20px;
	height: 20px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.staff-leave-status-modern .leave-icon-wrapper i {
	font-size: 12px;
	color: white;
}

.staff-leave-status-modern .leave-type-name {
	margin: 0;
	color: white;
	font-size: 15px;
	font-weight: 600;
}

.staff-leave-status-modern .leave-card-body {
	padding: 10px;
}

.staff-leave-status-modern .leave-stats-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 5px;
}

.staff-leave-status-modern .leave-stat-item {
	background: #f9fafb;
	padding: 6px;
	border-radius: 5px;
	border: 1px solid #e5e7eb;
	transition: all 0.3s ease;
	position: relative;
}

.staff-leave-status-modern .leave-stat-item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 100%;
}

.staff-leave-status-modern .leave-stat-item:hover {
	border-color: currentColor;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.staff-leave-status-modern .leave-stat-item.credit::before {
	background: #10b981;
}

.staff-leave-status-modern .leave-stat-item.credit:hover {
	border-color: #10b981;
}

.staff-leave-status-modern .leave-stat-item.applied::before {
	background: #3b82f6;
}

.staff-leave-status-modern .leave-stat-item.applied:hover {
	border-color: #3b82f6;
}

.staff-leave-status-modern .leave-stat-item.approved::before {
	background: #8b5cf6;
}

.staff-leave-status-modern .leave-stat-item.approved:hover {
	border-color: #8b5cf6;
}

.staff-leave-status-modern .leave-stat-item.rejected::before {
	background: #ef4444;
}

.staff-leave-status-modern .leave-stat-item.rejected:hover {
	border-color: #ef4444;
}

.staff-leave-status-modern .leave-stat-item.consumed::before {
	background: #f59e0b;
}

.staff-leave-status-modern .leave-stat-item.consumed:hover {
	border-color: #f59e0b;
}

.staff-leave-status-modern .leave-stat-item.balance::before {
	background: #06b6d4;
}

.staff-leave-status-modern .leave-stat-item.balance:hover {
	border-color: #06b6d4;
}

.staff-leave-status-modern .stat-label {
	font-size: 11px;
	text-transform: uppercase;
	color: #6b7280;
	font-weight: 600;
	letter-spacing: 0.3px;
	margin-bottom: 4px;
}

.staff-leave-status-modern .stat-value {
	font-size: 18px;
	font-weight: 700;
	color: #1f2937;
	line-height: 1;
}

.staff-leave-status-modern .leave-stat-item.credit .stat-value {
	color: #059669;
}

.staff-leave-status-modern .leave-stat-item.applied .stat-value {
	color: #2563eb;
}

.staff-leave-status-modern .leave-stat-item.approved .stat-value {
	color: #7c3aed;
}

.staff-leave-status-modern .leave-stat-item.rejected .stat-value {
	color: #dc2626;
}

.staff-leave-status-modern .leave-stat-item.consumed .stat-value {
	color: #d97706;
}

.staff-leave-status-modern .leave-stat-item.balance .stat-value {
	color: #0891b2;
}

.staff-leave-status-modern::-webkit-scrollbar {
	width: 6px;
}

.staff-leave-status-modern::-webkit-scrollbar-track {
	background: #f1f5f9;
}

.staff-leave-status-modern::-webkit-scrollbar-thumb {
	background: #cbd5e1;
	border-radius: 3px;
}

.staff-leave-status-modern::-webkit-scrollbar-thumb:hover {
	background: #94a3b8;
}

@media (max-width: 768px) {
	.staff-leave-status-modern .leave-summary-container {
		grid-template-columns: 1fr;
	}

	.staff-leave-status-modern .leave-stats-grid {
		grid-template-columns: 1fr;
	}
}

.modern-checkbox {
	display: flex;
	align-items: center;
	gap: 5px;
	margin: 0;
	cursor: pointer;
	padding: 9px 16px;
	background: white;
	border-radius: 8px;
	border: 2px solid #e5e7eb;
	transition: all 0.3s ease;
}

.modern-checkbox:hover {
	border-color: #6366f1;
	box-shadow: 0 4px 12px rgba(99, 102, 241, 0.15);
}

.modern-checkbox input[type="checkbox"] {
	width: 20px;
	height: 20px;
	cursor: pointer;
	accent-color: #6366f1;
}

.modern-checkbox .checkbox-label {
	font-weight: 600;
	color: #1f2937;
	font-size: 13px;
}

.modern-dropdown,
.modern-numeric {
	background: white !important;
	transition: all 0.3s ease !important;
}

.modern-dropdown:focus,
.modern-numeric:focus {
	border-color: #f59e0b !important;
	box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.1) !important;
	outline: none !important;
}

.back_button_dark {
	background: #4c4c4c !important;
	color: white;
	border: 1px solid #4c4c4c !important;
}

.grid-card-header .selected-count {
	margin-left: auto;
	background: rgb(46 190 177);
	padding: 6px 14px;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 700;
	backdrop-filter: blur(10px);
}

.modern-datagrid {
	background: white;
}

.modern-datagrid .rz-datatable-even {
	background: #f9fafb;
}

.modern-datagrid .rz-datatable-odd {
	background: white;
}

.modern-datagrid tbody tr:hover {
	background: linear-gradient(90deg, #eff6ff 0%, #dbeafe 100%) !important;
	transition: all 0.3s ease;
}

.modern-checkbox-cell {
	display: flex !important;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin: 0;
	line-height: normal;
}

.modern-checkbox-cell input[type="checkbox"] {
	width: 15px;
	height: 15px;
	cursor: pointer;
	accent-color: #3b82f6;
}

.empno-cell {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 600;
	color: #1f2937;
}

.empno-cell i {
	color: #6366f1;
	font-size: 16px;
}

.name-cell {
	font-weight: 500;
	color: #374151;
}

.modern-amount-input {
	border: 2px solid #e5e7eb !important;
	border-radius: 6px !important;
	font-weight: 600 !important;
	color: #059669 !important;
	background: #f0fdf4 !important;
	transition: all 0.3s ease !important;
}

.modern-amount-input:focus {
	border-color: #10b981 !important;
	box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1) !important;
	background: white !important;
}

.compact-card .rz-grid-table td {
	padding: 14px 12px;
	vertical-align: middle;
}

@media (max-width: 1200px) {
	.filter-item.action-buttons {
		grid-column: span 2;
		justify-content: flex-end;
	}
}

@media (max-width: 768px) {
	.filter-item.action-buttons {
		grid-column: 1;
		flex-direction: column;
	}
}

.main-container-multimage {
	min-height: 100vh;
	background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
	padding: 2rem 0;
}

.main-container-multimage .content-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 4rem);
}

.main-container-multimage .two-column-layout {
	display: grid;
	grid-template-columns: 1fr 400px;
	gap: 2rem;
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
	padding: 0 1rem;
}

.main-container-multimage .upload-section {
	background: white;
	border-radius: 16px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	height: fit-content;
}

.main-container-multimage .upload-header {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: white;
	padding: 9px 28px;
	position: relative;
}

.main-container-multimage .upload-header h3 {
	margin: 0;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 0.75rem;
	font-size: 22px;
	color: white;
}

.main-container-multimage .security-badge {
	display: inline-block;
	background: rgba(255, 255, 255, 0.2);
	color: white;
	padding: 0.25rem 0.75rem;
	border-radius: 20px;
	font-size: 0.75rem;
	font-weight: 600;
	margin-left: 1rem;
	backdrop-filter: blur(10px);
}

.main-container-multimage .upload-body {
	padding: 1rem;
}

.main-container-multimage .upload-area {
	border: 3px dashed #e1e5e9;
	border-radius: 12px;
	padding: 10px;
	text-align: center;
	background: linear-gradient(145deg, #f8f9fa, #ffffff);
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

.main-container-multimage .upload-area::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg,
			transparent,
			rgba(102, 126, 234, 0.1),
			transparent);
	transition: left 0.5s ease;
}

.main-container-multimage .upload-area:hover {
	border-color: #667eea;
	background: linear-gradient(145deg, #f0f8ff, #ffffff);
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(102, 126, 234, 0.15);
}

.main-container-multimage .upload-area:hover::before {
	left: 100%;
}

.main-container-multimage .upload-icon {
	font-size: 3rem;
	color: #667eea;
	margin-bottom: 1rem;
	display: block;
}

.main-container-multimage .upload-text {
	font-size: 1.1rem;
	color: #6c757d;
	margin-bottom: 0.5rem;
}

.main-container-multimage .upload-subtext {
	font-size: 0.9rem;
	color: #adb5bd;
}

.main-container-multimage .form-group {
	margin-bottom: 10px;
}

.main-container-multimage .form-label {
	font-weight: 600;
	color: #495057;
	margin-bottom: 0.5rem;
	display: block;
}

.main-container-multimage .form-select,
.main-container-multimage .form-control {
	border: 2px solid #e9ecef;
	border-radius: 8px;
	padding: 9px 12px;
	font-size: 14px;
	transition: all 0.3s ease;
	background: #e6e6e6;
}

.main-container-multimage .form-select:focus,
.main-container-multimage .form-control:focus {
	border-color: #667eea;
	box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.15);
	outline: none;
}

.main-container-multimage .custom-size-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
	margin-top: 1rem;
}

.main-container-multimage .instructions-section {
	background: white;
	border-radius: 16px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	height: fit-content;
	position: sticky;
	top: 2rem;
}

.main-container-multimage .instructions-header {
	background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
	color: white;
	padding: 3px 10px;
}

.main-container-multimage .instructions-header h4 {
	margin: 0;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 0.75rem;
	font-size: 16px;
	color: white;
}

.main-container-multimage .instructions-body {
	padding: 1rem;
}

.main-container-multimage .instructions-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.main-container-multimage .instructions-list li {
	padding: 0;
	border-bottom: 1px solid #d0e4ee;
	display: flex;
	align-items: flex-start;
	gap: 8px;
	position: relative;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.main-container-multimage .instructions-list li:last-child {
	border-bottom: none;
}

.main-container-multimage .instruction-number {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: white;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.8rem;
	font-weight: 600;
	flex-shrink: 0;
	margin-top: 0.1rem;
}

.main-container-multimage .instruction-text {
	color: #495057;
	line-height: 1.6;
	margin: 0;
	font-size: 14px;
}

.main-container-multimage .security-notice {
	background: linear-gradient(145deg, #fff7de, #fff8e3);
	border: 1px solid #c4a74a;
	border-radius: 12px;
	padding: 10px;
	margin-top: 1rem;
}

.main-container-multimage .security-notice h6 {
	color: #856404;
	margin-bottom: 7px;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 18px;
	font-weight: 600;
}

.main-container-multimage .security-notice p {
	color: #856404;
	margin: 0;
	font-size: 13px;
	line-height: 20px;
}

.main-container-multimage .image-requirements {
	background: #d4f0fc;
	border: 1px solid #4e98b9;
	border-radius: 10px;
	padding: 10px;
}

.main-container-multimage .image-requirements h6 {
	font-size: 17px;
	font-weight: 500;
}

.main-container-multimage .image-requirements li {
	font-size: 12px;
}

@media (max-width: 1200px) {
	.main-container-multimage .two-column-layout {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}

	.main-container-multimage .instructions-section {
		position: static;
	}
}

@media (max-width: 768px) {
	.main-container-multimage {
		padding: 1rem 0;
	}

	.main-container-multimage .content-wrapper {
		min-height: auto;
	}

	.main-container-multimage .upload-body,
	.main-container-multimage .instructions-body {
		padding: 1.5rem;
	}

	.main-container-multimage .custom-size-row {
		grid-template-columns: 1fr;
	}
}

.main-container-multimage .fade-in {
	animation: fadeIn 0.6s ease-in-out;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.main-container-multimage .slide-in-right {
	animation: slideInRight 0.6s ease-in-out;
}

@keyframes slideInRight {
	from {
		opacity: 0;
		transform: translateX(30px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

.ptm_container {
	display: grid;
	grid-template-columns: 300px 1fr;
	gap: 28px;
}

.class_sidebar {
	background: #1ea7e1;
	border-radius: 16px;
	padding: 10px;
	color: #fff;
}

.role_badge {
	background: #0c83b9;
	color: #fff;
	font-weight: 600;
	text-align: center;
	padding: 4px 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size: 16px;
	text-transform: uppercase;
}

.teacher_name {
	font-size: 22px;
	font-weight: 700;
}

.teacher_meta {
	color: #6b7280;
	margin-top: 2px;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
}

.current_token_box {
	width: 155px;
	height: 64px;
	background: #f2f6fb;
	border-radius: 5px;
	margin: 7px auto 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 6px solid #e8eef7;
}

.current_token_box .label {
	font-weight: 700;
	color: #111827;
	font-size: 14px;
}

.current_token_box .value {
	font-size: 27px;
	color: #e53935;
	font-weight: 800;
	line-height: 1;
	margin-top: 0px;
}

.students_header {
	background: #0c83b9;
	border-radius: 10px;
	padding: 12px 14px;
	margin: 18px 10px 10px;
	font-weight: 800;
	text-align: center;
	font-size: 16px;
}

.student_list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 8px;
}

.student_item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #ffffff;
	border-radius: 10px;
	padding: 5px 10px;
	color: #0f172a;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
	margin: 0 14px;
}

.student_info {
	display: flex;
	flex-direction: column;
}

.student_name {
	font-weight: 700;
	font-size: 16px;
}

.student_sub {
	font-size: 12px;
	color: #6b7280;
	margin-top: 2px;
}

.token_chip {
	background: #e8f7ed;
	color: #059669;
	border-radius: 10px;
	padding: 1px 14px;
	font-weight: 800;
	font-size: 18px;
	border: 1px solid #6ec26e;
}

.student_list .student_item:first-child {
	background: #ffebb1;
	border: 6px solid #cb9039;
	box-shadow: none;
	margin: 0;
	padding: 2px 6px;
}

.student_list .student_item:first-child .token_chip {
	background: #fff1da;
	color: #b45309;
	border-color: #fbbf24;
}

.others_container {
	background: #ffffff;
	border-radius: 14px;
	padding: 14px;
}

.section_title {
	font-weight: 800;
	margin: 2px 8px 10px;
	font-size: 18px;
	letter-spacing: 0.3px;
}

.teachers_grid {
	display: block;
}

.teachers_grid.single .teacher_list {
	padding: 0 10px;
}

.auto_scroll {
	max-height: 540px;
	overflow: hidden;
	display: block;
}

.teacher_row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 10px 0;
	border-bottom: 1px dotted #cfd8e3;
}

.teacher_row:last-child {
	border-bottom: none;
}

.row_left {
	max-width: 60%;
}

.location_badge {
	display: inline-block;
	background: #13b77b;
	color: #ffffff;
	border-radius: 10px;
	padding: 3px 12px;
	font-weight: 600;
	font-size: 12px;
}

.t_title {
	font-weight: 700;
	margin-top: 3px;
	font-size: 14px;
}

.t_sub {
	color: #6b7280;
	margin-top: 2px;
	font-size: 12px;
}

.token_badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-left: 10px;
	background: #fff1f1;
	border: 1px solid #ffc9c9;
	padding: 2px 8px;
	border-radius: 999px;
}

.token_badge .tb_label {
	font-size: 11px;
	font-weight: 700;
	color: #7a1d1d;
	text-transform: uppercase;
}

.token_badge .tb_value {
	font-size: 14px;
	font-weight: 900;
	color: #e53935;
	line-height: 1;
}

.regseat-password-popup {
	background: white;
	border-radius: 15px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	padding: 0;
	overflow: hidden;
	min-width: 400px;
	max-width: 500px;
}

.regseat-password-header {
	background: linear-gradient(135deg, #2196f3, #20c997);
	color: white;
	padding: 10px 25px;
	text-align: center;
}

.regseat-password-title {
	font-size: 1.4rem;
	font-weight: 600;
	margin: 0 0 8px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.regseat-password-title i {
	font-size: 1.2rem;
}

.regseat-password-subtitle {
	font-size: 0.9rem;
	margin: 0;
	opacity: 0.9;
	line-height: 1.4;
}

.regseat-password-body {
	padding: 25px;
	background: #f8f9fa;
}

.regseat-password-input-group {
	margin-bottom: 0;
}

.regseat-password-label {
	font-size: 1rem;
	font-weight: 600;
	color: #2c3e50;
	margin-bottom: 10px;
	display: block;
}

.regseat-password-field-container {
	position: relative;
	display: flex;
	align-items: center;
}

.regseat-password-field {
	width: 100% !important;
	padding: 12px 45px 12px 15px !important;
	border: 2px solid #e9ecef !important;
	border-radius: 10px !important;
	font-size: 1rem !important;
	transition: all 0.3s ease !important;
	background: white !important;
}

.regseat-password-field:focus {
	border-color: #667eea !important;
	box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1) !important;
	outline: none !important;
}

.regseat-password-icon {
	position: absolute;
	right: 15px;
	color: #6c757d;
	font-size: 1rem;
	pointer-events: none;
}

.regseat-password-footer {
	padding: 20px 25px;
	background: white;
	display: flex;
	gap: 15px;
	justify-content: flex-end;
	border-top: 1px solid #e9ecef;
}

.regseat-btn-cancel {
	padding: 8px 20px;
	border: 2px solid #2d2d2d;
	background: white;
	color: #454545;
	border-radius: 8px;
	font-size: 0.9rem;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	gap: 8px;
}

.regseat-btn-cancel:hover {
	background: #373737;
	color: white;
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(220, 53, 69, 0.3);
}

.regseat-btn-proceed:hover:not(:disabled) {
	background: linear-gradient(135deg, #e91e63, #a22550) !important;
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(40, 167, 69, 0.3);
	border-color: #c92222 !important;
}

.regseat-btn-proceed:disabled {
	background: #6c757d !important;
	cursor: not-allowed;
	transform: none;
	box-shadow: none;
	border-color: grey !important;
}

.rz-dialog {
	border: none !important;
	border-radius: 15px !important;
	box-shadow: 0 25px 80px rgba(0, 0, 0, 0.4) !important;
	position: unset !important;
}

@media (max-width: 768px) {
	.regseat-password-popup {
		min-width: 320px;
		max-width: 90vw;
		margin: 20px;
	}

	.regseat-password-header {
		padding: 15px 20px;
	}

	.regseat-password-title {
		font-size: 1.2rem;
		flex-direction: column;
		gap: 5px;
	}

	.regseat-password-body {
		padding: 20px;
	}

	.regseat-password-footer {
		padding: 15px 20px;
		gap: 10px;
	}

	.regseat-btn-cancel {
		width: 100%;
		justify-content: center;
		padding: 8px 10px !important;
		min-height: auto;
		max-height: none;
	}

	.regseat-btn-proceed {
		width: 100%;
		justify-content: center;
		padding: 3px 10px !important;
		min-height: auto;
		max-height: none;
	}
}

@media (max-width: 576px) {
	.regseat-password-popup {
		min-width: 280px;
		max-width: 95vw;
	}

	.regseat-password-header {
		padding: 12px 15px;
	}

	.regseat-password-body {
		padding: 15px;
	}

	.regseat-password-footer {
		padding: 12px 15px;
	}
}

.regview-header {
	background: linear-gradient(135deg, #0a7a5b, #0b7ea4);
	color: white;
	padding: 6px 14px;
	font-weight: 600;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 8px;
	position: relative;
}

.regview-header i {
	margin-right: 0px;
}

.regview-container .student-profile {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 20px;
	background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
	border-radius: 10px;
	color: white;
	margin-bottom: 25px;
}

.regview-container .student-photo {
	width: 120px;
	height: 120px;
	border-radius: 10px;
	border: 4px solid white;
	object-fit: cover;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.regview-container .student-info h3 {
	margin: 0 0 10px 0;
	font-size: 24px;
	font-weight: bold;
}

.regview-container .student-info .class-badge {
	background: white;
	color: #f5576c;
	padding: 5px 15px;
	border-radius: 20px;
	font-weight: 600;
	display: inline-block;
}

.regview-container .info-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
}

.regview-container .info-item {
	display: flex;
	padding: 12px 0;
	border-bottom: 1px solid #f0f0f0;
}

.regview-container .info-item strong {
	min-width: 180px;
	color: #666;
	font-weight: 600;
}

.regview-container .info-item span.colon {
	margin: 0 10px;
	color: #999;
}

.regview-container .info-item span.value {
	color: #333;
	flex: 1;
}

.regview-container .parent-section {
	display: grid;
	grid-template-columns: 120px 1fr;
	gap: 20px;
	align-items: start;
}

.regview-container .parent-photo {
	width: 80px;
	height: 90px;
	border-radius: 8px;
	object-fit: cover;
	border: 1px dotted #b2b2b2;
}

.regview-container .sibling-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 15px;
}

.regview-container .sibling-table th {
	background: #f8f9fa;
	padding: 12px;
	text-align: left;
	font-weight: 600;
	border-bottom: 2px solid #dee2e6;
}

.regview-container .sibling-table td {
	padding: 12px;
	border-bottom: 1px solid #dee2e6;
}

.regview-container .action-buttons {
	display: flex;
	justify-content: center;
	gap: 15px;
	margin: 30px 0;
	padding: 20px;
	background: white;
	border-radius: 10px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.regview-container .action-buttons .rz-button {
	padding: 12px 30px;
	font-size: 16px;
}

.regview-container .emergency-contact {
	background: #fff3cd;
	border-left: 4px solid #ffc107;
	padding: 15px 20px;
	border-radius: 6px;
}

.regview-container .emergency-contact h5 {
	margin: 5px 0;
	color: #856404;
}

.regview-container .emergency-contact span {
	font-weight: bold;
	color: #333;
}

@media print {
	.regview-container .action-buttons {
		display: none;
	}
}

@media (max-width: 768px) {
	.regview-container .info-grid {
		grid-template-columns: 1fr;
	}

	.regview-container .student-profile {
		flex-direction: column;
		text-align: center;
	}
}

.school_detail_section {
	margin-bottom: 12px;
}

.regview-card {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
	margin-bottom: 12px;
	overflow: hidden;
	border: 1px solid #e9ecef;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	display: flex;
	flex-direction: column;
}

.regview-card:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

.regview-body {
	padding: 16px;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.regview-header::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: linear-gradient(90deg,
			rgba(255, 255, 255, 0.3),
			rgba(255, 255, 255, 0.1));
}

.regview-header i {
	font-size: 15px;
	opacity: 0.9;
}

.eqh-address {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 12px;
}

.eqh-address>[class*="col-"] {
	display: flex;
	flex-direction: column;
}

.eqh-address-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 220px;
}

.eqh-address-card .regview-body {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.eqh-parents {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 12px;
}

.eqh-parents>[class*="col-"] {
	display: flex;
	flex-direction: column;
}

.eqh-parents-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 310px;
}

.eqh-parents-card .regview-body {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.eqh-sibparish {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 12px;
}

.eqh-sibparish>[class*="col-"] {
	display: flex;
	flex-direction: column;
}

.eqh-sibparish-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 185px;
}

.eqh-sibparish-card .regview-body {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.student-photo-container {
	text-align: center;
	padding: 8px;
	border: 1px dotted grey;
	border-radius: 10px;
	height: 195px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.student-photo {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	object-fit: cover;
	border: 3px solid #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease;
	margin: 0 auto;
	display: block;
}

.student-photo:hover {
	transform: scale(1.05);
}

.student-photo-placeholder {
	width: 115px;
	height: 130px;
	border-radius: 10%;
	background: #e9ecefad;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px dotted #bcb9b9;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	margin: 0 auto;
	padding: 0;
}

.student-photo-placeholder i {
	font-size: 38px;
	color: white;
	opacity: 0.8;
}

.student-name-badge {
	text-align: center;
	margin-top: 8px;
}

.student-name-badge h3 {
	color: #2c3e50;
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 4px;
	text-align: center;
	line-height: 1.2;
}

.class-badge {
	background: linear-gradient(135deg, #4caf50 0%, #8bc34a 100%);
	color: white;
	padding: 4px 12px;
	border-radius: 15px;
	font-size: 12px;
	font-weight: 600;
	box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
	display: inline-block;
}

.detail-section {
	margin-bottom: 12px;
}

.section-title {
	color: #434343;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 8px;
	padding-bottom: 10px;
	border-bottom: 2px solid #e9ecef;
	position: relative;
}

.section-title::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 40px;
	height: 2px;
	background: linear-gradient(135deg, #2089b9 0%, #4bb1df 100%);
}

.detail-list {
	list-style: none;
	padding: 5px;
	margin: 0;
	border: 1px solid #d8d8d8;
	animation: 5;
	border-radius: 5px;
}

.detail-section .detail-item {
	line-height: 26px;
	border-bottom: 1px solid #f1f3f4;
}

.detail-label-common-details {
	gap: 0px;
	display: flex;
	justify-content: space-between;
	margin: 0;
}

.detail-label-common-details .col-md-2 {
	-ms-flex: 0 0 13.666667%;
	flex: 0 0 13.666667%;
	max-width: 13.666667%;
	padding: 0;
}

.detail-label-common-details .detail-list {
	display: flex;
	align-items: center;
	background: linear-gradient(135deg, #e3effb 0%, #dde3e9 100%);
	border-radius: 6px;
	padding: 5px;
	border: 1px solid #e9ecef;
	text-align: center;
}

.detail-label-common-details .detail-label-common {
	color: #6e6d6d;
}

.detail-item:last-child {
	border-bottom: none;
}

.school_detail_section {
	background: white;
	border-radius: 15px;
	margin-bottom: 15px;
	border-top: 3px solid #45a6f3;
}

.detail-label {
	font-weight: 600;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	display: inline-block;
	min-width: 132px;
}

.detail-value {
	font-weight: 500;
	font-size: 13px;
	text-align: right;
	flex: 1;
}

.parent-contact-list .detail-label {
	min-width: 77px;
}

.siblings-table-container {
	overflow-x: auto;
	border-radius: 6px;
	border: 1px solid #e9ecef;
}

.siblings-table {
	width: 100%;
	border-collapse: collapse;
	background: white;
}

.siblings-table thead {
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.siblings-table th {
	padding: 8px 10px;
	text-align: left;
	font-weight: 700;
	color: #373636;
	border-bottom: 2px solid #dee2e6;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	background: #efefef;
}

.siblings-table td {
	padding: 8px 10px;
	border-bottom: 1px solid #f1f3f4;
	color: #2c3e50;
	font-weight: 500;
	font-size: 12px;
}

.siblings-table tbody tr:hover {
	background-color: #f8f9fa;
}

.siblings-table tbody tr:last-child td {
	border-bottom: none;
}

.health-item-inline {
	background: linear-gradient(135deg, #e3effb 0%, #dde3e9 100%);
	border-radius: 6px;
	padding: 10px;
	border: 1px solid #e9ecef;
	text-align: center;
	transition: transform 0.2s ease;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.health-item-inline:hover {
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.health-label {
	color: #6c757d;
	font-size: 11px;
	font-weight: 600;
	margin-bottom: 4px;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	display: block;
}

.health-value {
	color: #2c3e50;
	font-size: 13px;
	font-weight: 600;
	display: block;
}

.action-buttons-container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	align-items: center;
	padding: 12px 14px;
	margin-top: 8px;
	border-radius: 6px;
	background: #f1f3f5;
	border: 1px solid #dee2e6;
	box-sizing: border-box;
}

.action-buttons-container .row {
	width: 100%;
}

.action-btn,
.action-buttons-container .rz-button.action-btn {
	padding: 0 20px !important;
	border-radius: 6px !important;
	font-weight: 600;
	font-size: 14px;
	border: none !important;
	cursor: pointer;
	transition: background-color 0.15s ease, box-shadow 0.15s ease;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 180px;
	min-width: 180px;
	height: 42px !important;
	min-height: 42px !important;
	box-sizing: border-box;
	color: #fff !important;
	box-shadow: none !important;
	background-image: none !important;
}

.action-btn:disabled,
.action-btn.rz-state-disabled {
	opacity: 0.55;
	cursor: not-allowed;
	transform: none !important;
	box-shadow: none !important;
}

.back-btn,
.action-buttons-container .rz-button.back-btn {
	background: #6c757d !important;
	background-image: none !important;
}

.back-btn:hover:not(:disabled):not(.rz-state-disabled),
.action-buttons-container .rz-button.back-btn:hover:not(:disabled):not(.rz-state-disabled) {
	background: #5a6268 !important;
	background-image: none !important;
	box-shadow: 0 2px 6px rgba(108, 117, 125, 0.35) !important;
}

.print-btn,
.action-buttons-container .rz-button.print-btn {
	background: #dc3545 !important;
	background-image: none !important;
}

.print-btn:hover:not(:disabled):not(.rz-state-disabled),
.action-buttons-container .rz-button.print-btn:hover:not(:disabled):not(.rz-state-disabled) {
	background: #c82333 !important;
	background-image: none !important;
	box-shadow: 0 2px 6px rgba(220, 53, 69, 0.35) !important;
}

.edit-btn,
.action-buttons-container .rz-button.edit-btn {
	background: #28a745 !important;
	background-image: none !important;
}

.edit-btn:hover:not(:disabled):not(.rz-state-disabled),
.action-buttons-container .rz-button.edit-btn:hover:not(:disabled):not(.rz-state-disabled) {
	background: #218838 !important;
	background-image: none !important;
	box-shadow: 0 2px 6px rgba(40, 167, 69, 0.35) !important;
}

.upload-btn,
.action-buttons-container .rz-button.upload-btn {
	background: #0d6efd !important;
	background-image: none !important;
}

.upload-btn:hover:not(:disabled):not(.rz-state-disabled),
.action-buttons-container .rz-button.upload-btn:hover:not(:disabled):not(.rz-state-disabled) {
	background: #0b5ed7 !important;
	background-image: none !important;
	box-shadow: 0 2px 6px rgba(13, 110, 253, 0.35) !important;
}

.parent-photo-section {
	text-align: center;
	padding: 6px;
	border: 1px dotted #a9a9a9;
	border-radius: 6px;
}

.parent-photo {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	margin: 0 auto;
	display: block;
	transition: transform 0.3s ease;
}

.parent-photo:hover {
	transform: scale(1.05);
}

.parent-photo-placeholder {
	width: 90px;
	height: 113px;
	border-radius: 10px;
	background: #ebebeb;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px dotted #cecece;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	margin: 0 auto;
}

.parent-photo-placeholder i {
	font-size: 28px;
	color: white;
	opacity: 0.8;
}

.parent-name {
	color: #495057;
	font-size: 11px;
	font-weight: 600;
	margin-top: 6px;
	text-align: center;
	line-height: 1.2;
}

.parent-name-single {
	border-bottom: 1px solid #bcbcbc;
	padding-bottom: 7px;
	text-align: center;
}

.photo-upload-btn {
	margin-top: 8px;
	text-align: center;
}

.photo-upload-btn .rz-button {
	background: linear-gradient(135deg, #6dce71 0%, #4caf50 100%);
	border: none;
	color: white !important;
	padding: 6px 12px;
	font-size: 11px;
	font-weight: 600;
	box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
	transition: all 0.3s ease;
	border-radius: 10px !important;
	width: 100%;
}

.photo-upload-btn .rz-button:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 10px rgba(102, 126, 234, 0.4) !important;
	background: #54b654;
}

.photo-upload-btn .rz-button i {
	margin-right: 4px;
	font-size: 10px;
}

.proceed-btn,
.action-buttons-container .rz-button.proceed-btn {
	background: #28a745 !important;
	background-image: none !important;
	padding: 0 20px !important;
	min-height: 42px !important;
	height: 42px !important;
}

.proceed-btn:hover:not(:disabled):not(.rz-state-disabled),
.action-buttons-container .rz-button.proceed-btn:hover:not(:disabled):not(.rz-state-disabled) {
	background: #218838 !important;
	background-image: none !important;
	box-shadow: 0 2px 6px rgba(40, 167, 69, 0.35) !important;
	transform: none;
}

.document-upload-card {
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	border: 1px solid #dee2e6;
	border-radius: 8px;
	padding: 12px;
	margin-bottom: 12px;
	transition: all 0.3s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.document-upload-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.document-header {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom: 2px solid #dee2e6;
}

.document-header i {
	font-size: 16px;
	color: #dc3545;
}

.document-header span {
	font-size: 12px;
	font-weight: 600;
	color: #495057;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

.document-body {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.upload-section {
	padding: 8px 0;
}

.document-actions {
	display: flex;
	gap: 8px;
}

.doc-btn {
	width: 100%;
	justify-content: flex-start;
	font-size: 11px;
	padding: 6px 12px;
	border-radius: 6px;
}

.doc-btn i {
	margin-right: 6px;
}

.modern-input:focus {
	border-color: #80bdff !important;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.15) !important;
	background: #fff !important;
}

.modern-input:hover:not(:disabled) {
	border-color: #adb5bd !important;
}

.modern-input:disabled {
	background-color: #e9ecef !important;
	opacity: 0.7;
}

.rz-dropdown.modern-input {
	height: auto !important;
	padding: 0 !important;
}

.rz-dropdown.modern-input .rz-dropdown-label {
	padding: 8px 12px !important;
}

.regview-body .form-group {
	margin-bottom: 6px;
}

.regview-card .parish-details .form-group {
	margin-bottom: 12px;
}

.regview-card .parish-details .modern-input {
	width: 100%;
}

.emergency-contact-box {
	background: linear-gradient(135deg, #ffe7e7 0%, #fbcaca 100%);
	border-radius: 8px;
	padding: 12px;
	border: 1px solid #fba4a4;
}

.emergency-item {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
	padding: 8px;
	background: white;
	border-radius: 6px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.emergency-item:last-child {
	margin-bottom: 0;
}

.emergency-item i {
	font-size: 18px;
	color: #dc3545;
	min-width: 18px;
}

.emergency-item div {
	display: flex;
	flex-direction: column;
	gap: 2px;
	flex: 1;
}

.emergency-label {
	color: #6c757d;
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

.emergency-value {
	color: #2c3e50;
	font-size: 13px;
	font-weight: 600;
}

@media print {
	.regview-container {
		background: white !important;
		padding: 0 !important;
		margin: 0 !important;
		max-width: none !important;
	}

	.regview-card {
		box-shadow: none !important;
		border: 1px solid #ddd !important;
		margin-bottom: 20px !important;
		page-break-inside: avoid !important;
	}

	.regview-header {
		background: #f8f9fa !important;
		color: #000 !important;
		border-bottom: 2px solid #ddd !important;
	}

	.regview-body {
		padding: 16px !important;
	}

	.action-buttons-container {
		display: none !important;
	}

	.detail-item:hover {
		background-color: transparent !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.regview-card:hover {
		transform: none !important;
		box-shadow: none !important;
	}
}

@media (max-width: 768px) {
	.regview-container {
		padding: 10px !important;
	}

	.regview-body {
		padding: 16px !important;
	}

	.student-name {
		font-size: 24px !important;
	}

	.action-buttons-container {
		flex-direction: column !important;
		align-items: stretch !important;
	}

	.action-btn,
	.action-buttons-container .rz-button.action-btn {
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
	}

	.detail-item {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 4px !important;
	}

	.detail-value {
		text-align: left !important;
	}

	.eqh-address,
	.eqh-parents,
	.eqh-sibparish {
		flex-direction: column;
	}

	.eqh-address-card,
	.eqh-parents-card,
	.eqh-sibparish-card {
		min-height: auto;
	}
}

.file-upload-wrapper {
	width: 100%;
	text-align: left;
}

.syllabus-upload-cell .file-upload-wrapper {
	margin-top: 8px;
	display: inline-block;
}

.custom-file-upload {
	display: inline-block;
	padding: 3px 10px;
	cursor: pointer;
	color: #2d2d2d;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.3s ease;
	box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
	border: 2px dotted #a2a1a1;
}

.custom-file-upload:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
	background: #7d7d7d;
	color: white;
}

.custom-file-upload i {
	margin-right: 8px;
	font-size: 16px;
}

.file-input-hidden {
	display: none;
}

.selected-file-name {
	margin-top: 12px;
	padding: 10px 16px;
	background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
	border-radius: 6px;
	color: #333;
	font-size: 13px;
	font-weight: 500;
	display: inline-block;
	max-width: 100%;
	word-break: break-all;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.selected-file-name i {
	color: #667eea;
	margin-right: 8px;
}

.uploaded-file-info {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.file-name-display {
	padding: 12px 16px;
	background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
	border-radius: 6px;
	border-left: 4px solid #4caf50;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 13px;
	font-weight: 500;
	color: #2e7d32;
	word-break: break-all;
}

.file-name-display i {
	font-size: 18px;
	flex-shrink: 0;
}

.file-name-display span {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}

.upload-section {
	padding: 20px 10px;
}

.doc-btn {
	width: 100%;
	justify-content: flex-start;
	font-size: 13px;
	padding: 8px 12px;
	border-radius: 6px;
}

.doc-btn i {
	margin-right: 8px;
}

@media (max-width: 768px) {
	.custom-file-upload {
		padding: 10px 20px;
		font-size: 13px;
	}

	.file-name-display {
		font-size: 12px;
		padding: 10px 12px;
	}
}

.photo-upload-container {
	max-width: 650px;
	margin: 0 auto;
	padding: 20px;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.photo-upload-card {
	background: white;
	border-radius: 16px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
	overflow: hidden;
}

.photo-upload-header {
	background: linear-gradient(135deg, #218eca 0%, #57a2de 100%);
	padding: 8px 10px;
	display: flex;
	align-items: center;
	gap: 20px;
	color: white;
}

.photo-upload-header>i {
	font-size: 42px;
	opacity: 0.9;
}

.photo-upload-header .header-content h3 {
	margin: 0;
	font-size: 21px;
	font-weight: 600;
	color: white;
}

.photo-upload-header .header-content p {
	margin: 0;
	font-size: 13px;
	opacity: 0.95;
	font-weight: 400;
	color: #ececec;
}

.photo-upload-body {
	padding: 20px;
}

.photo-display-section {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	justify-content: center;
	align-items: center;
}

.current-photo-container {
	flex: 1;
	min-width: 240px;
	max-width: 240px;
}

.photo-label {
	font-size: 16px;
	font-weight: 600;
	color: #374151;
	margin-bottom: 16px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.photo-label i {
	color: #667eea;
	font-size: 18px;
}

.photo-frame {
	background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
	border-radius: 10px;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 3px dashed #667eea;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.uploaded-photo {
	width: 100%;
	object-fit: cover;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	min-height: 250px;
}

.upload-controls {
	flex: 1;
	min-width: 280px;
	max-width: 350px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.browse-section {
	text-align: center;
}

.photo-input-hidden {
	display: none;
}

.browse-photo-btn {
	display: inline-flex !important;
	flex-direction: column;
	align-items: center;
	padding: 10px 20px;
	background: linear-gradient(135deg, #4caf50 0%, #03a9f4 100%);
	color: white;
	border-radius: 12px;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 4px 16px rgba(102, 126, 234, 0.3);
	border: none;
	width: 100%;
}

.browse-photo-btn:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(102, 126, 234, 0.4);
	background: linear-gradient(135deg, #2196f3 0%, #4caf50 100%);
}

.browse-photo-btn i {
	font-size: 35px;
}

.browse-photo-btn span {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.5px;
}

.upload-instructions {
	margin-top: 24px;
	padding: 16px 20px;
	background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
	border-radius: 8px;
	font-size: 13px;
	color: #2e7d32;
	text-align: left;
	line-height: 1.8;
	border-left: 4px solid #4caf50;
}

.upload-instructions i {
	color: #4caf50;
	margin-right: 6px;
}

.photo-upload-footer {
	padding: 20px 30px;
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	display: flex;
	gap: 16px;
	justify-content: center;
	border-top: 1px solid #dee2e6;
}

.photo-upload-footer .action-btn {
	flex: 1;
	max-width: 140px;
	padding: 8px 24px;
	border: none;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.photo-upload-footer .back-btn {
	background: linear-gradient(135deg, #6c757d 0%, #495057 100%);
	color: white;
}

.photo-upload-footer .back-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(108, 117, 125, 0.4);
	background: linear-gradient(135deg, #495057 0%, #343a40 100%);
}

.photo-upload-footer .close-btn {
	background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
	color: white;
}

.photo-upload-footer .close-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(220, 53, 69, 0.4);
	background: linear-gradient(135deg, #c82333 0%, #bd2130 100%);
}

.photo-upload-footer .action-btn i {
	font-size: 16px;
}

@media (max-width: 768px) {
	.photo-upload-container {
		padding: 10px;
	}

	.photo-upload-header {
		padding: 20px;
		flex-direction: column;
		text-align: center;
		gap: 12px;
	}

	.photo-upload-header>i {
		font-size: 36px;
	}

	.photo-upload-header .header-content h3 {
		font-size: 20px;
	}

	.photo-upload-body {
		padding: 24px 16px;
	}

	.photo-display-section {
		flex-direction: column;
		gap: 24px;
	}

	.current-photo-container,
	.upload-controls {
		max-width: 100%;
	}

	.browse-photo-btn {
		padding: 32px 40px;
	}

	.browse-photo-btn i {
		font-size: 40px;
	}

	.browse-photo-btn span {
		font-size: 16px;
	}

	.photo-upload-footer {
		flex-direction: column;
		gap: 12px;
		padding: 16px;
	}

	.photo-upload-footer .action-btn {
		max-width: 100%;
	}
}

.qr-modal {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 16px 20px 20px 20px;
	gap: 12px;
}

.qr-modal-header {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 4px;
}

.qr-modal-title {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
}

.qr-modal-close {
	border: none;
	background: transparent;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
}

.pg-list {
	margin-left: -8px;
	margin-right: -8px;
}

.pg-card {
	position: relative;
	background: #ececec;
	border: 1px solid #e6e6e6;
	border-radius: 10px;
	padding: 12px 12px 10px 12px;
	margin: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.pg-card:hover {
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

.pg-card-badge {
	position: absolute;
	top: 0px;
	right: 0;
	padding: 3px 10px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
}

.stupaymnthis {
	position: relative;
}

.pg-card-badge.success {
	background: #28a745;
}

.pg-card-badge.warning {
	background: #ffc107;
	color: #212529;
}

.pg-card-badge.danger {
	background: #dc3545;
}

.pg-card-body {
	margin-top: 12px;
}

.pg-row {
	display: flex;
	justify-content: space-between;
	padding: 6px 0;
	border-bottom: 1px dashed #e9ecef;
}

.pg-row:last-child {
	border-bottom: none;
}

.pg-label {
	color: #6c757d;
	font-weight: 500;
}

.pg-value {
	color: #212529;
	font-weight: 600;
	text-align: right;
}

.pg-card-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
}

.pg-card-action {
	float: right;
}

.pg-list-actions {
	display: flex;
	justify-content: flex-start;
	margin: 6px 0 10px;
	position: absolute;
	top: 30px;
	right: 17px;
	z-index: 2;
}

.pg-list-actions button {
	padding: 6px 30px !important;
	background: #afafaf;
	font-size: 13px !important;
}

.pg-back-btn {
	background: #f1f3f5;
	color: #0d64a2;
	border: 1px solid #e6e6e6;
}

.pg-amount-badge {
	position: absolute;
	left: 12px;
	top: -12px;
	background: #61c465;
	color: #fff;
	padding: 6px 12px;
	border-radius: 8px;
	font-weight: 700;
	box-shadow: 0 4px 10px rgba(13, 100, 162, 0.25);
}

.pg-card-body {
	background: #fbfcfe;
	border: 1px dashed #e0e7ff;
	border-radius: 8px;
	padding: 10px;
}

.pg-label {
	min-width: 86px;
}

.pg-panel {
	position: fixed;
	top: 0;
	right: 0;
	height: 100%;
	width: 500px;
	background: #ffffff;
	box-shadow: -3px 0 12px rgba(0, 0, 0, 0.15);
	transform: translateX(100%);
	transition: transform 0.3s ease-in-out;
	z-index: 1040;
}

.pg-panel-header {
	background: linear-gradient(135deg, #0d64a2, #2196f3);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 14px;
}

.pg-panel-title {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	color: white;
}

.pg-panel-close {
	background: transparent;
	border: none;
	color: #fff;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
}

.pg-panel-body {
	height: calc(100% - 48px);
	overflow-y: auto;
	padding: 12px;
}

.fee-summary.centered {
	justify-content: center;
}

.fee-summary-item .label {
	color: #6c757d;
	font-weight: 600;
}

.fee-summary-item .value {
	color: #212529;
	font-weight: 700;
}

.fee-summary-item.total-amount .label,
.fee-summary-item.total-amount .value {
	color: #fff;
}

.proceed-btn:focus {
	outline: 2px solid #a3c9ff;
	outline-offset: 2px;
}

.proceed-btn:disabled {
	opacity: 0.7;
	cursor: not-allowed;
}

.btn-theme {
	background: linear-gradient(135deg, #0d64a2, #2196f3);
	color: #fff;
	border: none;
}

.btn-theme:hover {
	filter: brightness(1.05);
}

.btn-outline-theme {
	background: #fff;
	color: #0d64a2;
	border: 1px solid #0d64a2;
}

.btn-outline-theme:hover {
	background: #0d64a2;
	color: #fff;
}

.text-right {
	text-align: right;
}

.pg-status-card {
	background: #ffffff;
	border-radius: 12px;
	padding: 14px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.pg-status-card.success {
	border-color: #cce5d5;
	box-shadow: 0 2px 10px rgba(40, 167, 69, 0.08);
}

.pg-status-card.warning {
	border-color: #ffe7b3;
	box-shadow: 0 2px 10px rgba(255, 193, 7, 0.08);
}

.pg-status-card.danger {
	border-color: #f1c2c7;
	box-shadow: 0 2px 10px rgba(220, 53, 69, 0.08);
}

.pg-status-header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 10px;
}

.pg-status-image {
	width: 46px;
	height: 46px;
	object-fit: cover;
	border-radius: 50%;
	border: 2px solid #eee;
}

.pg-status-title {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	color: #2d3748;
}

.pg-status-body {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.pg-status-row {
	display: flex;
	justify-content: space-between;
	padding: 6px 0;
	border-bottom: 1px dashed #e9ecef;
}

.pg-status-row:last-child {
	border-bottom: none;
}

.pg-status-label {
	color: #6c757d;
	font-weight: 500;
}

.pg-status-value {
	color: #212529;
	font-weight: 600;
	text-align: right;
}

.pg-status-footer {
	display: flex;
	justify-content: flex-end;
	margin-top: 12px;
}

.qr-modal-body {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}

.qr-image {
	width: 220px;
	height: 220px;
	border-radius: 8px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
	background: #fff;
	padding: 8px;
}

.qr-hint {
	font-size: 12px;
	color: #6c757d;
	text-align: center;
	margin-top: 4px;
}

.qr-modal-footer {
	margin-top: 8px;
}

.regseat-mobile-btn {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 18px 20px;
	border: none;
	border-radius: 10px;
	background: linear-gradient(135deg, #03a9f4 0%, #4caf50 100%);
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 5px 20px rgba(102, 126, 234, 0.35);
	position: relative;
	overflow: hidden;
	width: 100%;
}

.regseat-mobile-btn::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.2);
	transform: translate(-50%, -50%);
	transition: width 0.6s, height 0.6s;
}

.regseat-mobile-btn:active::before {
	width: 300px;
	height: 300px;
}

.regseat-mobile-btn:hover {
	transform: translateY(-3px) scale(1.02);
	box-shadow: 0 8px 25px rgba(102, 126, 234, 0.45);
}

.regseat-mobile-btn:active {
	transform: translateY(-1px) scale(0.98);
}

.regseat-requirements-btn {
	flex: 1;
	animation: pulse-glow 2s ease-in-out infinite;
}

@keyframes pulse-glow {

	0%,
	100% {
		box-shadow: 0 5px 20px rgba(102, 126, 234, 0.35);
	}

	50% {
		box-shadow: 0 5px 25px rgba(102, 126, 234, 0.5);
	}
}

.regseat-mobile-btn .btn-icon {
	font-size: 22px;
	animation: bounce-icon 1.5s ease-in-out infinite;
}

@keyframes bounce-icon {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-3px);
	}
}

.regseat-mobile-btn .btn-text {
	flex: 1;
	text-align: left;
}

.regseat-mobile-btn .btn-arrow {
	font-size: 20px;
	font-weight: bold;
	animation: slide-arrow 1.2s ease-in-out infinite;
}

@keyframes slide-arrow {

	0%,
	100% {
		transform: translateX(0);
	}

	50% {
		transform: translateX(5px);
	}
}

.regseat-mobile-panel {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s 0.3s, opacity 0.3s ease;
}

.regseat-mobile-panel.show {
	visibility: visible;
	opacity: 1;
	transition: visibility 0s, opacity 0.3s ease;
}

.regseat-panel-backdrop {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(2px);
}

.regseat-panel-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 96vh;
	max-height: 96vh;
	background: #fff;
	border-radius: 0 0 20px 20px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
	transform: translateY(-100%);
	transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.regseat-mobile-panel.show .regseat-panel-content {
	transform: translateY(0);
}

.regseat-panel-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 20px;
	background: linear-gradient(135deg, #4caf50 0%, #03a9f4 100%);
	color: #fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.regseat-panel-title {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	color: white;
}

.regseat-panel-close {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: #fff;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 700;
	transition: all 0.3s ease;
}

.regseat-panel-close:hover {
	background: rgba(255, 255, 255, 0.3);
	transform: rotate(90deg);
}

.regseat-panel-body {
	flex: 1;
	overflow-y: auto;
	padding: 20px;
	-webkit-overflow-scrolling: touch;
}

.regseat-panel-body .regseat-requirements-section {
	margin-bottom: 20px;
	padding: 15px;
	background: #fff9e6;
	border-left: 4px solid #ffc107;
	border-radius: 8px;
}

.regseat-panel-body .regseat-requirements-title {
	font-size: 16px;
	font-weight: 700;
	color: #856404;
	margin-bottom: 12px;
}

.regseat-panel-body .regseat-requirements-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.regseat-panel-body .regseat-requirement-item {
	padding: 10px 12px;
	margin-bottom: 8px;
	background: #fff;
	border-radius: 6px;
	font-size: 13px;
	color: #555;
	line-height: 1.6;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	border-left: 4px solid #856404;
}

.regseat-panel-body .regseat-steps-container {
	margin-bottom: 20px;
}

.regseat-panel-body .regseat-steps-title {
	font-size: 16px;
	font-weight: 700;
	color: #667eea;
	margin-bottom: 15px;
}

.regseat-panel-body .regseat-steps-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.regseat-panel-body .regseat-step-item {
	padding: 12px 15px;
	margin-bottom: 10px;
	background: #f8f9ff;
	border-left: 4px solid #667eea;
	border-radius: 8px;
	font-weight: 600;
	color: #333;
	display: flex;
	flex-direction: column;
	gap: 5px;
	transition: all 0.3s ease;
}

.regseat-panel-body .regseat-step-item:hover {
	background: #eef0ff;
	transform: translateX(5px);
}

.regseat-panel-body .regseat-step-desc {
	font-weight: 400;
	font-size: 13px;
	color: #666;
	line-height: 1.5;
}

.regseat-panel-body .regseat-info-text {
	font-size: 14px;
	color: #555;
	line-height: 19px;
	padding: 10px;
	background: #fff9e6;
	border-left: 4px solid #ffc107;
	border-radius: 8px;
	margin-bottom: 20px;
}

.regseat-panel-body .regseat-support-panel {
	background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
	padding: 25px;
	border-radius: 12px;
	text-align: center;
	color: #fff;
	box-shadow: 0 5px 20px rgba(245, 87, 108, 0.3);
}

.regseat-panel-body .regseat-support-title {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 15px;
}

.regseat-panel-body .regseat-support-contact {
	font-size: 20px;
	font-weight: 800;
	margin: 15px 0;
}

.regseat-panel-body .regseat-support-hours {
	display: block;
	font-size: 14px;
	font-weight: 400;
	opacity: 0.9;
}

@media (min-width: 768px) {

	.regseat-mobile-buttons,
	.regseat-mobile-panel,
	.regseat-phone-icon-fixed,
	.regseat-support-panel-mobile {
		display: none !important;
	}
}

.regseat-phone-icon-fixed {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9998;
}

.regseat-phone-btn {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: none;
	background: linear-gradient(135deg, #4caf50 0%, #03a9f4 100%);
	box-shadow: 0 5px 25px rgb(43 43 43 / 40%) !important;
	cursor: pointer !important;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	animation: phone-bounce 2s ease-in-out infinite;
}

@keyframes phone-bounce {

	0%,
	100% {
		transform: translateY(0);
		box-shadow: 0 5px 25px rgba(245, 87, 108, 0.4);
	}

	50% {
		transform: translateY(-10px);
		box-shadow: 0 8px 30px rgba(245, 87, 108, 0.5);
	}
}

.regseat-phone-btn:hover {
	transform: scale(1.1) translateY(0);
	box-shadow: 0 8px 35px rgba(245, 87, 108, 0.6);
	animation: none;
}

.regseat-phone-btn:active {
	transform: scale(0.95);
}

.regseat-phone-btn .phone-icon {
	font-size: 28px;
	color: #fff;
	filter: none;
}

.regseat-support-panel-mobile {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s 0.3s, opacity 0.3s ease;
}

.regseat-support-panel-mobile.show {
	visibility: visible;
	opacity: 1;
	transition: visibility 0s, opacity 0.3s ease;
}

.regseat-support-content-mobile {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(135deg, #d05780 0%, #9a322a 100%);
	border-radius: 20px 20px 0 0;
	box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.3);
	transform: translateY(100%);
	transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	padding: 37px 4px 26px 4px;
	color: #fff;
}

.regseat-support-panel-mobile.show .regseat-support-content-mobile {
	transform: translateY(0);
}

.regseat-support-content-mobile .regseat-panel-close {
	background: rgb(255 255 255 / 79%);
	border: none;
	color: #232121;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	cursor: pointer;
	transition: all 0.3s ease;
	position: absolute;
	top: -12px;
	right: 9px;
}

.regseat-support-content-mobile .regseat-panel-close:hover {
	background: rgba(255, 255, 255, 0.3);
	transform: rotate(90deg);
}

.regseat-support-info {
	text-align: center;
	padding: 10px;
}

.regseat-support-info .regseat-support-contact {
	font-size: 22px;
	font-weight: 600;
	margin: 0 0 10px;
	color: #fff;
}

.regseat-support-info .regseat-support-hours {
	display: block;
	font-size: 15px;
	font-weight: 400;
	opacity: 0.95;
	color: #fff;
}

.regseat-mobile-cards-wrapper {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 0;
}

.regseat-mobile-cards {
	padding: 0;
}

body:has(.regseat-mobile-panel.show),
body:has(.regseat-support-panel-mobile.show) {
	overflow: hidden;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.date-cell {
	display: flex;
	align-items: center;
	gap: 8px;
}

.date-cell i {
	color: #667eea;
	font-size: 16px;
}

.date-cell span {
	color: #2d3748;
	font-weight: 500;
}

.action-buttons-grid {
	display: flex;
	gap: 0px;
}

.action-buttons-grid .btn {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 4px 8px !important;
	font-size: 11.7px !important;
	gap: 3px;
}

.name-cell {
	display: flex;
	align-items: center;
	gap: 3px;
}

.name-cell i {
	color: #667eea;
	font-size: 16px;
}

.name-cell span {
	color: #2d3748;
	font-weight: 500;
}

.status-cell {
	display: flex;
	align-items: center;
}

.status-cell .badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 6px;
	border-radius: 20px;
	font-size: 11px;
	font-weight: 500;
}

.status-cell .badge-success {
	background: linear-gradient(135deg, #10b981, #059669);
	color: white !important;
}

.status-cell .badge-info {
	background: linear-gradient(135deg, #3b82f6, #2563eb);
	color: white !important;
}

.status-cell .badge-warning {
	background: linear-gradient(135deg, #f59e0b, #d97706);
	color: white !important;
}

.status-cell .badge-secondary {
	background: linear-gradient(135deg, #9ca3af, #6b7280);
	color: white !important;
}

.status-cell .badge-danger {
	background: linear-gradient(135deg, #ef4444, #dc2626);
	color: white !important;
}

.status-cell .badge i {
	font-size: 10px;
}

.rz-datepicker {
	padding: 0;
	height: auto;
}

.leave-stats-container {
	display: flex;
	gap: 5px;
	margin-bottom: 15px;
}

.leave-stat-card {
	flex: 1;
	min-width: 122px;
	border-radius: 5px;
	padding: 5px;
	display: flex;
	align-items: center;
	gap: 6px;
	box-shadow: 0 2px 8px rgb(0 0 0 / 14%);
	transition: all 0.3s ease;
	border-left: 3px solid;
}

.leave-stat-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.leave-stat-card.consumed {
	border-left-color: #10b981;
}

.leave-stat-card.applied {
	border-left-color: #f59e0b;
}

.leave-stat-card.approved {
	border-left-color: #3b82f6;
}

.leave-stat-card.balance {
	border-left-color: #8b5cf6;
}

.leave-stat-card.credited {
	border-left-color: #06b6d4;
}

.leave-stat-card .stat-icon {
	width: 28px;
	height: 32px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
}

.leave-stat-card .stat-icon i {
	font-size: 15px;
}

.leave-stat-card.consumed .stat-icon {
	background: linear-gradient(135deg, #d1fae5, #a7f3d0);
	color: #059669;
}

.leave-stat-card.applied .stat-icon {
	background: linear-gradient(135deg, #fed7aa, #fbbf24);
	color: #d97706;
}

.leave-stat-card.approved .stat-icon {
	background: linear-gradient(135deg, #bfdbfe, #93c5fd);
	color: #2563eb;
}

.leave-stat-card.balance .stat-icon {
	background: linear-gradient(135deg, #ddd6fe, #c4b5fd);
	color: #7c3aed;
}

.leave-stat-card.credited .stat-icon {
	background: linear-gradient(135deg, #a5f3fc, #67e8f9);
	color: #0891b2;
}

.leave-stat-card .stat-content {
	display: flex;
	flex-direction: column;
	gap: 0px;
	line-height: 11px;
}

.leave-stat-card .stat-label {
	font-size: 13px;
	color: #6b7280;
	font-weight: 500;
}

.leave-stat-card .stat-value {
	font-size: 24px;
	font-weight: 700;
	color: #1f2937;
	line-height: 23px;
}

@media (max-width: 768px) {
	.leave-stats-container {
		flex-direction: column;
	}

	.leave-stat-card {
		min-width: 100%;
	}
}

.section-title {
	font-size: 18px;
	font-weight: 700;
	color: #1f2937;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 2px solid #e5e7eb;
	display: flex;
	align-items: center;
	gap: 10px;
}

.section-title i {
	color: #667eea;
	font-size: 22px;
}

.amount-cell {
	display: flex;
	align-items: center;
	gap: 3px;
}

.amount-cell i {
	color: #667eea;
	font-size: 16px;
}

.amount-cell.deduction i {
	color: #ef4444;
}

.amount-cell.netpay i {
	color: #10b981;
}

.amount-cell .amount-value {
	font-weight: 600;
	font-size: 14px;
}

.staff-child-wizard {
	padding: 0px;
}

.fee-concession-wizard,
.wizard-container {
	padding: 0px;
}

.wizard-steps,
.wizard-steps-container {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	padding: 10px;
	background: #efefef;
	border-radius: 10px;
}

.wizard-steps {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 12px;
	margin-bottom: 0;
	gap: 10px;
	border-bottom: 1px solid #e9e9e9;
}

.wizard-step {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	flex: 1;
	max-width: 200px;
}

.wizard-step .step-number {
	width: 40px;
	height: 40px;
	border-radius: 5px;
	background: #d6d6d6;
	color: #575757;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 7px;
	transition: all 0.3s ease;
	border: 3px solid #d1d1d1;
}

.wizard-step.active .step-number {
	background: #007bff;
	border-color: #007bff;
	color: #fff;
	box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.2);
}

.wizard-step.completed .step-number {
	background: linear-gradient(135deg, #10b981, #059669);
	color: white;
}

.wizard-step .step-label {
	font-size: 14px;
	font-weight: 600;
	color: #6b7280;
}

.wizard-step.active .step-label {
	color: #667eea;
}

.wizard-step.completed .step-label {
	color: #10b981;
}

.wizard-connector {
	width: 100px;
	height: 3px;
	background: #e5e7eb;
	margin-bottom: 0;
	transition: all 0.3s ease;
}

.wizard-connector.active {
	background: linear-gradient(90deg, #10b981, #667eea);
}

.wizard-content {
	background: white;
	border-radius: 12px;
	padding: 0;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	margin-bottom: 20px;
}

.step-header {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 4px 0;
	border-bottom: 1px solid #e5e7eb;
	margin-bottom: 0;
}

.step-header i {
	font-size: 20px;
	color: #667eea;
}

.step-header h5 {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	color: #1f2937;
}

.step-body {
	padding: 0;
}

.selected-staff-card {
	background: linear-gradient(135deg, #f0fdf4, #dcfce7);
	border: 2px solid #86efac;
	border-radius: 12px;
	padding: 10px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.staff-info {
	display: flex;
	align-items: center;
	gap: 12px;
}

.staff-info i {
	font-size: 32px;
	color: #10b981;
}

.info-content {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.regview-footer {
	padding: 4px 10px 10px;
}

.info-label {
	font-size: 12px;
	color: #059669;
	font-weight: 600;
	text-transform: uppercase;
}

.info-value {
	font-size: 16px;
	color: #1f2937;
	font-weight: 700;
	text-align: left;
}

.existing-children-card {
	background: white;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	margin-bottom: 20px;
	overflow: hidden;
}

.card-header-small {
	background: linear-gradient(135deg, #f3f4f6, #e5e7eb);
	padding: 6px 10px;
	font-weight: 700;
	color: #374151;
	display: flex;
	align-items: center;
	gap: 8px;
	border-top: 2px solid #a5a5a5;
	border-radius: 10px;
}

.card-header-small i {
	font-size: 18px;
	color: #667eea;
}

.children-list {
	padding: 5px;
	max-height: 200px;
	overflow-y: auto;
}

.child-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px;
	border-radius: 8px;
	margin-bottom: 8px;
	background: #dceeff7a;
	transition: all 0.2s ease;
}

.child-item:hover {
	background: #f3f4f6;
	transform: translateX(4px);
}

.child-item i {
	font-size: 24px;
	color: #ec4899;
}

.child-details {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.child-name {
	font-size: 15px;
	font-weight: 600;
	color: #1f2937;
}

.child-info {
	font-size: 12px;
	color: #6b7280;
}

.btn-open-search {
	width: 100%;
	padding: 5px 0;
	background: linear-gradient(135deg, #03a9f4, #03a9f4);
	border: none;
	max-width: 200px;
	border-radius: 10px;
	color: white;
	font-size: 16px;
	font-weight: 600;
	display: flow-root;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 4px 12px rgba(102, 126, 234, 0.25);
}

.btn-open-search:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(102, 126, 234, 0.35);
}

.btn-open-search i:first-child {
	font-size: 14px;
}

.btn-open-search i:last-child {
	font-size: 14px;
}

@keyframes slideDown {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.btn-close-search {
	background: rgba(255, 255, 255, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 6px;
	color: white;
	padding: 6px 10px;
	cursor: pointer;
	transition: all 0.2s ease;
	font-size: 16px;
}

.btn-close-search:hover {
	background: rgba(255, 255, 255, 0.3);
	transform: scale(1.1);
}

@media (max-width: 768px) {
	.wizard-steps {
		flex-direction: column;
		gap: 10px;
	}

	.wizard-connector {
		width: 3px;
		height: 40px;
		margin: 0;
	}

	.selected-staff-card {
		flex-direction: column;
		gap: 15px;
		text-align: center;
	}

	.btn-open-search {
		padding: 16px;
		font-size: 14px;
	}
}

.next-step-container {
	padding: 0 0;
	display: flex;
	justify-content: center;
}

.btn-next-step {
	padding: 8px 20px;
	background: linear-gradient(135deg, #03a9f4 0%, #4db4e2 100%);
	border: none;
	border-radius: 12px;
	color: white;
	font-size: 16px;
	font-weight: 700;
	display: flex;
	align-items: center;
	gap: 12px;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
}

.btn-next-step:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);
}

.btn-next-step i {
	font-size: 20px;
	animation: pulse 2s infinite;
}

@keyframes pulse {

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

	50% {
		transform: scale(1.1);
	}
}

.range-cell {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
}

.range-cell i {
	color: #667eea;
	font-size: 14px;
}

.range-from {
	color: #10b981;
	font-weight: 600;
}

.range-to {
	color: #ef4444;
	font-weight: 600;
}

.badge-cell {
	display: flex;
	align-items: center;
	gap: 5px;
	font-weight: 500;
	padding: 0 4px;
	border-radius: 5px;
}

.badge-cell .badge {
	padding: 4px 6px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 4px;
}

.badge-cell .badge i {
	font-size: 14px;
}

.lic-amount-cell {
	display: flex;
	align-items: center;
	gap: 12px;
}

.lic-amount-cell i {
	font-size: 28px;
	color: #10b981;
}

.lic-amount-cell .amount-info {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.lic-amount-cell .amount-label {
	font-size: 11px;
	color: #6b7280;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.lic-amount-cell .amount-value {
	font-size: 16px;
	color: #059669;
	font-weight: 700;
}

.staff-name {
	font-weight: 600;
	color: #1f2937;
}

.tax-section-name {
	font-weight: 700;
	color: #667eea;
}

.detail-cell {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #6b7280;
}

.detail-cell i {
	color: #9ca3af;
	font-size: 16px;
}

.doc-name {
	font-weight: 600;
	color: #1f2937;
}

.badge-secondary {
	background: linear-gradient(135deg, #e5e7eb, #d1d5db);
	color: #374151 !important;
	border: 1px solid #9ca3af;
}

.member-type {
	font-weight: 600;
	color: #667eea;
}

.book-name {
	font-weight: 600;
	color: #1f2937;
}

.member-name {
	font-weight: 600;
	color: #059669;
}

.badge-danger {
	background-color: #854343 !important;
}

.member-photo-section {
	margin-bottom: 15px;
}

.member-info-section {
	padding: 0px !important;
}

.member-name-display {
	color: #667eea;
	font-weight: 700;
	font-size: 16px !important;
	margin-bottom: 4px !important;
	text-align: left;
}

.member-detail-text {
	font-size: 13px;
	color: #4b5563;
	margin-bottom: 5px;
}

.member-detail-text i {
	color: #667eea;
	margin-right: 5px;
}

.action-buttons-section {
	margin-top: 10px;
	display: flex;
}

.member-detail-card .regview-body .member-info-section-new {
	display: flex;
	gap: 10px;
}

.field-label {
	font-weight: 600;
	color: #374151;
	margin-bottom: 8px;
	display: block;
}

.field-label i {
	color: #667eea;
	margin-right: 5px;
}

.modern-datagrid .rz-datatable-thead {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

.modern-datagrid .rz-datatable-thead th {
	color: white !important;
	font-weight: 600 !important;
	border-bottom: 2px solid #5a67d8 !important;
}

.modern-datagrid .rz-datatable-thead th .rz-sortable-column-icon {
	color: white !important;
}

.member-detail-card {
	border: 2px solid #e0e7ff !important;
}

.compact-card {
	margin-bottom: 0 !important;
}

.compact-label {
	font-size: 12px !important;
	font-weight: 600;
	color: #374151;
	margin-bottom: 5px !important;
	display: block;
}

.compact-label i {
	color: #667eea;
	margin-right: 4px;
	font-size: 11px;
}

.compact-grid {
	font-size: 12px !important;
}

.compact-grid .rz-datatable-data td {
	padding: 6px 8px !important;
	font-size: 12px !important;
}

.compact-grid .rz-datatable-thead th {
	padding: 8px !important;
	font-size: 12px !important;
}

.member-photo-compact {
	width: 70px !important;
	height: 70px !important;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid #667eea;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.book-detail-card {
	border: 2px solid #fed7aa !important;
}

.badge-warning {
	background: linear-gradient(135deg, #fef3c7, #fde68a);
	color: #92400e;
	border: 1px solid #fbbf24;
}

.transaction-dates-card {
	margin-bottom: 8px;
}

.compact-body {
	padding: 8px 15px;
}

.summary-stack {
	display: flex;
	gap: 6px;
	font-weight: 500;
}

.summary-pill {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 10px;
	font-size: 12px;
	font-weight: 700;
	border-radius: 5px;
	width: 100%;
	text-transform: uppercase;
}

.summary-pill i {
	font-size: 14px;
}

.book-pill {
	background: linear-gradient(135deg, #eef2ff, #e0e7ff);
	color: #4338ca;
	border-left: 3px solid #4f68f1 !important;
	border: 1px solid #697de9;
}

.member-pill {
	background: linear-gradient(135deg, #ecfeff, #cffafe);
	color: #155e75;
	border-left: 3px solid #23819f !important;
	border: 1px solid #4c9fb9;
}

.summary-divider {
	height: 2px;
	background: linear-gradient(90deg,
			rgba(102, 126, 234, 0.25),
			rgba(118, 75, 162, 0.25));
}

.books-row {
	margin-top: 8px;
}

.members-row {
	margin-top: 8px;
}

.transactions-row {
	margin-top: 8px;
}

.full-height {
	height: 100%;
}

.book-detail-body {
	padding: 10px;
	min-height: 220px;
}

.badge-small {
	font-size: 10px;
	padding: 3px 6px;
}

.text-book-name {
	font-size: 12px;
	font-weight: 600;
}

.text-author {
	font-size: 11px;
}

.text-publisher {
	font-size: 11px;
}

.text-member-name {
	font-size: 12px;
	font-weight: 600;
}

.text-member-detail {
	font-size: 11px;
}

.text-author-small {
	font-size: 10px;
}

.text-issuer {
	font-size: 11px;
}

.text-details {
	font-size: 10px;
}

.text-date {
	font-size: 10px;
}

.member-photo-section {
	margin-bottom: 8px;
}

.member-info-section {
	padding: 8px;
	margin-bottom: 8px;
}

.member-name-display {
	font-size: 14px;
	margin-bottom: 5px;
}

.member-detail-text {
	font-size: 11px;
	margin-bottom: 3px;
}

.member-detail-text:last-child {
	margin-bottom: 0;
}

.repeat-checkbox {
	font-size: 11px;
	margin-top: 0px;
	display: flex;
	align-items: center;
}

.btn-reset {
	background-color: #343a40 !important;
	border-color: #343a40 !important;
	color: white !important;
}

.btn-submit {
	background-color: #dc3545 !important;
	border-color: #dc3545 !important;
	color: white !important;
}

.empty-state {
	padding-top: 50px;
	font-size: 12px;
}

.empty-state-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 23px;
}

.empty-icon {
	font-size: 48px;
	color: #98d09a;
	margin-bottom: 10px;
}

.book-header {
	background: linear-gradient(135deg,
			#ff9a8b 0%,
			#ff6a88 55%,
			#ff99ac 100%) !important;
	color: white !important;
}

.book-detail-card .regview-body {
	background: linear-gradient(135deg, #fff5f5 0%, #ffe4e6 100%) !important;
}

.book-info-display {
	padding: 15px 10px;
	position: relative;
}

.book-accession {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2px;
	padding: 1px 5px;
	background: linear-gradient(135deg, #f0f9ff, #dbeafe);
	border-radius: 6px;
	margin-bottom: 0;
	border: 2px solid #60a5fa;
	position: absolute;
	top: -38px;
	right: 0;
	height: 22px;
}

.book-accession i {
	font-size: 18px;
	color: #2563eb;
}

.acc-number {
	font-size: 16px;
	font-weight: 700;
	color: #1e40af;
}

.book-title-section {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 10px;
	background: white;
	border-radius: 8px;
	margin-bottom: 5px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	border-left: 4px solid #8b5cf6;
}

.book-title-section i {
	font-size: 18px;
	color: #8b5cf6;
	flex-shrink: 0;
	margin-top: 2px;
}

.field-stack {
	display: flex;
	flex-direction: column;
}

.field-heading {
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	color: #6b7280;
	margin: 0 0 4px 0;
}

.book-title {
	font-size: 13px;
	font-weight: 700;
	color: #7c3aed;
	margin: 0;
	line-height: 1.4;
}

.book-author-section {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 10px;
	background: linear-gradient(135deg, #fef3c7, #fde68a);
	border-radius: 6px;
	margin-bottom: 8px;
	border-left: 4px solid #c17f1d;
}

.book-author-section i {
	font-size: 14px;
	color: #d97706;
}

.book-author {
	font-size: 12px;
	font-weight: 600;
	color: #92400e;
	margin: 0;
}

.book-publisher-section {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 10px;
	background: linear-gradient(135deg, #d1fae5, #a7f3d0);
	border-radius: 6px;
	border-left: 4px solid #25a468;
}

.book-publisher-section i {
	font-size: 14px;
	color: #059669;
}

.book-publisher {
	font-size: 12px;
	font-weight: 600;
	color: #065f46;
	margin: 0;
}

.member-header {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
	color: white !important;
}

.member-detail-body-enhanced {
	padding: 10px;
	min-height: 225px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: #c6c4ff;
	border: 2px solid #78bf78;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top: 0;
}

.member-info-section-enhanced {
	margin-top: 14px;
}

.member-name-display-enhanced {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
	color: #4338ca;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid #c1c1c1;
	padding-bottom: 10px;
	text-transform: uppercase;
}

.member-details-box {
	display: flex;
	justify-content: space-between;
	gap: 11px;
	margin-top: 17px;
	border-bottom: 1px solid #cfcfcf;
	padding-bottom: 30px;
}

.member-detail-row {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 3px 8px;
	background: #96d796ed;
	border-radius: 6px;
	min-width: 175px;
	border: 1px solid green;
}

.member-detail-row:last-child {
	margin-bottom: 0;
}

.member-detail-row i {
	font-size: 14px;
	flex-shrink: 0;
}

.pending-books-body {
	padding: 0;
	min-height: 227px;
}

.modern-datagrid .rz-cell-filter input {
	height: 26px !important;
	padding: 2px 8px !important;
	font-size: 11px !important;
}

.modern-datagrid .rz-cell-filter .rz-textbox {
	height: 26px !important;
	padding: 2px 8px !important;
	font-size: 11px !important;
}

.modern-datagrid .rz-datatable-filter {
	padding: 4px 6px !important;
}

.modern-datagrid .rz-datatable-thead {
	min-height: auto !important;
}

.toggle-history {
	padding: 2px 8px !important;
	font-size: 11px !important;
}

@keyframes slideInRight {
	from {
		transform: translateX(400px);
		opacity: 0;
	}

	to {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes slideOutRight {
	from {
		transform: translateX(0);
		opacity: 1;
	}

	to {
		transform: translateX(400px);
		opacity: 0;
	}
}

@keyframes progressBar {
	from {
		width: 100%;
	}

	to {
		width: 0%;
	}
}

.query-builder-btn {
	padding: 10px 25px !important;
	font-size: 13px !important;
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3);
	transition: all 0.3s;
}

.query-builder-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(34, 197, 94, 0.4);
}

.query-popup-container {
	padding: 15px;
}

.query-popup-container button {
	margin-top: 23px !important;
	padding: 8px 0 !important;
}

.query-action-btn {
	margin-top: 23px;
}

.field-text {
	font-weight: 600;
	color: #374151;
}

.group-name {
	font-weight: 600;
	color: #7c3aed;
}

.stop-name {
	font-weight: 600;
	color: #059669;
}

.student-name {
	font-weight: 600;
	color: #1f2937;
}

.route-name {
	font-weight: 700;
	color: #2563eb;
}

.driver-name {
	font-weight: 600;
	color: #059669;
}

.mobile-cell {
	display: flex;
	align-items: center;
	gap: 6px;
}

.mobile-cell i {
	color: #7c3aed;
	font-size: 14px;
}

.mobile-number {
	font-weight: 600;
	color: #5b21b6;
}

.time-cell {
	display: flex;
	align-items: center;
	gap: 6px;
}

.time-cell i {
	color: #2563eb;
	font-size: 14px;
}

.time-value {
	font-weight: 600;
	color: #1e40af;
}

.query-hero-section {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.query-hero-card {
	width: 95%;
}

.query-hero-title {
	font-size: 32px;
	font-weight: 700;
	color: #0f5c99;
	margin-bottom: 12px;
}

.query-hero-subtitle {
	font-size: 16px;
	color: #6b7280;
	margin-bottom: 40px;
	line-height: 1.6;
}

.query-steps {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 30px;
	flex-wrap: wrap;
	width: 100%;
}

.step-item {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 10px;
	background: linear-gradient(135deg, #2196f33d, #c2ecff);
	border-radius: 12px;
	width: 22%;
	border: 3px solid #2196f3;
}

.step-number {
	width: 35px;
	height: 35px;
	background: linear-gradient(135deg, #03a9f4, #4caf50);
	color: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 16px;
}

.step-content h6 {
	font-size: 13px;
	font-weight: 700;
	color: #374151;
	margin: 0 0 4px 0;
}

.step-content p {
	font-size: 11px;
	color: #6b7280;
	margin: 0;
	line-height: 1.4;
}

.step-arrow {
	font-size: 28px;
	color: #2196f3;
	font-weight: 900;
}

.query-cta-section {
	margin-bottom: 30px;
	text-align: center;
}

.query-features {
	display: flex;
	justify-content: center;
	gap: 30px;
	padding-top: 12px;
	border-top: 2px solid #cacaca;
}

.feature-item {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.feature-item i {
	font-size: 28px;
	color: #2196f3;
}

.feature-item span {
	font-size: 12px;
	font-weight: 600;
	color: #6b7280;
}

.query-results-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 20px;
	background: linear-gradient(135deg, #ecfdf5, #d1fae5);
	border-radius: 8px;
	margin-bottom: 10px;
}

.results-info {
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 600;
	color: #065f46;
}

.results-info i {
	font-size: 20px;
}

.version-name {
	font-weight: 700;
	color: #7c3aed;
}

.teacher-name {
	font-weight: 600;
	color: #059669;
}

.subject-name {
	font-weight: 600;
	color: #dc2626;
}

.count-badge {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 2px 12px;
	font-weight: 700;
	border-radius: 5px;
	border: 2px solid #3b82f6;
}

.count-badge i {
	font-size: 18px;
	color: #2563eb;
}

.count-text {
	font-size: 13px;
	color: #1e40af;
}

.count-text strong {
	font-size: 16px;
	font-weight: 700;
}

.substitution-date-header {
	display: flex;
	gap: 15px;
	align-items: center;
	padding: 15px;
}

.date-info-badge {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 0px 15px;
	background: linear-gradient(135deg, #ecfdf5, #d1fae5);
	border-radius: 5px;
	border-left: 3px solid #10b981;
}

.date-info-badge i {
	font-size: 18px;
	color: #059669;
}

.date-info-badge span {
	font-size: 13px;
	font-weight: 700;
	color: #065f46;
}

.day-info-badge {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 0px 15px;
	background: linear-gradient(135deg, #eff6ff, #dbeafe);
	border-radius: 5px;
	border-left: 3px solid #3b82f6;
}

.day-info-badge i {
	font-size: 18px;
	color: #2563eb;
}

.day-info-badge span {
	font-size: 13px;
	font-weight: 700;
	color: #1e40af;
}

.modern-substitution-table {
	width: 100%;
	margin: 0;
	font-size: 12px;
}

.modern-substitution-table thead th {
	background: linear-gradient(135deg, #434343, #444445);
	color: white;
	font-weight: 700;
	font-size: 12px;
	padding: 5px 8px;
	text-align: center;
	border: 1px solid #5a67d8;
	vertical-align: middle;
}

.modern-substitution-table thead th i {
	margin-right: 4px;
}

.sticky-col {
	position: sticky;
	left: 0;
	z-index: 10;
	background: linear-gradient(135deg, #eff6ff, #dbeafe) !important;
	border-right: 3px solid #667eea !important;
	box-shadow: 2px 0 8px rgba(102, 126, 234, 0.15);
}

.sticky-col-name {
	position: sticky;
	left: 100px;
	z-index: 10;
	background: linear-gradient(135deg, #f0fdf4, #dcfce7) !important;
	border-right: 3px solid #667eea !important;
	box-shadow: 2px 0 8px rgba(102, 126, 234, 0.15);
}

.emp-col {
	min-width: 100px;
	width: 100px;
}

.emp-name-col {
	min-width: 200px;
	width: 200px;
}

.period-col {
	min-width: 180px;
}

.emp-id-cell {
	font-weight: 600;
	text-align: center;
}

.emp-name-cell {
	font-size: 13px;
	color: #1f2937;
	font-weight: 600;
}

.period-cell {
	padding: 8px;
	vertical-align: top;
	background: #fafafa;
}

.sub-btn {
	margin-bottom: 6px;
	background-color: #fbbf24 !important;
	border-color: #f59e0b !important;
	color: white !important;
}

.sub-btn:hover {
	background-color: #f59e0b !important;
	transform: scale(1.05);
}

.period-info {
	display: flex;
	flex-direction: column;
	gap: 3px;
	margin-top: 4px;
}

.subject-label {
	font-size: 11px;
	font-weight: 700;
	color: #dc2626;
}

.class-label {
	font-size: 10px;
	font-weight: 600;
	color: #2563eb;
}

.teacher-label {
	font-size: 10px;
	color: #059669;
}

.count-badge-green {
	background: linear-gradient(135deg, #ecfdf5, #d1fae5);
	border-left-color: #10b981;
}

.count-badge-green i {
	color: #059669;
}

.count-badge-green .count-text {
	color: #065f46;
}

.count-badge-blue {
	background: linear-gradient(135deg, #eff6ff, #dbeafe);
	border-left-color: #3b82f6;
}

.count-badge-blue i {
	color: #2563eb;
}

.count-badge-blue .count-text {
	color: #1e40af;
}

.modern-timetable-table {
	width: 100%;
	margin: 0;
	font-size: 12px;
}

.modern-timetable-table thead th {
	background: linear-gradient(135deg, #434343, #444445);
	color: white;
	font-weight: 700;
	font-size: 12px;
	padding: 5px 8px;
	min-width: 110px;
	border: 1px solid #5a67d8;
	vertical-align: middle;
}

.modern-timetable-table thead th i {
	margin-right: 4px;
}

.day-col {
	min-width: 120px;
}

.day-name-cell {
	background: linear-gradient(135deg, #f9fafb, #f3f4f6);
	font-weight: 700;
	color: #374151;
	vertical-align: middle;
	padding: 12px;
}

.tt-period-cell {
	padding: 5px !important;
	vertical-align: top !important;
	background: #fafafa;
	min-width: 143px;
}

.tt-schedule-card {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 2px 6px;
	margin-bottom: 4px;
	background: white;
	border-radius: 5px;
	border-left: 3px solid #667eea;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.tt-subject {
	font-size: 11px;
	font-weight: 700;
	color: #dc2626;
}

.tt-class {
	font-size: 10px;
	font-weight: 600;
	color: #2563eb;
}

.tt-teacher {
	font-size: 10px;
	font-weight: 600;
	color: #059669;
}

.free-period-text {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	padding: 3px 4px;
	color: #9ca3af;
	font-style: italic;
	font-size: 12px;
	background: #f9fafb;
	border-radius: 6px;
}

.free-period-text i {
	font-size: 14px;
}

.panel-footer {
	padding: 15px 20px;
	background: linear-gradient(135deg, #f9fafb, #f3f4f6);
	border-top: 1px solid #e5e7eb;
	text-align: right;
}

.panel-footer .btn {
	min-width: 120px;
}

.period-label {
	font-size: 11px;
	font-weight: 700;
	color: #6b7280;
	margin-bottom: 8px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.stat-icon {
	width: 45px;
	height: 45px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
}

.total-box .stat-icon {
	background: #3b82f6;
	color: white;
}

.boys-box .stat-icon {
	background: #10b981;
	color: white;
}

.girls-box .stat-icon {
	background: #ec4899;
	color: white;
}

.stat-content {
	flex: 1;
}

.stat-label {
	font-size: 12px;
	color: #6b7280;
	font-weight: 600;
	margin-bottom: 4px;
}

.stat-value {
	font-size: 24px;
	font-weight: 800;
	color: #1f2937;
}

.class-card-footer .btn {
	width: 100%;
}

.summary-card {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.summary-card i {
	font-size: 18px;
}

.summary-label {
	font-size: 13px;
	color: #6b7280;
	font-weight: 600;
}

.empty-state {
	text-align: center;
	padding: 60px 20px;
}

.empty-state i {
	font-size: 64px;
	color: #d1d5db;
	margin-bottom: 15px;
}

.empty-state h5 {
	color: #6b7280;
	margin-bottom: 8px;
}

.empty-state p {
	color: #9ca3af;
	font-size: 14px;
}

.modern-class-tabs {
	margin-top: 15px;
}

.modern-class-tabs .rz-tabs-nav {
	background: linear-gradient(135deg, #f8fafc, #f1f5f9);
	border-radius: 12px;
	padding: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	border: 1px solid #e2e8f0;
}

.modern-class-tabs .rz-tabs-nav .rz-tab {
	background: transparent;
	border: none;
	border-radius: 8px;
	padding: 12px 20px;
	margin: 0 4px;
	transition: all 0.3s;
	position: relative;
	overflow: hidden;
}

.modern-class-tabs .rz-tabs-nav .rz-tab::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: linear-gradient(135deg, #667eea, #764ba2);
	transition: width 0.3s;
	z-index: 0;
}

.modern-class-tabs .rz-tabs-nav .rz-tab:hover::before {
	width: 100%;
}

.modern-class-tabs .rz-tabs-nav .rz-tab:hover {
	color: white;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.modern-class-tabs .rz-tabs-nav .rz-tab.rz-tab-selected {
	background: linear-gradient(135deg, #667eea, #764ba2);
	color: white;
	box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
	transform: translateY(-2px);
}

.modern-class-tabs .rz-tabs-nav .rz-tab.rz-tab-selected::before {
	width: 100%;
}

.modern-class-tabs .rz-tabs-nav .rz-tab .rz-tab-label {
	position: relative;
	z-index: 1;
	font-weight: 600;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.modern-class-tabs .rz-tabs-nav .rz-tab .rz-tab-label::before {
	content: "🎓";
	font-size: 16px;
}

.modern-class-tabs .rz-tabs-nav .rz-tab.rz-tab-selected .rz-tab-label::before {
	content: "🎓";
	filter: brightness(1.2);
}

.modern-class-tabs .rz-tabpanel {
	background: white;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	border: 1px solid #e5e7eb;
	margin-top: 15px;
	overflow: hidden;
}

@media (max-width: 768px) {
	.modern-class-tabs .rz-tabs-nav {
		flex-direction: column;
		gap: 8px;
	}

	.modern-class-tabs .rz-tabs-nav .rz-tab {
		width: 100%;
		text-align: center;
		margin: 0;
	}
}

.tab-content-header {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
	padding-bottom: 12px;
	border-bottom: 2px solid #e5e7eb;
}

.tab-content-header i {
	font-size: 22px;
	color: #7c3aed;
}

.tab-content-header h5 {
	margin: 0;
	color: #1f2937;
	font-weight: 700;
	font-size: 20px;
}

.action-cards-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 15px;
}

.cards-animate .action-card {
	animation: cardRefresh 0.6s ease-out;
}

@keyframes cardRefresh {
	0% {
		opacity: 0.3;
		transform: scale(0.95) translateY(10px);
	}

	50% {
		opacity: 0.6;
		transform: scale(0.98) translateY(5px);
	}

	100% {
		opacity: 1;
		transform: scale(1) translateY(0);
	}
}

.cards-animate .action-card:nth-child(1) {
	animation-delay: 0ms;
}

.cards-animate .action-card:nth-child(2) {
	animation-delay: 50ms;
}

.cards-animate .action-card:nth-child(3) {
	animation-delay: 100ms;
}

.cards-animate .action-card:nth-child(4) {
	animation-delay: 150ms;
}

.cards-animate .action-card:nth-child(5) {
	animation-delay: 200ms;
}

.cards-animate .action-card:nth-child(6) {
	animation-delay: 250ms;
}

.cards-animate .action-card:nth-child(7) {
	animation-delay: 300ms;
}

.cards-animate .action-card:nth-child(8) {
	animation-delay: 350ms;
}

.cards-animate .action-card:nth-child(9) {
	animation-delay: 400ms;
}

.cards-animate .action-card:nth-child(10) {
	animation-delay: 450ms;
}

.cards-animate .action-card:nth-child(11) {
	animation-delay: 500ms;
}

.cards-animate .action-card:nth-child(12) {
	animation-delay: 550ms;
}

.action-card {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 18px;
	border-radius: 10px;
	cursor: pointer;
	transition: all 0.3s;
	border: 1px solid transparent;
	position: relative;
	overflow: hidden;
}

.action-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 4px;
	height: 100%;
	transition: width 0.3s;
}

.action-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.action-card:hover::before {
	width: 100%;
	opacity: 0.1;
}

.ac-icon {
	width: 50px;
	height: 50px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: white;
	flex-shrink: 0;
}

.ac-content {
	flex: 1;
}

.ac-content h6 {
	margin: 0 0 4px 0;
	font-size: 14px;
	font-weight: 700;
	color: #1f2937;
	background: transparent;
}

.ac-content span {
	font-size: 12px;
	color: #6b7280;
	font-weight: 500;
}

.ac-blue {
	background: linear-gradient(135deg, #eff6ff, #dbeafe);
	border-color: #bfdbfe;
}

.ac-blue::before {
	background: #3b82f6;
}

.ac-blue .ac-icon {
	background: #3b82f6;
}

.ac-purple {
	background: linear-gradient(135deg, #f5f3ff, #ede9fe);
	border-color: #ddd6fe;
}

.ac-purple::before {
	background: #7c3aed;
}

.ac-purple .ac-icon {
	background: #7c3aed;
}

.ac-orange {
	background: linear-gradient(135deg, #fff7ed, #ffedd5);
	border-color: #fed7aa;
}

.ac-orange::before {
	background: #f97316;
}

.ac-orange .ac-icon {
	background: #f97316;
}

.ac-green {
	background: linear-gradient(135deg, #ecfdf5, #d1fae5);
	border-color: #a7f3d0;
}

.ac-green::before {
	background: #10b981;
}

.ac-green .ac-icon {
	background: #10b981;
}

.ac-teal {
	background: linear-gradient(135deg, #f0fdfa, #ccfbf1);
	border-color: #99f6e4;
}

.ac-teal::before {
	background: #14b8a6;
}

.ac-teal .ac-icon {
	background: #14b8a6;
}

.ac-indigo {
	background: linear-gradient(135deg, #eef2ff, #e0e7ff);
	border-color: #c7d2fe;
}

.ac-indigo::before {
	background: #6366f1;
}

.ac-indigo .ac-icon {
	background: #6366f1;
}

.ac-pink {
	background: linear-gradient(135deg, #fdf2f8, #fce7f3);
	border-color: #fbcfe8;
}

.ac-pink::before {
	background: #ec4899;
}

.ac-pink .ac-icon {
	background: #ec4899;
}

.ac-cyan {
	background: linear-gradient(135deg, #ecfeff, #cffafe);
	border-color: #a5f3fc;
}

.ac-cyan::before {
	background: #06b6d4;
}

.ac-cyan .ac-icon {
	background: #06b6d4;
}

.ac-red {
	background: linear-gradient(135deg, #fef2f2, #fee2e2);
	border-color: #fecaca;
}

.ac-red::before {
	background: #ef4444;
}

.ac-red .ac-icon {
	background: #ef4444;
}

.ac-success {
	background: linear-gradient(135deg, #f0fdf4, #dcfce7);
	border-color: #bbf7d0;
}

.ac-success::before {
	background: #22c55e;
}

.ac-success .ac-icon {
	background: #22c55e;
}

.ac-yellow {
	background: linear-gradient(135deg, #fefce8, #fef9c3);
	border-color: #fef08a;
}

.ac-yellow::before {
	background: #eab308;
}

.ac-yellow .ac-icon {
	background: #eab308;
}

.ac-gray {
	background: linear-gradient(135deg, #f9fafb, #f3f4f6);
	border-color: #e5e7eb;
}

.ac-gray::before {
	background: #6b7280;
}

.ac-gray .ac-icon {
	background: #6b7280;
}

.ac-violet {
	background: linear-gradient(135deg, #faf5ff, #f3e8ff);
	border-color: #e9d5ff;
}

.ac-violet::before {
	background: #8b5cf6;
}

.ac-violet .ac-icon {
	background: #8b5cf6;
}

@media (max-width: 768px) {
	.action-cards-grid {
		grid-template-columns: 1fr;
	}
}

.dashboard-view-tabs {
	display: flex;
	gap: 10px;
	margin-bottom: 20px;
	border-bottom: 2px solid #e5e7eb;
	padding-bottom: 0;
}

.view-tab {
	background: transparent;
	border: none;
	padding: 12px 24px;
	font-size: 14px;
	font-weight: 600;
	color: #6b7280;
	cursor: pointer;
	border-bottom: 3px solid transparent;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	gap: 8px;
}

.view-tab:hover {
	color: #667eea;
	background: rgba(102, 126, 234, 0.05);
}

.view-tab.active {
	color: #667eea;
	border-bottom-color: #667eea;
	background: rgba(102, 126, 234, 0.08);
}

.view-tab i {
	font-size: 16px;
}

.admission-class-cards-compact {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	padding: 0px 20px 20px;
}

.admission-card-modern {
	background: white;
	border-radius: 12px;
	border: 1px solid #e5e7eb;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	transition: all 0.3s ease;
}

.admission-card-modern:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 20px rgba(102, 126, 234, 0.15);
	border-color: #667eea;
}

.card-header-modern {
	background: linear-gradient(135deg, #237abf 0%, #2196f3 100%);
	padding: 8px 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.class-name-section {
	display: flex;
	align-items: center;
	gap: 8px;
	color: white;
	font-size: 15px;
	font-weight: 700;
}

.class-name-section i {
	font-size: 18px;
}

.total-badge-modern {
	background: rgba(255, 255, 255, 0.25);
	color: white;
	padding: 6px 12px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 700;
	display: flex;
	align-items: center;
	gap: 5px;
	display: none;
}

.card-body-modern {
	padding: 0;
}

.detail-table-wrapper {
	max-height: 300px;
	overflow-y: auto;
}

.detail-table-modern {
	width: 100%;
	border-collapse: collapse;
}

.detail-table-modern tbody tr {
	border-bottom: 1px solid #f3f4f6;
	transition: all 0.2s ease;
}

.detail-table-modern tbody tr:last-child {
	border-bottom: none;
}

.detail-table-modern tbody tr:hover {
	background: rgba(102, 126, 234, 0.05);
}

.detail-icon-col {
	width: 40px;
	text-align: center;
	padding: 10px 8px;
	font-size: 16px;
}

.detail-name-col {
	padding: 10px 12px;
	font-size: 12px;
	font-weight: 600;
	color: #374151;
}

.detail-value-col {
	padding: 10px 16px;
	font-size: 14px;
	font-weight: 700;
	text-align: right;
	color: #1f2937;
}

.row-blue .detail-icon-col {
	background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
	color: #1d4ed8;
}

.row-green .detail-icon-col {
	background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
	color: #059669;
}

.row-purple .detail-icon-col {
	background: linear-gradient(135deg, #e9d5ff 0%, #d8b4fe 100%);
	color: #9333ea;
}

.row-orange .detail-icon-col {
	background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
	color: #ea580c;
}

.row-pink .detail-icon-col {
	background: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%);
	color: #db2777;
}

.row-cyan .detail-icon-col {
	background: linear-gradient(135deg, #cffafe 0%, #a5f3fc 100%);
	color: #0891b2;
}

.grid-view-section {
	padding: 0px 20px 27px;
}

@media (max-width: 1600px) {
	.admission-class-cards-compact {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 1200px) {
	.admission-class-cards-compact {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.admission-class-cards-compact {
		grid-template-columns: 1fr;
	}

	.dashboard-view-tabs {
		flex-direction: column;
		gap: 5px;
	}

	.view-tab {
		padding: 10px 16px;
	}
}

.summary_panel_fixed_bottom {
	position: fixed;
	bottom: 0;
	left: 17%;
	right: 0;
	background-color: #fff9f9 !important;
	border-top: 3px solid #dc3528 !important;
	z-index: 1000;
	padding: 10px 0px !important;
}

.summary_panel_fixed_bottom .row {
	margin: 0;
}

.summary_panel_fixed_bottom .col-md-2 {
	padding: 0 10px;
}

.summary_panel_fixed_bottom h4 {
	font-size: 32px;
	font-weight: 700;
}

.summary_panel_fixed_bottom p {
	font-size: 13px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.summary_panel_fixed_bottom p i {
	font-size: 16px;
}

.seat-grid-container {
	background: #f8f9fa;
	padding: 10px;
	border-radius: 5px;
	overflow-x: auto;
	margin-bottom: 50px;
}

.seat-grid {
	display: grid;
	gap: 8px;
	margin: 0 auto;
	width: fit-content;
	padding: 10px;
}

.seat-item {
	width: 70px;
	height: 65px;
	border: 2px solid #dee2e6;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	background: white;
	font-size: 13px;
	font-weight: bold;
	position: relative;
	padding: 4px;
}

.seat-item:hover {
	transform: scale(1.05);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.seat-available {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	border-color: #667eea;
	color: white;
}

.seat-blocked {
	background: #dc3545;
	border-color: #dc3545;
	color: white;
}

.seat-empty {
	background: #e9ecef;
	border-color: #ced4da;
	color: #6c757d;
}

.seat-teacher {
	background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
	border-color: #f093fb;
	color: white;
}

.seat-aisle {
	background: transparent;
	border: 2px dashed #ced4da;
	color: #6c757d;
}

.board-area {
	background: #198754;
	color: white;
	padding: 4px 0;
	text-align: center;
	border-radius: 8px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 400;
}

.legend-container {
	display: flex;
	flex-wrap: wrap;
	gap: 22px;
	padding: 11px;
	background: white;
	margin-bottom: 0;
	border-bottom: 1px solid #dcdcdc;
}

.legend-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.legend-box {
	width: 15px;
	height: 15px;
	border-radius: 3px;
}

.tool-btn {
	padding: 2px 15px;
	margin-right: 10px;
	border: 2px solid #dee2e6;
	border-radius: 5px;
	cursor: pointer;
	transition: all 0.3s;
}

.tool-btn.active {
	border-color: #667eea;
	background: #667eea;
	color: white;
}

.room-card {
	border: 2px solid #d2d2d2;
	border-radius: 12px;
	padding: 10px;
	margin-bottom: 10px;
	transition: all 0.3s ease;
	background: white;
}

.room-card:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	border-color: #667eea;
}

.room-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 2px solid #e9ecef;
}

.room-title {
	font-size: 17px;
	font-weight: bold;
	color: #2c3e50;
}

.room-info {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

.info-badge {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 1px 7px;
	font-weight: 700;
	border-radius: 4px;
	font-size: 12px;
	border-left: 3px solid #dee2e6;
	transition: all 0.3s ease;
}

.info-badge:hover {
	transform: translateX(3px);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.info-badge.badge-primary {
	background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
	border-left-color: #2196f3;
	color: #1565c0;
}

.info-badge.badge-success {
	background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
	border-left-color: #4caf50;
	color: #2e7d32;
}

.info-badge.badge-warning {
	background: linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%);
	border-left-color: #ffc107;
	color: #f57c00;
}

.info-badge.badge-info {
	background: linear-gradient(135deg, #e0f7fa 0%, #b2ebf2 100%);
	border-left-color: #00bcd4;
	color: #00838f;
}

.info-badge.badge-purple {
	background: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%);
	border-left-color: #9c27b0;
	color: #6a1b9a;
}

.student-seat-grid {
	display: grid;
	gap: 10px;
	margin: 20px 0;
}

.student-seat {
	border: 1px solid #dee2e6;
	border-radius: 4px;
	padding: 10px;
	background: linear-gradient(135deg, #2b43b1 0%, #2196f3 100%);
	color: white;
	text-align: center;
	font-size: 12px;
	transition: all 0.3s;
	cursor: pointer;
}

.student-seat:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.seat-number {
	font-weight: bold;
	font-size: 14px;
	display: block;
	margin-bottom: 5px;
}

.student-seat .student-name {
	font-size: 11px;
	opacity: 0.95;
	color: white;
}

.student-seat .student-rolllno {
	font-size: 10px;
	margin-top: 3px;
}

.exam-selector {
	background: white;
	padding: 10px;
	border-radius: 12px;
	margin-bottom: 0px;
}

.stats-panel {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 10px;
	margin-bottom: 10px;
}

.stat-card {
	padding: 2px 8px;
	border-radius: 10px;
	border: 1px solid #e9ecef;
	border-left: 4px solid #667eea;
	text-align: left;
	transition: all 0.3s ease;
}

.stat-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.stat-card.stat-primary {
	background: linear-gradient(135deg, #e3f2fd 0%, #f5f9ff 100%);
	border-left-color: #2196f3;
}

.stat-card.stat-primary .stat-value {
	color: #1976d2;
}

.stat-card.stat-success {
	background: linear-gradient(135deg, #e8f5e9 0%, #f1f8f4 100%);
	border-left-color: #4caf50;
}

.stat-card.stat-success .stat-value {
	color: #388e3c;
}

.stat-card.stat-info {
	background: linear-gradient(135deg, #e0f7fa 0%, #f0fafb 100%);
	border-left-color: #00bcd4;
}

.stat-card.stat-info .stat-value {
	color: #0097a7;
}

.stat-card.stat-warning {
	background: linear-gradient(135deg, #fff8e1 0%, #fffbf0 100%);
	border-left-color: #ffc107;
}

.stat-card.stat-warning .stat-value {
	color: #f57c00;
}

.stat-card.stat-danger {
	background: linear-gradient(135deg, #ffebee 0%, #fff5f5 100%);
	border-left-color: #f44336;
}

.stat-card.stat-danger .stat-value {
	color: #d32f2f;
}

.stat-card.stat-purple {
	background: linear-gradient(135deg, #f3e5f5 0%, #faf5fb 100%);
	border-left-color: #9c27b0;
}

.stat-card.stat-purple .stat-value {
	color: #7b1fa2;
}

.rz-tabview-nav {
	border-bottom: 2px solid #e9ecef;
}

.rz-tabview-nav .rz-tabview-nav-link {
	padding: 12px 24px;
	font-weight: 500;
	border: none;
	border-bottom: 3px solid transparent;
	transition: all 0.3s ease;
}

.rz-tabview-nav .rz-tabview-nav-link:hover {
	background: #f8f9fa;
	border-bottom-color: #667eea;
}

.rz-tabview-nav .rz-tabview-nav-link.rz-state-active {
	border-bottom-color: #667eea;
	color: #667eea;
	font-weight: 600;
}

.grid-controls .btn-group {
	display: flex;
	gap: 10px;
}

.grid-controls .btn {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 10px 15px;
	font-weight: 500;
	border-radius: 8px;
	transition: all 0.3s ease;
}

.grid-controls .btn:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.grid-controls .btn:not(:disabled):hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.filter-panel {
	background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
	padding: 20px;
	border-radius: 12px;
	border: 2px solid #e9ecef;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.filter-panel .compact-label {
	font-weight: 600;
	color: #2c3e50;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	gap: 6px;
}

.filter-panel .text-muted {
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	background: #f8f9fa;
	border-radius: 6px;
}

.empty-state {
	text-align: center;
	padding: 60px 20px;
	background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
	border-radius: 12px;
	border: 2px dashed #dee2e6;
}

.empty-state i.bi {
	font-size: 64px;
	color: #6c757d;
	margin-bottom: 20px;
	opacity: 0.6;
}

.empty-state h5 {
	font-size: 24px;
	color: #2c3e50;
	margin-bottom: 12px;
	font-weight: 600;
}

.empty-state p {
	font-size: 16px;
	color: #6c757d;
	margin-bottom: 24px;
}

.empty-state .btn {
	padding: 12px 30px;
	font-size: 16px;
	font-weight: 500;
}

.tool-panel-redesigned {
	background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
	padding: 20px;
	border-radius: 12px;
	border: 2px solid #e9ecef;
	margin-bottom: 20px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.tool-panel-redesigned h6 {
	margin-bottom: 12px;
	font-weight: 600;
	color: #2c3e50;
	display: flex;
	align-items: center;
	gap: 8px;
}

.tool-panel-redesigned .btn-group {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.grid-size-controls {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.control-row {
	display: flex;
	align-items: center;
	gap: 8px;
}

.control-label-compact {
	font-weight: 600;
	color: #495057;
	min-width: 45px;
}

.control-value {
	font-weight: bold;
	color: #667eea;
	min-width: 30px;
	text-align: center;
	font-size: 16px;
}

.control-row .btn {
	padding: 4px 10px;
	font-size: 14px;
}

.control-row .btn i {
	font-size: 14px;
}

.tool-btn {
	padding: 10px 16px;
	background: white;
	border: 2px solid #dee2e6;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s ease;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	font-weight: 500;
	color: #495057;
}

.tool-btn:hover {
	background: #f8f9fa;
	border-color: #667eea;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.tool-btn.active {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	border-color: #667eea;
	color: white;
	box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
	transform: translateY(-2px);
}

.tool-btn.active:hover {
	background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
}

.tool-btn i {
	font-size: 16px;
}

.student-filters {
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	padding: 15px;
	border-radius: 8px;
	border: 2px solid #dee2e6;
}

.panel-footer-buttons {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	padding-top: 15px;
	border-top: 1px solid #e9ecef;
}

.student-card {
	background: white;
	border: 2px solid #e9ecef;
	border-radius: 8px;
	padding: 12px;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
}

.student-card:hover {
	border-color: #667eea;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.student-card.assigned {
	background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
	border-color: #4caf50;
}

.student-details {
	display: flex;
	gap: 12px;
	font-size: 14px;
	color: #6c757d;
}

.student-seat {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	font-size: 10px;
	text-align: center;
	gap: 2px;
}

.seat-num {
	font-weight: bold;
	font-size: 11px;
	color: #2c3e50;
	background: white;
	padding: 2px 6px;
	border-radius: 3px;
}

.student-name {
	font-size: 9px;
	color: white;
	margin: 0;
	line-height: 1.2;
	font-weight: 600;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.student-class {
	font-size: 8px;
	color: #2c3e50;
	background: rgba(255, 255, 255, 0.9);
	padding: 1px 6px;
	border-radius: 3px;
	font-weight: 600;
}

.student-grid-container {
	max-height: 500px;
	overflow: hidden;
}

.student-datagrid {
	border: none !important;
}

.student-datagrid .rz-grid-header {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
	color: white !important;
}

.student-datagrid .rz-grid-header th {
	color: white !important;
	font-weight: 600 !important;
	border: none !important;
	padding: 12px 8px !important;
}

.student-datagrid .rz-datatable-data td {
	border-bottom: 1px solid #e9ecef !important;
	vertical-align: middle !important;
	padding: 10px 8px !important;
}

.student-datagrid .rz-datatable-data tr:hover {
	background: #f8f9fa !important;
}

.student-name-cell {
	display: flex;
	align-items: center;
	gap: 8px;
}

.student-name-cell i {
	color: #667eea;
	font-size: 18px;
}

.student-datagrid .badge {
	padding: 5px 12px;
	font-size: 12px;
	font-weight: 500;
	border-radius: 5px;
	display: inline-block;
}

.student-datagrid .badge-info {
	background: linear-gradient(135deg, #00d2ff 0%, #3a7bd5 100%);
	color: white;
}

.student-datagrid .badge-success {
	background: linear-gradient(135deg, #4caf50 0%, #45a049 100%);
	color: white;
}

.student-datagrid .badge-secondary {
	background: #6c757d;
	color: white;
}

.selected-count-badge {
	background: linear-gradient(135deg, #4caf50 0%, #45a049 100%);
	color: white;
	padding: 10px 15px;
	border-radius: 8px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-shadow: 0 2px 8px rgba(76, 175, 80, 0.3);
}

.selected-count-badge i {
	font-size: 18px;
}

.selected-count-badge .btn {
	padding: 4px 10px;
	font-size: 12px;
}

.no-data-container {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 200px;
	padding: 10px 20px;
}

.no-data-content {
	text-align: center;
	max-width: 500px;
}

.no-data-icon {
	font-size: 80px;
	color: #6c757d;
	margin-bottom: 0px;
	opacity: 0.5;
}

.no-data-title {
	color: #969696;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 0px;
}

.no-data-description {
	color: #a3a3a3;
	font-size: 16px;
	line-height: 1.6;
	margin: 0;
}

.submission-header {
	margin-bottom: 30px;
	text-align: center;
}

.submission-icon {
	width: 80px;
	height: 80px;
	margin: 0 auto 20px;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
}

.submission-icon i {
	font-size: 40px;
	color: white;
}

.submission-title {
	color: #1f2937;
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 24px;
}

.submission-description {
	color: #6b7280;
	font-size: 14px;
	margin: 0;
}

.modern-input {
	border: 2px solid #e5e7eb;
	border-radius: 8px;
	transition: all 0.3s ease;
}

.modern-input:focus {
	border-color: #667eea;
	box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.info-message {
	background: #eff6ff;
	border-left: 4px solid #3b82f6;
	padding: 12px 16px;
	border-radius: 6px;
	margin: 20px 0;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 13px;
	color: #1e40af;
}

.info-message i {
	font-size: 18px;
	color: #3b82f6;
}

.form-actions {
	text-align: center;
	margin-top: 30px;
}

@media (max-width: 768px) {
	.form-submission-container {
		padding: 24px;
	}

	.submission-title {
		font-size: 20px;
	}

	.submission-icon {
		width: 60px;
		height: 60px;
	}

	.submission-icon i {
		font-size: 30px;
	}
}

.fee-collection-edit-modern {
	max-height: 100vh;
	overflow: hidden;
}

.fee-edit-header {
	display: flex;
	gap: 10px;
	margin-bottom: 12px;
	flex-wrap: wrap;
}

.fee-pill {
	flex: 1;
	min-width: 200px;
	border-radius: 10px;
	padding: 7px 10px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
	display: flex;
	align-items: center;
	gap: 10px;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
	background: #ffffff;
}

.fee-pill::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0.15;
	z-index: 0;
}

.fee-pill:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
}

.pill-icon-wrapper {
	width: 40px;
	height: 40px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	z-index: 1;
	flex-shrink: 0;
}

.pill-content {
	display: flex;
	flex-direction: column;
	gap: 2px;
	z-index: 1;
	flex: 1;
}

.fee-pill-primary {
	border-left: 4px solid #009688;
}

.fee-pill-primary .pill-icon-wrapper {
	background: #009688;
}

.fee-pill-success {
	border-left: 4px solid #4caf50;
}

.fee-pill-success .pill-icon-wrapper {
	background: #4caf50;
}

.fee-pill-info {
	border-left: 4px solid rgb(238 99 89);
}

.fee-pill-info .pill-icon-wrapper {
	background: rgb(238 99 89);
}

.pill-icon-wrapper i {
	font-size: 20px;
}

.pill-label {
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	opacity: 0.9;
	color: grey;
}

.fee-pill strong {
	font-size: 14px;
	font-weight: 700;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.modern-date-picker-compact {
	width: 100%;
	border: none;
	background: rgba(255, 255, 255, 0.25);
	border-radius: 6px;
	padding: 4px 8px;
	font-weight: 600;
	color: white;
	font-size: 13px;
}

.modern-date-picker-compact:focus {
	background: rgba(255, 255, 255, 0.35);
	outline: none;
}

.modern-student-card {
	background: white;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
	margin-bottom: 12px;
	transition: all 0.3s ease;
}

.modern-student-card:hover {
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.15);
}

.modern-student-card .student-card-header {
	background: linear-gradient(135deg, #17a2b8 0%, #138496 100%);
	color: white;
	padding: 8px 12px;
	font-weight: 700;
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
	margin: 0;
}

.modern-student-card .student-card-header .header-title {
	display: flex;
	align-items: center;
	gap: 6px;
}

.modern-student-card .student-card-header .admission-no {
	background: rgba(255, 255, 255, 0.2);
	padding: 2px 10px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 600;
}

.modern-student-card .student-card-header i {
	font-size: 14px;
}

.modern-student-card .student-card-body {
	padding: 10px;
}

.modern-student-card .student-photo-section {
	text-align: center;
	position: relative;
	margin-bottom: 0px;
}

.modern-student-card .student-photo {
	width: 100px;
	height: 115px;
	object-fit: cover;
	border-radius: 10px;
	border: 3px solid #667eea;
	box-shadow: 0 3px 10px rgba(102, 126, 234, 0.3);
	transition: all 0.3s ease;
}

.modern-student-card .student-photo:hover {
	transform: scale(1.03);
	box-shadow: 0 4px 14px rgba(102, 126, 234, 0.4);
}

.student-photo-section .admission-badge {
	display: inline-block;
	background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
	color: white;
	padding: 4px 12px;
	border-radius: 50px;
	font-weight: 700;
	font-size: 11px;
	margin-top: 6px;
	box-shadow: 0 2px 6px rgba(245, 87, 108, 0.3);
}

.student-photo-section .absent i {
	margin-right: 4px;
	font-size: 10px;
}

.modern-student-card .student-details {
	border-bottom: 1px dashed #aab5c4;
	gap: 3px;
	display: block;
}

.modern-student-card .student-name {
	font-size: 17px;
	font-weight: 700;
	color: #2d3748;
	margin-bottom: 4px;
	display: flex;
	gap: 6px;
}

.modern-student-card .student-name i {
	color: #667eea;
	font-size: 14px;
}

.modern-student-card .ac-cyan::before {
	font-size: 12px;
	color: #4a5568;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
}

.modern-student-card .student-class {
	font-size: 14px;
	color: #ffffff;
	background: #2196f3;
	padding: 2px 5px;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 5px;
	border-radius: 23px;
	justify-content: center;
	max-width: 90px;
}

.modern-student-card .student-class i {
	color: #ffffff;
	font-size: 11px;
}

.modern-student-card .receipt-info-card {
	background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
	border-radius: 8px;
	padding: 10px;
	border: 2px solid #667eea;
}

.modern-student-card .receipt-number {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #e2e8f0;
	font-size: 11px;
}

.modern-student-card .receipt-number i {
	color: #667eea;
	font-size: 14px;
}

.modern-student-card .receipt-label {
	font-size: 10px;
	color: #6c757d;
	font-weight: 500;
}

.modern-student-card .receipt-number strong {
	margin-left: auto;
	font-size: 13px;
	color: #2d3748;
}

.modern-student-card .receipt-amount {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
	padding: 8px;
	border-radius: 6px;
}

.modern-student-card .receipt-amount i {
	color: white;
	font-size: 16px;
	animation: pulse 2s infinite;
}

.modern-student-card .amount-value {
	font-size: 15px;
	font-weight: 700;
	color: white;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.student-info-horizontal {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}

.student-photo-compact {
	flex-shrink: 0;
	width: 70px;
	height: 70px;
	border-radius: 8px;
	object-fit: cover;
	border: 2px solid #667eea;
	box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

.student-info-content {
	flex-grow: 1;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

.student-info-content .receipt-info {
	color: #007bff;
	font-weight: 500;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 5px;
	position: absolute;
	right: 0;
	top: 0;
	border: 1px dotted;
	padding: 6px 5px;
	border-radius: 6px;
}

.receipt-amount-large {
	background: #dc6d6d;
	color: white;
	padding: 2px 15px;
	border-radius: 10px;
	text-align: center;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.receipt-amount-large .amount-label {
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	color: white;
	margin: 0;
}

.modern-payment-card {
	background: white;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
}

.modern-payment-card:hover {
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.15);
}

.payment-card-header {
	background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
	color: white;
	padding: 8px 12px;
	font-weight: 700;
	font-size: 13px;
	display: flex;
	align-items: center;
	gap: 6px;
}

.payment-card-header i {
	font-size: 14px;
}

.payment-card-body {
	padding: 12px;
}

.modern-form-field-compact {
	margin-bottom: 10px;
}

.modern-label-compact {
	display: flex;
	align-items: center;
	gap: 5px;
	font-weight: 600;
	color: #2d3748;
	margin-bottom: 4px;
	font-size: 11px;
}

.modern-label-compact i {
	color: #667eea;
	font-size: 12px;
}

.modern-input-compact {
	width: 100%;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	padding: 5px 10px;
	font-size: 12px;
	transition: all 0.3s ease;
}

.modern-input-compact:focus {
	border-color: #667eea;
	box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.1);
}

.modern-fee-details-card {
	background: white;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	max-height: calc(100vh - 315px);
	display: flex;
	flex-direction: column;
}

.modern-fee-details-card:hover {
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.15);
}

.fee-details-header {
	background: linear-gradient(135deg, #17a2b8 0%, #138496 100%);
	color: white;
	padding: 8px 12px;
	font-weight: 700;
	font-size: 13px;
	display: flex;
	align-items: center;
	position: relative;
	gap: 8px;
}

.fee-details-header>i {
	font-size: 14px;
}

.total-badge {
	background: rgba(255, 255, 255, 0.25);
	padding: 4px 10px;
	border-radius: 50px;
	font-weight: 700;
	font-size: 11px;
	display: flex;
	align-items: center;
	gap: 4px;
	position: absolute;
	right: 13px;
}

.fee-details-body {
	padding: 0;
	overflow-y: auto;
	flex: 1;
}

.modern-datagrid-edit {
	border: none;
	font-size: 12px;
}

.modern-datagrid-edit .rz-datatable-data {
	font-size: 12px;
}

.modern-datagrid-edit th {
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	border-bottom: 2px solid #667eea !important;
	font-size: 11px;
}

.modern-datagrid-edit .rz-column-title-content {
	color: #2d3748 !important;
}

.modern-datagrid-edit td {
	padding: 6px 8px;
	vertical-align: middle;
	font-size: 11px;
}

.modern-datagrid-edit tbody tr:hover {
	background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
}

.amount-payable {
	background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);
	padding: 4px 8px;
	border-radius: 6px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 11px;
}

.amount-payable i {
	color: #856404;
	font-size: 10px;
}

.amount-received {
	background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
	padding: 4px 8px;
	border-radius: 6px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 11px;
}

.amount-received i {
	color: #155724;
	font-size: 10px;
}

.modern-input-grid {
	width: 100%;
	border: 1px solid #667eea;
	border-radius: 4px;
	padding: 4px 8px;
	font-weight: 600;
	font-size: 12px;
}

.grid-total-outside {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 5px;
	border: 1px solid #d6bcbca3;
	background: white;
	border-radius: 10px;
	box-shadow: 3px 2px 6px #80808033;
	padding: 7px 0;
}

.grid-footer-total {
	background: #df6565;
	color: white;
	padding: 5px 20px;
	border-radius: 10px;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: all 0.3s ease;
}

.grid-footer-total:hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 18px rgba(102, 126, 234, 0.5);
}

.grid-footer-total strong {
	font-weight: 600;
}

.grid-footer-total i {
	font-size: 16px;
}

@keyframes pulse-glow {

	0%,
	100% {
		box-shadow: 0 3px 12px rgba(102, 126, 234, 0.4);
	}

	50% {
		box-shadow: 0 5px 20px rgba(102, 126, 234, 0.6);
	}
}

.action-buttons-inline {
	display: flex;
	gap: 6px;
	justify-content: center;
}

.action-buttons-inline button {
	font-size: 11px !important;
	padding: 4px 8px !important;
}

.modern-fee-footer {
	background: #ffe6e6;
	border-radius: 10px;
	padding: 5px 12px;
	margin-top: 12px;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
	display: grid;
	grid-template-columns: 1fr auto auto;
	gap: 12px;
	align-items: center;
	border: 1px solid #c2a0a0;
}

.modern-fee-footer .footer-remarks {
	flex: 1;
}

.modern-fee-footer .modern-input-remarks {
	width: 100%;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	padding: 6px 10px;
	font-size: 12px;
	transition: all 0.3s ease;
}

.modern-fee-footer .modern-input-remarks:focus {
	border-color: #667eea;
	box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.1);
}

.modern-fee-footer .footer-print-option {
	display: flex;
	align-items: center;
	margin-top: 25px;
}

.modern-fee-footer .print-checkbox {
	display: flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	font-weight: 600;
	color: #2d3748;
	padding: 6px 12px;
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	border-radius: 6px;
	transition: all 0.3s ease;
	font-size: 11px;
	margin: 0px;
}

.modern-fee-footer .print-checkbox:hover {
	background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%);
	transform: translateY(-1px);
}

.modern-fee-footer .print-checkbox input[type="checkbox"] {
	width: 14px;
	height: 14px;
	cursor: pointer;
}

.modern-fee-footer .print-checkbox i {
	color: #667eea;
	font-size: 12px;
}

.modern-fee-footer .footer-actions {
	display: flex;
	gap: 8px;
	margin-top: 25px;
}

.modern-fee-footer .action-btn {
	padding: 6px 14px;
	border-radius: 8px;
	font-weight: 700;
	font-size: 12px;
	transition: all 0.3s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.modern-fee-footer .action-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.modern-fee-footer .action-btn i {
	margin-right: 4px;
	font-size: 12px;
}

.modern-fee-footer .action-btn-save {
	background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
}

.modern-fee-footer .action-btn-late {
	background: linear-gradient(135deg, #17a2b8 0%, #138496 100%);
}

.modern-fee-footer .action-btn-cancel {
	background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
}

@media (max-width: 992px) {
	.fee-edit-header {
		flex-direction: column;
	}

	.fee-pill {
		min-width: 100%;
	}

	.modern-fee-footer {
		grid-template-columns: 1fr;
	}

	.footer-actions {
		flex-direction: column;
		width: 100%;
	}

	.action-btn {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.fee-collection-edit-modern {
		padding: 8px;
	}

	.student-photo {
		width: 90px;
		height: 105px;
	}

	.student-name {
		font-size: 14px;
	}

	.amount-value {
		font-size: 16px;
	}

	.modern-fee-footer {
		padding: 8px;
	}
}

.highlight-section-box {
	background-color: #dfefff;
	border: 1px solid #acacac;
	border-radius: 10px;
	padding: 10px;
	margin-top: 0;
}

.highlight-section-box h5 {
	color: #4a5568;
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 16px;
}

.summary-card {
	background: white;
	border-radius: 10px;
	padding: 10px;
	display: flex;
	align-items: center;
	gap: 15px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.summary-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.summary-icon {
	font-size: 40px;
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.summary-primary .summary-icon {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: white;
}

.summary-success .summary-icon {
	background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
	color: white;
}

.summary-info .summary-icon {
	background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
	color: white;
}

.summary-danger .summary-icon {
	background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
	color: white;
}

.summary-content {
	flex: 1;
}

.summary-label {
	font-size: 13px;
	color: #6c757d;
	margin-bottom: 1px;
}

.summary-amount {
	font-size: 18px;
	font-weight: 700;
	color: #2c3e50;
}

.delete-confirm-dialog {
	padding: 0;
	min-width: 400px;
}

.delete-confirm-icon-container {
	text-align: center;
	padding: 30px 20px 20px;
	background: linear-gradient(135deg, #fff5f5 0%, #ffe0e0 100%);
}

.delete-confirm-icon-circle {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: white;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 15px rgba(220, 53, 69, 0.3);
}

.delete-confirm-icon-circle i {
	font-size: 2.5rem;
	color: #dc3545;
}

.delete-confirm-content {
	padding: 25px 30px;
	text-align: center;
}

.delete-confirm-title {
	font-size: 1.3rem;
	font-weight: 600;
	color: #333;
	margin-bottom: 12px;
}

.delete-confirm-message {
	color: #666;
	font-size: 0.95rem;
	line-height: 1.5;
	margin: 0;
}

.delete-confirm-actions {
	display: flex;
	gap: 10px;
	justify-content: center;
	padding: 20px 30px 30px;
	background: #f8f9fa;
}

.delete-confirm-actions button {
	min-width: 120px;
}

.regseat-btn-view-detail {
	background: #6c757d !important;
	padding: 3px 14px !important;
	border-radius: 20px !important;
	font-size: 12px !important;
	transition: all 0.3s ease !important;
	min-height: auto !important;
	color: #ffffff !important;
}

.regseat-btn-view-detail:hover {
	background: #5a6268 !important;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(108, 117, 125, 0.3);
}

/* Modern Toast Notifications */
.toast-notification {
	min-width: 320px;
	max-width: 400px;
	background: white;
	border-radius: 12px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
	overflow: hidden;
	margin-bottom: 15px;
	position: relative;
	transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.toast-show {
	animation: slideInRight 0.4s ease-out;
}

.toast-hide {
	animation: slideOutRight 0.3s ease-in;
	opacity: 0;
}

@keyframes slideInRight {
	from {
		transform: translateX(400px);
		opacity: 0;
	}

	to {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes slideOutRight {
	from {
		transform: translateX(0);
		opacity: 1;
	}

	to {
		transform: translateX(400px);
		opacity: 0;
	}
}

.toast-header {
	display: flex;
	align-items: center;
	padding: 12px 16px;
	gap: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.toast-icon {
	font-size: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.toast-title {
	font-size: 14px;
	flex: 1;
	border-left: 0 !important;
}

.toast-close {
	background: transparent;
	border: none;
	font-size: 18px;
	color: #6b7280;
	cursor: pointer;
	padding: 0px 4px;
	border-radius: 6px;
	transition: all 0.2s;
	border: 1px solid grey;
}

.toast-close:hover {
	background: rgba(0, 0, 0, 0.05);
	color: #374151;
}

.toast-body {
	padding: 12px 16px;
	font-size: 13px;
	line-height: 1.5;
	color: #4b5563;
}

.toast-progress {
	height: 4px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	animation: progressBar 3.5s linear;
}

@keyframes progressBar {
	from {
		width: 100%;
	}

	to {
		width: 0%;
	}
}

.toast-success {
	border-left: 2px solid #10b981;
}

.toast-success .toast-header {
	background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
	border-bottom-color: #a7f3d0;
}

.toast-success .toast-icon {
	color: #059669;
	background: rgba(16, 185, 129, 0.1);
	padding: 8px;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.toast-success .toast-title {
	color: #065f46;
	font-weight: 700;
}

.toast-success .toast-body {
	color: #047857;
	background: rgba(16, 185, 129, 0.02);
}

.toast-success .toast-progress {
	background: linear-gradient(90deg, #10b981, #059669);
	height: 4px;
}

.rz-dialog-title {
	font-size: 16px;
	font-weight: 600 !important;
	color: white !important;
}

.rz-dialog-wrapper {
	background: #0000009c;
	left: 0;
	right: 0;
}

.rz-datepicker {
	padding: 0 !important;
	height: auto !important;
}

.rz-datepicker .rz-button-icon-only {
	font-size: 16px !important;
}

.toast-error {
	border-left: 2px solid #ef4444;
}

.toast-error .toast-header {
	background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
	border-bottom-color: #fecaca;
}

.toast-error .toast-icon {
	color: #dc2626;
	background: rgba(239, 68, 68, 0.1);
	padding: 8px;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.toast-error .toast-title {
	color: #991b1b;
	font-weight: 700;
}

.toast-error .toast-body {
	color: #b91c1c;
	background: rgba(239, 68, 68, 0.02);
}

.toast-error .toast-progress {
	background: linear-gradient(90deg, #ef4444, #dc2626);
	height: 4px;
}

.toast-warning {
	border-left: 2px solid #f59e0b;
}

.toast-warning .toast-header {
	background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
	border-bottom-color: #fde68a;
}

.toast-warning .toast-icon {
	color: #d97706;
	background: rgba(245, 158, 11, 0.1);
	padding: 8px;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.toast-warning .toast-title {
	color: #92400e;
	font-weight: 700;
}

.toast-warning .toast-body {
	color: #a16207;
	background: rgba(245, 158, 11, 0.02);
}

.toast-warning .toast-progress {
	background: linear-gradient(90deg, #f59e0b, #d97706);
	height: 4px;
}

.toast-info {
	border-left: 2px solid #3b82f6;
}

.toast-info .toast-header {
	background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
	border-bottom-color: #bfdbfe;
}

.toast-info .toast-icon {
	color: #2563eb;
	background: rgba(59, 130, 246, 0.1);
	padding: 8px;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.toast-info .toast-title {
	color: #1e40af;
	font-weight: 700;
}

.toast-info .toast-body {
	color: #1d4ed8;
	background: rgba(59, 130, 246, 0.02);
}

.toast-info .toast-progress {
	background: linear-gradient(90deg, #3b82f6, #2563eb);
	height: 4px;
}

/* Modern Tabs Styling - Reusable */
.modern-class-tabs {
	background: #ffffff;
	border-radius: 8px;
	padding: 15px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.modern-class-tabs .rz-tabview-nav {
	flex-wrap: wrap !important;
	overflow-x: visible !important;
	white-space: normal !important;
	background: #f8f9fa;
	border-radius: 6px;
	padding: 8px;
	margin-bottom: 20px;
}

.modern-class-tabs .rz-tabview-nav-container {
	overflow-x: visible !important;
	flex-wrap: wrap !important;
}

.modern-class-tabs .rz-tabview-nav .rz-tabview-nav-link {
	white-space: nowrap !important;
	margin: 4px !important;
	padding: 10px 20px !important;
	border-radius: 6px !important;
	background: #ffffff !important;
	border: 1px solid #e0e0e0 !important;
	color: #495057 !important;
	font-weight: 500 !important;
	transition: all 0.3s ease !important;
}

.modern-class-tabs .rz-tabview-nav .rz-tabview-nav-link:hover {
	background: #e9ecef !important;
	border-color: #007bff !important;
	color: #007bff !important;
	transform: translateY(-2px);
	box-shadow: 0 2px 4px rgba(0, 123, 255, 0.2);
}

.modern-class-tabs .rz-tabview-nav .rz-tabview-nav-link.rz-state-active {
	background: linear-gradient(135deg, #007bff 0%, #0056b3 100%) !important;
	border-color: #007bff !important;
	color: #ffffff !important;
	box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3);
}

.modern-tab-item {
	margin-right: 5px !important;
	margin-bottom: 5px !important;
}

.cursor-pointer {
	cursor: pointer;
}

.my-popup {
	display: none;
	position: absolute;
	overflow: hidden;
	height: auto;
	width: 70%;
	top: 90px !important;
	border: var(--rz-panel-border);
	background-color: gray;
	box-shadow: var(--rz-panel-shadow);
	border-radius: var(--rz-border-radius);
}

.rz-datepicker input {
	width: 100% !important;
	height: 34px !important;
	border: 0 !important;
}

.rz-label {
	padding-block: 0 !important;
	margin-bottom: 3px !important;
	min-height: auto !important;
}

/* Noticeboard: constant-speed JS scroll (disable % translate animation) */
.notice-autoscroll-box {
	overflow-y: auto !important;
	overflow-x: hidden !important;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scrollbar-color: #9395de #f1f1f1;
}

.notice-autoscroll-box .marquee-content1 {
	animation: none !important;
	transform: none !important;
	padding: 10px;
}

.notice-autoscroll-box:hover .marquee-content1 {
	animation-play-state: unset !important;
}

/* Noticeboard JS scroll viewport (StuNotices) — slow auto + manual scrollbar */
.student_das_notice .nb-board .nb-viewport,
.nb-board .nb-viewport {
	height: 320px !important;
	max-height: 320px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	position: relative;
	scrollbar-width: thin;
	scrollbar-color: #7a9e9a #e8f0ef;
}

.nb-board .nb-viewport::-webkit-scrollbar {
	width: 8px;
}

.nb-board .nb-viewport::-webkit-scrollbar-track {
	background: #e8f0ef;
	border-radius: 4px;
}

.nb-board .nb-viewport::-webkit-scrollbar-thumb {
	background: #7a9e9a;
	border-radius: 4px;
}

.nb-board .nb-track {
	display: block;
	width: 100%;
	padding: 10px;
}

.nb-board .nb-viewport.nb-static {
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch;
}

.nb-board .student_not {
	margin-bottom: 13px;
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 6px;
}

.badge-warning {
	color: #212529 !important;
}

@media (max-width: 991px) {

	.student_das_notice .nb-board .nb-viewport,
	.nb-board .nb-viewport {
		height: 260px !important;
		max-height: 260px !important;
	}
}