@CHARSET "ISO-8859-1";
//@charset "UTF-8";

/* ------------------------- COLOR PALETTE FOR BLUE STORK
@import "ge_template2.css";

Dark blue color: 			#146295 		RGB: 20/98/149
Med blue color: 			#025A8D 		RGB: 2/90/141
Light blue color: 			#70ace4 		RGB: 112/172/228
Extra light blue color: 	#BED6FF 		RGB: 190/214/255
Orange color: 				#FC8F30 		RGB: 252/143/48
Light grey color:			#f7f7f7 		RGB: 247/247/247
Medium grey color:			#d7d7d7 		RGB: 215/215/215
Dark grey color:			#666666 		RGB: 102/102/102
Border grey color:			#CCCCCC 		RGB: 204/204/204
----------------------------------------------------------*/
html {
	overflow-y: scroll;
	height: 100%;
}

body {
	margin: 2px 5px 0 5px;
	padding: 0;
	background: #fff;
	padding-bottom: 0;
	font-size: 80%; /* 68.8Set base to 11px */
	min-height: 100%;
	display: flex;
	flex-direction: column;
}

#minwidth-body {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}

body#minwidth-body {
	min-height: 100vh;
	min-width: 320px;
}

a,img {
	padding: 0;
	margin: 0;
}

img {
	border: 0 none;
}

.clr {
	clear: both;
	overflow: hidden;
	height: 0;
}

/* Hide class for toggling visibility */
.hide {
	display: none !important;
}

form {
	margin: 0;
	padding: 0;
}

h1 {
	margin: 0;
	padding-bottom: 8px;
	color: #025A8D;
	font-size: 1.818em;
}

h3 {
	font-size: 1.182em;
}

h4 {
	font-size: 1.182em;
}

* :focus, a:active {
	outline: none;
}

a:link {
	color: #025A8D;
	text-decoration: none;
	outline: none;
}

a:visited {
	color: #025A8D;
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

fieldset {
	margin-bottom: 10px;
	border: 1px #ccc solid;
	padding: 5px;
	text-align: left;
}

legend {
	color: #146295;
	font-size: 1.182em;
	font-weight: bold;
}

input, select {
	font-size: 0.909em;
	border: 1px solid silver;
	background: #fff;
}

textarea {
	font-size: 1.273em;
	border: 1px solid silver;
}

iframe {
	border: 0;
}

.invalid {
	color: red;
	font-weight: bold;
}

input.invalid {
	border: 1px solid red;
}

input.disabled {
	background-color: #F0F0F0;
}

input.button {
	cursor: pointer;
}

input:focus,
select:focus,
textarea:focus {
	background-color: #ffd;
}

.enabled,
.success {
	color: green;
	font-weight: bold;
}

.disabled,
p.error {
	color: red;
	font-weight: bold;
}

.protected {
	color: #999999;
}

p.warning {
	color: red;
	font-weight: bold;
	font-size: 1.091em;
}

p.nowarning {
	color: #333;
	font-weight: bold;
	font-size: 1.091em;
}

.allow,
span.writable {
	color: green;
}

.deny,
span.unwritable  {
	color: red;
}

.none 			{ color: #aaa; }
.hide 			{ display: none !important; }
.visible 		{ display: block; }
/* Ensure .hide wins over .adminformlist li { display: flex } (same specificity, defined later) */
ul.adminformlist li.hide,
.adminformlist li.hide,
fieldset.adminform li.hide { display: none !important; }
.hidebtn 		{ border: 0; padding: 0;margin:0;width: 0;height: 0;}
.hidelabeltxt	{ text-indent: -9999em; }

.nowrap {
	white-space: nowrap;
}

/* -- OVERALL STYLES ----------------------------- */

/* Header - Modern Attractive Design */
#border-top.h_blue {
	background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
	height: 70px;
	border-bottom: 3px solid #f39c12;
	box-shadow: 0 4px 20px rgba(30, 60, 114, 0.3);
	position: relative;
}
#border-top.h_blue::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, #e74c3c, #f39c12, #2ecc71, #3498db, #9b59b6);
}
#border-top1.h_blue {
	background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
	height: 70px;
	border-bottom: 3px solid #f39c12;
	box-shadow: 0 4px 20px rgba(30, 60, 114, 0.3);
}
#border-top.h_bluen {
	background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
	height: 50px;
	border-bottom: 3px solid #f39c12;
}
.spanl {
	background: transparent;
	float:left;
	height:70px;
	width:25px;
}
.spanr{
	background: transparent;
	float:right;
	height:70px;
	width:25px;
}
.spanln {
	background: transparent;
	float:left;
	height:50px;
	width:15px;
}
.spanrn{
	background: transparent;
	float:right;
	height:50px;
	width:15px;
}
.header_center{
	text-align:center;
	height:45px;
	width:600px;
}

#title-top .title{
	font-size: 21px;
	font-weight: bold;
	color: #fff;
	text-align:center;
	float:left;
	width:460px;
	padding-top: 8px;
}
#title-inner{
	width:200px;
	float: left;
	text-align: left;
}
div.location{
	position: relative;
	top:0px;
	xleft:0px;
	left:10px;
	color:#ffffff;
	font-weight: bold;
	xfont-style: italic;
	font-size: 12px;
}
#title-inner div.location{
	position: absolute;
	top:35px;
	xleft:35px;
	left:72px;
	color:#ffffff;
	font-weight: bold;
	font-style: italic;
}
#title-top .logo {
	display: block;
	width: 80px;
	float: left;
	margin-top:5px;
}

#title-top .logort {
	display: block;
	width: 60px;
	float: right;
}
#border-top .log_details{
	float:right;
	width:25%;
	margin-top:5px;
	text-align: left;
	color:#ccc;
	font-size:11px;
	font-weight:bold;

}
#border-top .log_details label{
	color:#ccc;
	font-size:12px;
	font-weight:bold;
}
#border-top .log_details span{
	color:#fff;
	font-weight:bold;
	font-size:12px;
	height:2px;
}
.line_sep
{
	float:right;
	background:url(../images/common/line.png) no-repeat;
	height:100%;
	width:10px;
	margin-top:2px;
}

#header-box {
	border: 1px solid #e0e0e0;
	background: #f8f9fa;
	border-radius: 8px;
}
#module-menu{ height: 100%;}

/* Footer - Modern Attractive Design - Sticky Bottom */
#footer {
	background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
	border-top: 3px solid #f39c12;
	margin-top: auto;
	position: relative;
	padding: 15px 0;
	width: 100%;
	clear: both;
	box-sizing: border-box;
	float: none;
	overflow: hidden;
}

#footer::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, #e74c3c, #f39c12, #2ecc71, #3498db, #9b59b6);
}

#footer .copyright {
	margin: 0;
	padding: 10px 20px;
	text-align: center;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.9);
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 12px;
}

#footer .copyright a {
	color: #f39c12;
	text-decoration: none;
	font-weight: 600;
	margin-right: 5px;
}

#footer .copyright a:hover {
	text-decoration: underline;
}

#footer .version {
	display: inline-block;
	margin-left: 15px;
	padding: 2px 10px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	color: rgba(255, 255, 255, 0.8);
	font-size: 11px;
}

/* ---------- Shared portal chrome (login.jsp + gedoc.docHeaderInner) ---------- */
.login-tricolor {
	display: flex;
	height: 4px;
	width: 100%;
	flex-shrink: 0;
}
.login-tricolor span { flex: 1; }
.login-tricolor .tc-saffron { background: #ff9933; }
.login-tricolor .tc-white { background: #ffffff; }
.login-tricolor .tc-green { background: #138808; }

.login-site-header {
	position: relative;
	background: linear-gradient(135deg, #0c2340 0%, #1a3a6b 50%, #0c2340 100%);
	color: #fff;
	padding: 16px 24px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
	overflow: hidden;
}
/* Subtle dotted texture overlay (matches the second-screen target) */
.login-site-header .login-header-bg {
	position: absolute;
	inset: 0;
	background-image:
		radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.06) 1px, transparent 0);
	background-size: 22px 22px;
	pointer-events: none;
	opacity: 0.9;
}
.login-header-inner {
	position: relative;
	max-width: 1280px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 24px;
}
.login-header-left,
.login-header-right {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}
.login-header-titles {
	flex: 1 1 0;
	min-width: 0;
	text-align: center;
}
.login-header-emblem {
	width: clamp(88px, 12vw, 120px);
	height: clamp(88px, 12vw, 120px);
	object-fit: contain;
	flex-shrink: 0;
	filter: drop-shadow(0 2px 6px rgba(0,0,0,0.45));
}
.login-title-gold {
	font-size: clamp(1.25rem, 3vw, 1.75rem);
	font-weight: 700;
	color: #f0c85c;
	letter-spacing: 0.015em;
	line-height: 1.2;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}
.login-title-org {
	margin-top: 6px;
	font-size: clamp(0.85rem, 1.5vw, 0.95rem);
	font-weight: 500;
	color: rgba(226, 232, 240, 0.95);
	letter-spacing: 0.01em;
}
/* Org line: explicit weights (parent is 500 — <strong> was too subtle on some fonts) */
.login-org-line .login-org-inst {
	font-weight: 800;
}
.login-org-line .login-org-sep {
	font-weight: 800;
	opacity: 0.95;
}
.login-org-line .login-org-city {
	font-weight: 900;
	color: #fef9c3;
}
.login-title-org.login-org-line .login-org-city {
	color: #fef3c7;
}
/* National emblem (Ashoka SVG) — rendered pure white on dark headers */
.gems-header-national-emblem {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	padding: 0;
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	min-width: 0;
	min-height: 0;
}
.gems-header-national-emblem img {
	height: clamp(60px, 9vh, 80px);
	width: auto;
	max-width: min(200px, 36vw);
	object-fit: contain;
	display: block;
	/* Emblem asset uses white fill/stroke; drop-shadow only (no invert). */
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4));
}

.login-hero {
	text-align: center;
	margin-bottom: 28px;
}
.login-hero-emblem {
	width: 88px;
	height: 88px;
	object-fit: contain;
	margin-bottom: 16px;
	opacity: 1;
	filter: drop-shadow(0 2px 8px rgba(12, 35, 64, 0.2));
}
.login-hero-title {
	font-size: clamp(1.28rem, 3.35vw, 1.68rem);
	font-weight: 700;
	color: #0c2340;
	line-height: 1.3;
}
.login-hero-org {
	margin-top: 8px;
	font-size: clamp(0.9rem, 2vw, 1.05rem);
	font-weight: 500;
	color: #64748b;
}
.login-hero-org.login-org-line .login-org-inst,
.login-hero-org.login-org-line .login-org-sep {
	font-weight: 800;
	color: #334155;
}
.login-hero-org.login-org-line .login-org-city {
	font-weight: 900;
	color: #0f172a;
}
/* Logged-in user strip below portal header (gedoc.docHeaderInner) */
#border-top.gems-user-bar {
	height: auto;
	min-height: 0;
	overflow: visible;
	background: linear-gradient(180deg, #fafbfd 0%, #eef2f7 100%);
	border-bottom: 1px solid #d8dee9;
	box-shadow: 0 1px 4px rgba(12, 35, 64, 0.06);
	padding: 12px 20px 14px;
	text-align: left;
}
#border-top.gems-user-bar .gems-user-bar-inner {
	max-width: 1280px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 14px 28px;
}
#border-top.gems-user-bar .log_details {
	float: none;
	width: auto;
	max-width: 100%;
	flex: 1 1 280px;
	min-width: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	gap: 0;
	text-align: left;
	color: #334155;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
	/* Indent rows 2–3 under "Welcome" text (avatar 28px + row gap ~10px) */
	--gems-user-avatar-slot: calc(28px + 10px);
}
/* Three stacked rows: welcome, last access, IP */
#border-top.gems-user-bar .log_details .gems-user-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	gap: 6px 10px;
	width: 100%;
	line-height: 1.4;
	box-sizing: border-box;
}
#border-top.gems-user-bar .log_details .gems-user-row-welcome {
	min-height: 32px;
	padding-bottom: 8px;
	border-bottom: 1px solid #e2e8f0;
	margin-bottom: 8px;
}
#border-top.gems-user-bar .log_details .gems-user-row-id .user-id {
	margin-left: 0;
}
#border-top.gems-user-bar .log_details .user-icon {
	display: inline-flex;
	align-items: center;
	width: 28px;
	height: 28px;
	min-width: 28px;
	justify-content: center;
	border-radius: 50%;
	background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
	color: #fff;
	flex-shrink: 0;
	box-shadow: 0 2px 6px rgba(30, 60, 114, 0.28);
	margin-right: 0;
}
#border-top.gems-user-bar .log_details .user-icon-letter {
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
}
#border-top.gems-user-bar .log_details .gems-user-sep {
	color: #94a3b8;
	font-weight: 500;
	padding: 0 4px;
	flex-shrink: 0;
}
#border-top.gems-user-bar .log_details .user-ge {
	color: #0c2340;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.03em;
	font-variant-numeric: tabular-nums;
}
#border-top.gems-user-bar .log_details .gems-user-row-access {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: var(--gems-user-avatar-slot);
	padding-top: 2px;
	display: flex;
	align-items: center;
	min-height: 1.5em;
}
#border-top.gems-user-bar .log_details .gems-user-row-ip {
	margin-top: 10px;
	margin-bottom: 0;
	padding-left: var(--gems-user-avatar-slot);
	display: flex;
	align-items: center;
	min-height: 1.5em;
}
#border-top.gems-user-bar .log_details .gems-user-row-access .meta-item,
#border-top.gems-user-bar .log_details .gems-user-row-ip .meta-item {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 10px 14px;
	width: 100%;
}
#border-top.gems-user-bar .log_details .gems-user-row-access .meta-item .label,
#border-top.gems-user-bar .log_details .gems-user-row-ip .meta-item .label {
	flex: 0 0 auto;
	min-width: 5.5rem;
	text-align: left;
}
#border-top.gems-user-bar .log_details .gems-user-row-access .meta-item strong,
#border-top.gems-user-bar .log_details .gems-user-row-ip .meta-item strong {
	font-weight: 600;
	color: #1e293b;
	font-variant-numeric: tabular-nums;
	flex: 1 1 auto;
	min-width: 0;
}
#border-top.gems-user-bar .log_details .label {
	color: #64748b;
	font-weight: 600;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.55px;
	flex-shrink: 0;
}
#border-top.gems-user-bar .log_details .gems-user-row-welcome > .label {
	margin-left: 2px;
}
#border-top.gems-user-bar .log_details .user-name {
	color: #0c2340;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.02em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: min(100%, 16rem);
}
#border-top.gems-user-bar .log_details .user-id {
	color: #1e3c72;
	font-weight: 600;
	font-size: 11px;
	background: rgba(30, 60, 114, 0.1);
	padding: 4px 11px;
	border-radius: 999px;
	letter-spacing: 0.02em;
	white-space: nowrap;
	flex-shrink: 0;
	font-variant-numeric: tabular-nums;
}
#border-top.gems-user-bar .log_details .meta {
	color: #475569;
	font-size: 12px;
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 16px;
	margin-left: 0;
	padding-left: 0;
	border-left: none;
}
#border-top.gems-user-bar .log_details .meta .meta-item {
	display: inline-flex;
	align-items: baseline;
	gap: 6px;
}
#border-top.gems-user-bar .log_details .meta .meta-item .label {
	font-size: 10.5px;
}
/* Legacy fallback when only generic <span>s are present (older pages) */
#border-top.gems-user-bar .log_details span:not(.user-icon):not(.label):not(.user-name):not(.user-id):not(.meta) {
	color: #64748b;
	font-weight: 600;
	font-size: 12px;
}
#border-top.gems-user-bar .log_details strong {
	color: #0c2340;
	font-weight: 700;
}

#border-top.gems-user-bar .gems-user-bar-inner.gems-user-bar-actions-row {
	justify-content: space-between;
	align-items: center;
	gap: 16px 24px;
}
#border-top.gems-user-bar .gems-user-bar-inner.gems-user-bar-actions-row .log_details {
	flex: 1 1 280px;
	min-width: 0;
}
#border-top.gems-user-bar .gems-user-bar-inner.gems-user-bar-actions-row .user-actions {
	flex: 0 0 auto;
	margin-left: auto;
	align-self: center;
}
@media (max-width: 720px) {
	#border-top.gems-user-bar .gems-user-bar-inner.gems-user-bar-actions-row {
		flex-direction: column;
		align-items: stretch;
	}
	#border-top.gems-user-bar .gems-user-bar-inner.gems-user-bar-actions-row .user-actions {
		margin-left: 0;
		width: 100%;
		justify-content: flex-end;
		padding-top: 4px;
		border-top: 1px solid #e2e8f0;
	}
	#border-top.gems-user-bar .log_details .user-name {
		max-width: 100%;
		white-space: normal;
	}
}
#border-top.gems-user-bar .gems-user-bar-brand {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#border-top.gems-user-bar .gems-user-bar-emblem {
	width: clamp(52px, 10vw, 96px);
	height: clamp(52px, 10vw, 96px);
	object-fit: contain;
	display: block;
	filter: drop-shadow(0 1px 4px rgba(12, 35, 64, 0.12));
}

/* Right-side actions: Change Password + Log out */
#border-top.gems-user-bar .user-actions {
	display: inline-flex;
	align-items: center;
	gap: 6px 14px;
	flex-wrap: wrap;
	font-size: 12px;
	line-height: 1.4;
}
#border-top.gems-user-bar .user-actions.user-actions-compact {
	gap: 24px 36px;
	flex-wrap: nowrap;
}
@media (max-width: 520px) {
	#border-top.gems-user-bar .user-actions.user-actions-compact {
		flex-wrap: wrap;
		gap: 16px 24px;
	}
}
#border-top.gems-user-bar .user-actions .current-time {
	color: #475569;
	font-weight: 600;
	letter-spacing: 0.2px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding-right: 12px;
	border-right: 1px solid #cbd5e1;
}
#border-top.gems-user-bar .user-actions .current-time::before {
	content: '';
	display: inline-block;
	width: 6px; height: 6px;
	border-radius: 50%;
	background: #f59e0b;
	box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.18);
}
#border-top.gems-user-bar .user-actions .action-link {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 5px 12px;
	border-radius: 6px;
	font-weight: 600;
	font-size: 12px;
	text-decoration: none;
	transition: background 0.15s ease, transform 0.1s ease;
	white-space: nowrap;
}
#border-top.gems-user-bar .user-actions .action-link svg {
	flex-shrink: 0;
}
#border-top.gems-user-bar .user-actions .change-pwd {
	color: #1e3c72;
	background: rgba(30, 60, 114, 0.08);
}
#border-top.gems-user-bar .user-actions .change-pwd:hover {
	background: rgba(30, 60, 114, 0.18);
	color: #0c2340;
}
#border-top.gems-user-bar .user-actions .logout {
	color: #b91c1c;
	background: rgba(185, 28, 28, 0.08);
}
#border-top.gems-user-bar .user-actions .logout:hover {
	background: rgba(185, 28, 28, 0.18);
	color: #7f1d1d;
}
.login-footer-gems {
	margin-top: 6px;
	font-size: clamp(0.78rem, 1.8vw, 0.88rem);
	font-weight: 500;
	color: rgba(226, 232, 240, 0.88);
	line-height: 1.4;
}

/* Site footer (same copy/styling as login.jsp) — emitted by gedoc.docFooter */
.login-site-footer {
	background: #071525;
	color: #e2e8f0;
	padding: 22px 16px 26px;
	text-align: center;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
	flex-shrink: 0;
	margin-top: auto;
	width: 100%;
	box-sizing: border-box;
	clear: both;
}
.login-footer-gold {
	font-size: clamp(1.02rem, 2.4vw, 1.2rem);
	font-weight: 700;
	color: #f0c85c;
	line-height: 1.35;
}
.login-footer-muted {
	margin-top: 8px;
	font-size: clamp(0.85rem, 1.9vw, 0.98rem);
	font-weight: 500;
	color: rgba(226, 232, 240, 0.9);
}
.login-footer-muted.login-org-line .login-org-inst,
.login-footer-muted.login-org-line .login-org-sep {
	font-weight: 800;
}
.login-footer-muted.login-org-line .login-org-city {
	font-weight: 900;
	color: #fef3c7;
}
.login-footer-copy {
	margin-top: 12px;
	font-size: 0.72rem;
	color: rgba(148, 163, 184, 0.95);
	line-height: 1.55;
}

p.footer-tip {
	margin-top: 15px;
}

/* Body */
#content-box {
	xborder: 1px solid #ccc;
	border-top: 0;
	float: left;
	width: 99.80%;
	min-height:500px;
	padding-right:0px;
	xborder-bottom-left-radius: 10px;
	xborder-bottom-right-radius: 10px;
}
#content-box .site-map{
	background: #f4f4f4;
	margin:2px;
	border-radius: 10px;
	border: 1px solid #ccc;
	color:#2A5C89;
	font-weight:bold;
	padding:2px 0px 2px 10px;
}
#content-box .site-map a{ text-decoration:none;}
#content-box .site-map a:hover{ color: #0b5fc6;}
#content-box .site-map span{ font-weight:normal;}

#element-box {
	margin-bottom: 11px;
	max-width: 100%;
	box-sizing: border-box;
}

#element-box,
#toolbar-box,
#submenu-box {
	padding: 10px 10px 0 10px;
	box-sizing: border-box;
}

#toolbar-box {
	background: #fbfbfb;
	margin-bottom: 10px;
}

#toolbar-box .m {
	background: #f4f4f4;
	min-height: 52px;
	overflow: visible;
	box-sizing: border-box;
	padding: 4px 0 8px;
}
#toolbar-box .m::after {
	content: '';
	display: table;
	clear: both;
}

/* Pic toolbar: title + File/GER + compact officer meta — no fixed 600×48 titlname clip */
#toolbar-box .m .titlname {
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	display: block !important;
	clear: both !important;
	float: none !important;
	padding: 2px 8px 4px 0 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	vertical-align: top !important;
}
#toolbar-box .m .titlname .pagetitle {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 4px !important;
	max-width: 100% !important;
	min-width: 0 !important;
	min-height: 48px !important;
	padding-left: 58px;
	margin-left: 10px;
	background-position: 0 0 !important;
	background-size: 48px 48px !important;
	background-repeat: no-repeat;
}
#toolbar-box .m div.pagetitle > span:first-of-type {
	width: auto !important;
	max-width: 100% !important;
	color: #1565c0 !important;
	font-size: 1.7em !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
}
#toolbar-box .m div.pagetitle > span:first-of-type h3,
#toolbar-box .m div.pagetitle > span:first-of-type h4 {
	/* File / GER lines next to the title — kept small so the toolbar stays compact. */
	float: right !important;
	clear: none !important;
	width: auto !important;
	max-width: 100% !important;
	font-size: 0.65em !important;
	font-weight: 500 !important;
	line-height: 1.3 !important;
	margin: 6px 0 0 14px !important;
	padding: 0 4px !important;
	display: block !important;
	color: #d32f2f !important;
}

/* Compact meta chips: wrap on narrow screens, small type */
#toolbar-box .m div.pagetitle .ger-officer-meta-row {
	flex-wrap: wrap !important;
	align-items: flex-start !important;
	align-content: flex-start !important;
	row-gap: 4px !important;
	column-gap: 0.5rem !important;
	width: 100% !important;
	max-width: 100% !important;
	padding: 6px 8px 7px !important;
	box-sizing: border-box !important;
	margin: 2px 0 0 !important;
	background: rgba(255, 255, 255, 0.72) !important;
	border: 1px solid rgba(21, 101, 192, 0.14) !important;
	border-radius: 6px !important;
}
#toolbar-box .m div.pagetitle .ger-officer-meta-row .ger-meta-item {
	font-size: 0.72rem !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
	color: #1e3a5f !important;
	white-space: normal !important;
	word-break: break-word !important;
}
#toolbar-box .m div.pagetitle .ger-officer-meta-row .ger-meta-sep {
	flex-shrink: 0 !important;
	align-self: center !important;
}
#toolbar1-box {
	padding: 0px 10px 0 10px;
	xbackground: #fbfbfb;
	margin-bottom: 0px;

}

/* GER toolbar1 (domain / name / designation): white slab, single-row meta inside */
#toolbar1-box .ms {
	background: #ffffff;
	border: 1px solid #d0d7de;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
	padding: 10px 14px 12px;
	margin-bottom: 10px;
	min-height: 48px;
	box-sizing: border-box;
	overflow: visible;
}

/* Toolbar strip inside header slab: no inner frame (border/shadow); keep padding for icon rows */
#toolbar1-box .ms .toolbar-list,
#toolbar1-box .ms #toolbar.toolbar-list {
	float: none;
	text-align: right;
	background: transparent;
	border: none;
	box-shadow: none;
	margin-bottom: 0;
	border-radius: 0;
}

#toolbar1-box .ms .titlname1 {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	vertical-align: top;
}

#toolbar1-box .ms .pagetitle1 {
	clear: both;
	overflow-x: auto;
	overflow-y: visible;
	padding: 8px 8px 8px 58px;
	margin-left: 0;
	min-height: 48px;
	background-color: #ffffff;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	border-radius: 6px;
}

/* Domain | Name | Designation — single horizontal row */
#toolbar1-box .ms div.pagetitle1 span {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: baseline;
	gap: 1rem 1.5rem;
	flex: 1 1 auto;
	min-width: 0;
}

#toolbar1-box .ms div.pagetitle1 h2 {
	color: #041226;
	line-height: 1.35;
	width: auto !important;
	max-width: none;
	float: none !important;
	display: block;
	font-weight: 700;
	margin: 0;
	padding: 3px 0;
	font-size: 1.01em;
	letter-spacing: 0.02em;
	clear: none;
	white-space: nowrap;
	flex: 0 0 auto;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45);
}

/* AIS (get_name_desig_ais): Domain | Name | Designation | Category — one line, gaps, no float wrap */
#toolbar-box .m div.pagetitle .ger-officer-meta-row,
#toolbar1-box .ms div.pagetitle1 .ger-officer-meta-row,
div.pagetitle .ger-officer-meta-row,
div.pagetitle1 .ger-officer-meta-row,
.titlname .ger-officer-meta-row,
.titlname1 .ger-officer-meta-row {
	display: flex !important;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: baseline;
	gap: 0.5rem 1rem;
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
	float: none !important;
	clear: none;
}
#toolbar-box .m div.pagetitle .ger-officer-meta-row .ger-meta-item,
#toolbar1-box .ms div.pagetitle1 .ger-officer-meta-row .ger-meta-item,
div.pagetitle .ger-officer-meta-row .ger-meta-item,
div.pagetitle1 .ger-officer-meta-row .ger-meta-item {
	float: none !important;
	width: auto !important;
	max-width: none;
	margin: 0;
	padding: 2px 0;
	font-size: 1em;
	font-weight: 600;
	color: #146295;
	line-height: 1.35;
	white-space: nowrap;
	flex: 0 1 auto;
	min-width: 0;
}
#toolbar-box .m div.pagetitle .ger-officer-meta-row .ger-meta-item strong {
	font-weight: 600 !important;
}
#toolbar-box .m div.pagetitle .ger-officer-meta-row .ger-meta-sep,
#toolbar1-box .ms div.pagetitle1 .ger-officer-meta-row .ger-meta-sep,
div.pagetitle .ger-officer-meta-row .ger-meta-sep,
div.pagetitle1 .ger-officer-meta-row .ger-meta-sep {
	display: inline;
	padding: 0 0.15rem;
	color: #90a4ae;
	font-weight: 400;
	flex: 0 0 auto;
	user-select: none;
}

#submenu-box {
	margin-bottom: 10px;
}

#submenu-box .padding {
	padding: 0;
}



/* -- MISC. STYLES ----------------------------- */
span.note {
	display: block;
	background: #ffd;
	padding: 5px;
	color: #666;
}

.previewframe {
	border: none;
	width: 98%;
	height: 600px;
	padding: 0 5px 0 10px;
}

textarea#codeedit {
	width: 100%;
	height: 500px;
}

.temprev {
	width: 100%;
	border: 1px solid #d7d7d7;
	margin: 0;
	padding: 0;
	background: #fff;
}

textarea#extrainfo,
textarea#message {
	width: 90%;
}

.pre_message {
	font-size: 1.3em;
}

/* -- OVERLIB STYLES ----------------------------- */
.ol-foreground {
	background-color: #ffe;
}

.ol-background {
	background-color: #6db03c;
}

.ol-textfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.909em;
	color: #666;
}

.ol-captionfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #fff;
	font-weight: bold;
}

.ol-captionfont a {
	color: #0b5fc6;
	text-decoration: none;
}


/* -- TOOLBAR STYLES ----------------------------- */

/* Page titles */
div.pagetitle {
	padding-left: 60px;
	background-repeat: no-repeat;
	background-size: 48px 48px;
	min-height: 48px;
	margin-left: 10px;
}
div.pagetitle1 h2,
div.pagetitle > span:first-of-type {
	width:auto;
	color: #1565c0;
	font-size: 1.6em;
	line-height: 48px;
	font-weight: 600;
	margin: 0;
	padding: 0;
}

div.pagetitle h3 {
	font-size: 0.8em;
	color: #1f2d3d;
	font-weight: 500;
	margin: 2px 0;
	line-height: 1.25;
}

div.pagetitle h4 {
	font-size: 0.75em;
	color: #37474f;
	font-weight: 500;
	margin: 0;
	line-height: 1.25;
}

.titlname {
	padding: 8px 0;
}

/* div.pagetitle1 h2,
div.pagetitle h2 {
	line-height: 48px;
	font-size: 2em;
	font-weight: bold;
	color: #146295;
	margin: 0;
	padding: 0;
}

div.pagetitle span {
	color: #666;
} */
.icon-48-user	{	background-image: url(../images/header/icon-48-user.png);	}
.icon-48-gerview	{	background-image: url(../images/header/icon-48-gerview.png);	}
.icon-48-pickfile	{	background-image: url(../images/header/icon-48-pickfile.png);	}
.icon-48-ger-management { background-image: url(../images/header/icon-48-ger-management.png); }

/* Modal header */
div.configuration {
	font-size: 1.364em;
	font-weight: bold;
	color: #146295;
	padding-left: 30px;
	margin-left: 10px;
	padding-top: 4px;
	background: url(../images/menu/icon-16-settings.png) 0 6px no-repeat;
}

/* Main toolbars - Material Design */
div.toolbar-list {
	float: right;
	text-align: right;
	padding: 8px 4px;
	background: linear-gradient(180deg, #fafafa 0%, #f0f0f0 100%);
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

div.toolbar-list ul {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 2px;
}

div.toolbar-list li {
	padding: 0;
	text-align: center;
	color: #424242;
	height: auto;
	width: auto;
	list-style: none;
	float: left;
}

div.toolbar-list li.spacer {
	width: 8px;
}

div.toolbar-list li.divider {
	border-right: 1px solid #e0e0e0;
	width: 1px;
	height: 40px;
	margin: 0 4px;
}

div.toolbar-list span {
	float: none;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	display: block;
}

div.toolbar-list a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 6px 10px;
	cursor: pointer;
	text-decoration: none;
	color: #424242;
	font-size: 11px;
	font-weight: 500;
	border-radius: 6px;
	transition: all 0.15s ease;
	min-width: 58px;
}

div.toolbar-list a:hover,
div.toolbar-list a:focus,
div.toolbar-list a:active {
	background: #e3f2fd;
	color: #1565c0;
	text-decoration: none;
	border: none;
	box-shadow: 0 2px 4px rgba(21, 101, 192, 0.15);
}

div.toolbar-list .picmenu {
	margin-bottom: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
}

div.toolbar-list .picmenu img {
	width: 28px;
	height: 28px;
	object-fit: contain;
	transition: all 0.15s ease;
}

div.toolbar-list a:hover .picmenu img {
	transform: scale(1.1);
}

/* ===== COLORFUL TOOLBAR ICONS ===== */

/* Add Event - Green Plus Circle */
div.toolbar-list a[onclick*="add_event"] .picmenu img {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="28" height="28"><circle cx="24" cy="24" r="22" fill="%234caf50"/><path d="M24 14v20M14 24h20" stroke="%23fff" stroke-width="4" stroke-linecap="round"/></svg>');
}

/* Approval/Forward - Blue Arrow */
div.toolbar-list a[onclick*="sendApproval"] .picmenu img,
div.toolbar-list a[onclick*="Approval"] .picmenu img {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="28" height="28"><circle cx="24" cy="24" r="22" fill="%232196f3"/><path d="M18 24h16M28 18l6 6-6 6" stroke="%23fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

/* Pay Slip - Purple Money with Rupee */
div.toolbar-list a[onclick*="pay_slip"] .picmenu img {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="28" height="28"><rect x="6" y="8" width="36" height="32" rx="4" fill="%239c27b0"/><rect x="10" y="12" width="28" height="5" rx="1" fill="%23e1bee7"/><path d="M20 22h10M20 26h10M20 22c0 2 1 4 4 4h-4M24 26l4 8" stroke="%23fff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg>');
}

/* Arrear Slip - Orange Document */
div.toolbar-list a[onclick*="arrear_slip"] .picmenu img {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="28" height="28"><path d="M12 6h18l10 10v26a2 2 0 01-2 2H12a2 2 0 01-2-2V8a2 2 0 012-2z" fill="%23ff9800"/><path d="M30 6v10h10" fill="%23ffcc80"/><path d="M16 22h16M16 28h16M16 34h10" stroke="%23fff" stroke-width="2" stroke-linecap="round"/></svg>');
}

/* Close File - Red X Circle */
div.toolbar-list a[onclick*="close_file"] .picmenu img {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="28" height="28"><circle cx="24" cy="24" r="22" fill="%23f44336"/><path d="M16 16l16 16M32 16L16 32" stroke="%23fff" stroke-width="4" stroke-linecap="round"/></svg>');
}

/* Call For - Teal Phone */
div.toolbar-list a[onclick*="callFor"] .picmenu img {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="28" height="28"><circle cx="24" cy="24" r="22" fill="%23009688"/><path d="M19 14c-2 0-4 2-4 4 0 8 6 14 14 14 2 0 4-2 4-4l-4-4-3 2c-3-2-5-4-7-7l2-3-2-2z" fill="%23fff"/></svg>');
}

/* File History - Indigo Clock */
div.toolbar-list a[onclick*="fileHistory"] .picmenu img,
div.toolbar-list a[onclick*="FileHistory"] .picmenu img {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="28" height="28"><circle cx="24" cy="24" r="22" fill="%233f51b5"/><circle cx="24" cy="24" r="14" fill="none" stroke="%23fff" stroke-width="3"/><path d="M24 16v10l6 4" stroke="%23fff" stroke-width="3" stroke-linecap="round"/></svg>');
}

/* Dispatch - Cyan Send */
div.toolbar-list a[onclick*="dispatch"] .picmenu img {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="28" height="28"><circle cx="24" cy="24" r="22" fill="%2300bcd4"/><path d="M14 24l18-10-4 10 4 10z" fill="%23fff"/><path d="M28 24h-14" stroke="%23fff" stroke-width="3"/></svg>');
}

/* Close/Cancel - Gray X */
div.toolbar-list a[href*="index?task=abc"] .picmenu img,
div.toolbar-list a[onclick*="cancel"] .picmenu img {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="28" height="28"><circle cx="24" cy="24" r="22" fill="%23607d8b"/><path d="M16 16l16 16M32 16L16 32" stroke="%23fff" stroke-width="3" stroke-linecap="round"/></svg>');
}

/* Save - Green Check */
div.toolbar-list a[onclick*="save"] .picmenu img {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="28" height="28"><circle cx="24" cy="24" r="22" fill="%234caf50"/><path d="M15 24l6 6 12-12" stroke="%23fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg>');
}

/* Edit - Blue Pencil */
div.toolbar-list a[onclick*="edit"] .picmenu img {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="28" height="28"><circle cx="24" cy="24" r="22" fill="%232196f3"/><path d="M28 14l6 6-14 14H14v-6z" fill="%23fff"/><path d="M26 16l6 6" stroke="%23bbdefb" stroke-width="2"/></svg>');
}

/* Delete - Red Trash */
div.toolbar-list a[onclick*="delete"] .picmenu img {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="28" height="28"><circle cx="24" cy="24" r="22" fill="%23f44336"/><path d="M16 18h16M18 18v16a2 2 0 002 2h8a2 2 0 002-2V18M21 14h6" stroke="%23fff" stroke-width="2.5" stroke-linecap="round" fill="none"/></svg>');
}

/* Print - Deep Purple Printer */
div.toolbar-list a[onclick*="print"] .picmenu img {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="28" height="28"><circle cx="24" cy="24" r="22" fill="%23673ab7"/><rect x="14" y="20" width="20" height="12" rx="2" fill="%23fff"/><rect x="17" y="12" width="14" height="8" fill="%23d1c4e9"/><rect x="17" y="28" width="14" height="8" fill="%23d1c4e9"/><circle cx="30" cy="24" r="2" fill="%23673ab7"/></svg>');
}

/* Download - Green Down Arrow */
div.toolbar-list a[onclick*="download"] .picmenu img {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="28" height="28"><circle cx="24" cy="24" r="22" fill="%234caf50"/><path d="M24 14v16M18 24l6 6 6-6M16 34h16" stroke="%23fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

/* Upload - Blue Up Arrow */
div.toolbar-list a[onclick*="upload"] .picmenu img {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="28" height="28"><circle cx="24" cy="24" r="22" fill="%232196f3"/><path d="M24 32V16M18 22l6-6 6 6M16 34h16" stroke="%23fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

/* View - Purple Eye */
div.toolbar-list a[onclick*="view"] .picmenu img {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="28" height="28"><circle cx="24" cy="24" r="22" fill="%239c27b0"/><ellipse cx="24" cy="24" rx="12" ry="8" fill="none" stroke="%23fff" stroke-width="2.5"/><circle cx="24" cy="24" r="4" fill="%23fff"/></svg>');
}

/* Refresh - Amber Rotate */
div.toolbar-list a[onclick*="refresh"] .picmenu img {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="28" height="28"><circle cx="24" cy="24" r="22" fill="%23ffc107"/><path d="M32 16c-4-4-10-4-14 0s-4 10 0 14" stroke="%23fff" stroke-width="3" stroke-linecap="round" fill="none"/><path d="M32 16v-6h6" stroke="%23fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg>');
}

/* Container wrapper */
div.m {
	background: #ffffff;
	border-radius: 8px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.08);
	margin-bottom: 12px;
	padding: 12px;
}

/* Subtoolbar - Material UI Style */
.subtoolbar-list {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 8px 12px;
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	border-bottom: 1px solid #dee2e6;
	position: relative;
	z-index: 100;
}

.subtoolbar-list ul {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.subtoolbar-list li.button {
	display: inline-flex;
	margin: 0;
	padding: 0;
	float: none;
	height: auto;
	width: auto;
}

.subtoolbar-list li.button a.toolbar {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 14px;
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
	border: none;
	border-radius: 6px;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.2s ease;
	box-shadow: 0 2px 4px rgba(30, 60, 114, 0.2);
	white-space: nowrap;
}

.subtoolbar-list li.button a.toolbar:hover {
	background: linear-gradient(135deg, #2a5298 0%, #1e3c72 100%);
	box-shadow: 0 4px 8px rgba(30, 60, 114, 0.3);
	transform: translateY(-1px);
}

.subtoolbar-list li.button a.toolbar:active {
	transform: translateY(0);
	box-shadow: 0 1px 2px rgba(30, 60, 114, 0.2);
}

.subtoolbar-list li.button a.toolbar span[class^="icon-"] {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0;
	float: none;
}

/* Save/Apply Icon - Green Checkmark */
.subtoolbar-list li.button a.toolbar span.icon-16-apply {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>');
	background-size: 14px 14px;
}

/* Cancel Icon - White X */
.subtoolbar-list li.button a.toolbar span.icon-16-cancel {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>');
	background-size: 14px 14px;
}

/* Cancel button - different color */
.subtoolbar-list li#toolbar-cancel a.toolbar {
	background: linear-gradient(135deg, #6c757d 0%, #495057 100%);
}

.subtoolbar-list li#toolbar-cancel a.toolbar:hover {
	background: linear-gradient(135deg, #495057 0%, #343a40 100%);
}


/* -- MASSMAIL STYLES ----------------------------- */

td#mm_pane {
	width: 90%;
}

input#mm_subject {
	width: 200px;
}

textarea#mm_message {
	width: 100%;
}

/* -- PANE SLIDER STYLES ----------------------------- */
.pane-sliders {
	margin: 18px 0 0 0;
	position:relative;
}
.pane-sliders .title {
	margin: 0;
	padding: 2px 2px 2px 5px;
	color: #666;
	cursor: pointer;
}

#content-pane {
	margin: 8px 10px 15px 15px;
}

.pane-sliders .panel {
	margin-bottom: 3px;
	border:solid 1px #ccc;
}

.pane-sliders .panel h3 {
	background: #fafafa;
	color: #666;
}

.pane-sliders .content {
	background: #fff;
}

.pane-sliders .adminlist {
	border: 0 none;
	font-size: 1em;
}

.pane-sliders .adminlist td {
	border: 0 none;
}

.pane-toggler span {
	background: transparent url(../images/common/j_arrow.png) 5px 50% no-repeat;
	padding-left: 20px;
}

.pane-toggler-down span {
	background: transparent url(../images/common/j_arrow_down.png) 5px 50% no-repeat;
	padding-left: 20px;
}

.pane-toggler-down {
	border-bottom: 1px solid #ccc;
}

h3.pane-toggler-down a:hover,
h3.pane-toggler a:hover {
	text-decoration: none;
}

.pane-slider.pane-hide {
	display: none;
}

.pane-slider ol li {
	list-style: none;
	margin-left: -25px;
	margin-top: 10px;
}

input#jformparams_link_titles1,
input#jformparams_show_title1,
input#jformparams_link_category1 {
	margin-left: 13px;
}

div#position-icon.pane-sliders div.pane-down div.icon-wrapper {
	margin: 5px 0 5px 0;
}

div#position-icon.pane-sliders div.pane-down .icon-wrapper .icon {
	padding: 5px 0 5px 10px;
	margin: 0;
}

div#position-icon.pane-sliders .icon {
	background: #fff;
}

/* -- TAB STYLES - Modern Attractive Design ----------------------------- */
dl.tabs {
	float: left;
	margin: 15px 0 -1px 0;
	z-index: 50;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

dl.tabs dt {
	float: left;
	padding: 12px 20px;
	border: 1px solid #e0e0e0;
	border-bottom: none;
	margin-left: 3px;
	background: linear-gradient(180deg, #f8f9fa 0%, #e9ecef 100%);
	color: #495057;
	border-radius: 8px 8px 0 0;
	cursor: pointer;
	transition: all 0.3s ease;
	font-weight: 500;
	font-size: 13px;
	position: relative;
}

dl.tabs dt:hover {
	background: linear-gradient(180deg, #e9ecef 0%, #dee2e6 100%);
	color: #1e3c72;
	border-color: #ced4da;
}

dl.tabs dt.open {
	background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);
	border-bottom: 2px solid #fff;
	z-index: 100;
	color: #1e3c72;
	font-weight: 600;
	border-top: 3px solid #f39c12;
	margin-top: -2px;
}

dl.tabs dt.open::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	height: 3px;
	background: #fff;
}

div.current {
	clear: both;
	border: 1px solid #e0e0e0;
	border-top: 3px solid #1e3c72;
	padding: 20px;
	background: #fff;
	border-radius: 0 8px 8px 8px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

div.current dd {
	padding: 0;
	margin: 0;
}

dl#content-pane.tabs {
	margin: 1px 0 0 0;
}

div.current label,
div.current span.faux-label {
	display: block;
	min-width: 150px;
	max-width: 200px;
	float: left;
	clear: left;
	margin-top: 8px;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

div.current fieldset {
	border: none 0;
}

div.current fieldset.adminform {
	border: 1px #e0e0e0 solid;
	border-radius: 8px;
	background: #fafbfc;
	padding: 15px;
}

div.current fieldset.radio {
	float: left;
}

div.current fieldset.radio input {
	clear: none;
	min-width: 15px;
	float: left;
	margin: 3px 0 0 2px;
}

div.current fieldset.radio label {
	clear: none;
	min-width: 45px;
	float: left;
	margin: 3px 0 0 5px;
}

div.current fieldset.checkboxes {
	float: left;
	clear: right;
}

div.current fieldset.checkboxes input {
	clear: left;
	min-width: 15px;
	float: left;
	margin: 3px 0 0 2px;
}

div.current fieldset.checkboxes label {
	clear: right;
	min-width: 45px;
	margin: 3px 0 0 5px;
}

div.current input,
div.current textarea,
div.current select {
	clear: none;
	float: left;
	margin: 3px 0 0 2px;
}

div.current select {
	margin-bottom: 15px;
}

p.tab-description {
	font-size: 1.091em;
	margin-left: 0;
	margin-top: 5px;
}

/* ACL panels */
div.acl-options div.current {
	width: auto;
}

div.current table#acl-config th.acl-groups {
	text-align: left;
}

li.acl-editgroups,
li.acl-resetbtn {
	display:block;
	float:left;
	margin:14px !important;
	width:auto;
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #CCCCCC;
	text-decoration:none;
	font-size: .909em;
	padding: 3px !important;
}

li.acl-editgroups:hover,
li.acl-resetbtn:hover {
	background:none repeat scroll 0 0 #E8f6f3;
	border:1px solid #AAA;
	cursor:pointer;
}


/* -- CONTROL PANEL STYLES ----------------------------- */
#cpanel div.icon {
	text-align: center;
	margin-right: 15px;
	float: left;
	margin-bottom: 15px;

}

#cpanel div.icon a {
	background-color: #fff;
	background-position: -30px;
	display: block;
	float: left;
	height: 97px;
	width: 108px;
	color: #565656;
	vertical-align: middle;
	text-decoration: none;
	border: 1px solid #CCC;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition-property:
			background-position,
			-webkit-border-bottom-left-radius,
			-webkit-box-shadow;
	-moz-transition-property:
			background-position,
			-moz-border-radius-bottomleft,
			-moz-box-shadow;
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
}

#cpanel div.icon a:hover,
#cpanel div.icon a:focus,
#cpanel div.icon a:active {
	background-position: 0;
	-webkit-border-bottom-left-radius: 50% 20px;
	-moz-border-radius-bottomleft: 50% 20px;
	border-bottom-left-radius: 50% 20px;
	-webkit-box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);
	box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);
	position: relative;
	z-index: 10;
}

#cpanel img {
	padding: 10px 0;
	margin: 0 auto;
}

#cpanel span {
	display: block;
	text-align: center;
}

div.cpanel-left {
	width: 54%;
	float: left;
}

div.cpanel-right {
	width: 45%;
	float: right;
}

/* -- FORM STYLES ----------------------------- */

/* Standards for commonly used elements */
div.width-20	{width: 20%;}
div.width-30	{width: 30%;}
div.width-35	{width: 35%;}
div.width-40	{width: 40%;}
div.width-45	{width: 45%;}
div.width-50	{width: 50%;}
div.width-55	{width: 55%;}
div.width-60	{width: 60%;}
div.width-65	{width: 65%;}
div.width-70	{width: 70%;}
div.width-80	{width: 80%;}
div.width-100	{width: 100%;}

.clrlft		{clear: left;}
.clrrt		{clear: right;}
.fltlft		{float: left;}
.fltlft_unit		{float: none;}
.fltrt		{float: right;}
.fltnone	{float: none;}

div.width-20 fieldset,
div.width-30 fieldset,
div.width-35 fieldset,
div.width-40 fieldset,
div.width-45 fieldset,
div.width-50 fieldset,
div.width-55 fieldset,
div.width-60 fieldset,
div.width-65 fieldset,
div.width-70 fieldset,
div.width-80 fieldset,
div.width-100 fieldset	{
	background-color: #fff;
	padding: 5px 17px 17px 17px;
}

/* Administrator forms, lists */
fieldset.adminform {
	margin: 10px 0;
	overflow: visible;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #e2e8f0;
	padding: 10px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
	max-width: 100%;
	box-sizing: border-box;
}

fieldset.adminform legend {
	margin: 0;
	padding: 6px 15px;
	background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
	color: #fff !important;
	border-radius: 6px;
	font-weight: 600;
	font-size: 13px;
	box-shadow: 0 3px 8px rgba(30, 60, 114, 0.2);
	letter-spacing: 0.3px;
}

ul.adminformlist,
ul.adminformlist li {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.adminformlist {
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr));
	gap: 0 40px;
	width: 100%;
	box-sizing: border-box;
}

ul.adminformlist li {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	overflow-wrap: break-word;
}

/* Make textarea row span full width */
ul.adminformlist li:has(textarea) {
	grid-column: 1 / -1;
}

/* Make two-column-row span full width and display properly */
ul.adminformlist li.two-column-row {
	grid-column: 1 / -1;
	display: flex !important;
	flex-direction: row;
	align-items: center;
	gap: 30px;
	padding: 10px 15px;
	margin: 5px 0;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	border-radius: 4px;
}

/* Make additional allowance container span full width */
ul.adminformlist li[id^="additional_allowance_"] {
	grid-column: 1 / -1;
	display: flex;
	flex-direction: column;
}

/* ===== EVENT LIST - Compact & Aligned ===== */
ul.adminformlist li.ge-event-block {
	grid-column: 1 / -1;
	display: block !important;
	width: 100% !important;
	padding: 0;
	margin: 10px 0;
	position: static !important;
}

#event_more {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px;
	width: 100%;
	padding: 0;
	list-style: none;
}

/* Event row - compact inline */
#event_more li[id^="label_p"] {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 8px;
	width: 100% !important;
	background: #f8f9fa;
	border: 1px solid #ddd;
	border-left: 3px solid #4caf50;
	border-radius: 4px;
	padding: 8px 12px;
	margin: 0;
	box-sizing: border-box;
	float: none !important;
	position: static !important;
}

#event_more li[id^="label_p"]:hover {
	background: #e8f5e9;
	border-left-color: #2e7d32;
}

/* Label - inline */
#event_more li[id^="label_p"] label {
	display: inline-block !important;
	width: auto !important;
	max-width: 280px !important;
	float: none !important;
	margin: 0;
	font-weight: 600;
	font-size: 12px;
	color: #333;
	flex: 1 1 auto;
	min-width: 180px;
}

/* Date input - compact */
#event_more li[id^="label_p"] input[type="text"] {
	width: 100px !important;
	padding: 5px 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 12px;
	background: #fff;
	margin: 0;
	flex: 0 0 auto;
}

#event_more li[id^="label_p"] input[type="text"]:focus {
	border-color: #4caf50;
	outline: none;
	box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.15);
}

/* Icons */
#event_more li[id^="label_p"] img {
	width: 22px !important;
	height: 22px !important;
	cursor: pointer;
	margin: 0 3px;
	vertical-align: middle;
	flex: 0 0 auto;
}

#event_more li[id^="label_p"] img:hover {
	opacity: 0.8;
}

/* Delete icon slightly smaller */
#event_more li[id^="label_p"] img[alt="Delete"] {
	width: 18px !important;
	height: 18px !important;
}

/* Responsive */
@media screen and (max-width: 600px) {
	#event_more li[id^="label_p"] {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 6px;
	}

	#event_more li[id^="label_p"] label {
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* Style for additional allowance rows */
.additional-allowance-row {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-bottom: 4px;
	padding: 3px 0;
	width: 100%;
}

.additional-allowance-row label {
	width: 245px;
	min-width: 245px;
	max-width: 245px;
	flex-shrink: 0;
	float: none !important;
	height: auto !important;
	margin: 0;
	padding-right: 15px;
	box-sizing: border-box;
}

.additional-allowance-row input[type="text"] {
	width: 120px;
	flex-shrink: 0;
}

fieldset label,
fieldset span.faux-label {
	float: left;
	clear: left;
	display: block;
	margin: 0;
	/*width: 220px;*/
	/*min-width: 220px;*/
	padding-right: 15px;
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;
	line-height: 1.4;
	font-weight: 600;
	color: #374151;
	font-size: 13px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	height: 38px; /* Match input height */
}
fieldset ul {
	margin: 0;
	padding: 0;
}

form label,
form span.faux-label {
	font-size: 1.091em;
	color: #495057;
	font-weight: 500;
}

fieldset input,
fieldset textarea,
fieldset select,
fieldset img,
fieldset button {
	float: left;
	min-width: auto;
	margin: 0;
	max-width: 100%;
	box-sizing: border-box;
}

/* Input field styling */
fieldset input[type="text"],
fieldset input[type="number"],
fieldset input[type="date"],
fieldset input[type="email"],
fieldset select,
fieldset textarea {
	border: 1px solid #cbd5e1;
	border-radius: 6px;
	padding: 6px 10px;
	font-size: 13px;
	font-family: 'Inter', 'Poppins', sans-serif;
	transition: all 0.2s ease;
	background: #fff;
	color: #1f2937;
	width: 200px;
	min-width: 200px;
	height: 36px;
	box-sizing: border-box;
}

fieldset textarea {
	height: auto;
	min-height: 70px;
	padding: 8px 10px;
}

fieldset input[type="text"]:hover,
fieldset input[type="number"]:hover,
fieldset input[type="date"]:hover,
fieldset input[type="email"]:hover,
fieldset select:hover,
fieldset textarea:hover {
	border-color: #cbd5e1;
	background: #fff;
}

fieldset input[type="text"]:focus,
fieldset input[type="number"]:focus,
fieldset input[type="date"]:focus,
fieldset input[type="email"]:focus,
fieldset select:focus,
fieldset textarea:focus {
	border-color: #1e3c72;
	box-shadow: 0 0 0 4px rgba(30, 60, 114, 0.12);
	outline: none;
	background: #fff;
}

fieldset input[type="text"]:disabled,
fieldset input[type="number"]:disabled,
fieldset input[type="date"]:disabled,
fieldset input[type="email"]:disabled,
fieldset select:disabled,
fieldset textarea:disabled {
	background: #f1f5f9;
	border-color: #e2e8f0;
	color: #64748b;
	cursor: not-allowed;
}

fieldset.adminform textarea {
	width: 300px;
	max-width: 100%;
	border-radius: 6px;
	min-height: 80px;
	resize: vertical;
}

fieldset ul.checklist input {
	clear: left;
	margin-right: 10px;
}

fieldset ul.checklist label,
fieldset ul.menu-links label,
fieldset#filter-bar label {
	clear: none;
}
fieldset.adminform ul.checklist li {
	width: 100%;
	margin: 0;
	padding: 0;
}
fieldset.adminform ul.checklist li label {
	width: auto;
}

input.readonly {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.091em;
	padding-top: 1px;
	border: 0;
	font-weight: bold;
	color: #666;
}

#jform_id,
span.readonly {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.091em;
	margin:5px 5px 5px 0;
	font-weight: bold;
	float: left;
	display:block;
	color: #666;
}

#jform_params_alt,
#jform_clickurl {
	width: 355px;
}

#jform-imp {
	width: 70px;
}

.mod-desc { margin-left: 135px !important; float: none !important;}

input.readonly {
	background-color: #ffffff;
}

#jform_params_width,
#jform_params_height,
#jform_params_increase,
#jform_params_shownumber,
#jform_params_count {
	width: 50px;
}

#jform_id {
	width: 50px;
	background-color:#FFFFFF;
	border: 0 none;
}

input#jform_title,
input#jform_leveltitle,
input#jform_grouptitle {
	font-size: 1.364em;
}

label#jform_title-lbl,
label#jform_leveltitle-lbl,
label#jform_grouptitle-lbl {
	padding-top: 3px;
}

div#content-pane fieldset {
	border: 0;
	padding: 10px 15px 0 15px;
}

div.panel fieldset {
	border: 0;
}

/* Required elements  d5eeff*/
input.required {
	background-color: #d5eeff;
	color:#000000;
}

input.normal {
	color:#000000;
}


.star {
	color:#EB8207;
	font-size:1.2em;
}

/* -------- Batch Section ---------- */
fieldset.batch {
	margin: 20px 0 10px 0;
	background: #fff;
	padding: 10px;
}
fieldset.batch label {
	margin: 5px;
	min-width: 40px;
}
fieldset.batch button {
	margin: 3px;
}
fieldset#batch-choose-action {
	clear: left;
	border: 0 none;
}
fieldset.batch label {
	float: left;
	clear: none;
}
fieldset label#batch-choose-action-lbl {
	clear: left;
	margin-top: 15px;
}
label#batch-language-lbl {
	clear: left;
	margin-right: 10px;
	margin-top: 15px;
}
select#batch-language-id {
	margin-top: 15px;
}
select#batch-category-id {
	margin-right: 30px;
}
select#batch-menu-id {
	margin-right: 30px;
}
label#batch-access-lbl {
	margin-right: 10px;
}


/* -------- Menu Assigments ---------- */
div#menu-assignment {
	clear:left;
}
div#menu-assignment input,
div#menu-assignment h3 {
	clear:left;
	padding-bottom: 0;
	margin-bottom: 0;
}
div#menu-assignment ul.menu-links {
	float:left;
	width:49%;
}
div#menu-assignment ul.menu-links li:last-child label {
	margin-bottom: 20px;
}

fieldset.adminform .menu-links label {
	white-space:nowrap;
}
fieldset.adminform .menu-links input {
	margin: 8px 5px 0 0;
}

button.jform-rightbtn {
	float:right;
	margin-right: 0;
}

#jform_impmade,
#jform_clicks {
	width: 30px;
}

/* Field label widths - long label */
fieldset.adminform.long label,
fieldset.adminform.long span.faux-label {
	min-width: 180px;
}

/* Field label widths - short label */
fieldset.adminform label,
fieldset.adminform span.faux-label {
	min-width: 250px;
	padding: 0 5px 0 0;
}

/* =====================================================================
   GER form layout polish — 2026-05-29
   ---------------------------------------------------------------------
   Fixes reported on Personnel Details / Posting Details (and every other
   adminform tab):
     • labels were content-width (the fixed 220px was commented out), so
       each row's input started at a DIFFERENT x — nothing lined up;
     • date rows pack [text input][calendar icon][FN/AN select] which,
       together with the 250px label, exceeded the 400px grid column and
       SPILLED / OVERLAPPED into the next field;
     • field widths were inconsistent (size="50" vs 200px vs selects).
   Scoped to fieldset.adminform so money-column grids, search forms and
   master-entry screens are untouched. Desktop only — the <=768px rules
   above keep their single-column stack.
   ===================================================================== */
@media (min-width: 769px) {
	/* Vertically center label + field. A 2-line label (~36px) matches the input
	   height, so centering reads clean for both 1- and 2-line labels. */
	fieldset.adminform ul.adminformlist > li {
		align-items: center;
		gap: 10px;
		padding: 8px 14px;
		min-height: 46px;
	}

	/* Fixed label column → every field begins at the SAME x position. */
	fieldset.adminform ul.adminformlist > li > label,
	fieldset.adminform ul.adminformlist > li > span.faux-label {
		flex: 0 0 190px;
		width: 190px;
		min-width: 190px;
		max-width: 190px;
		height: auto;            /* allow 2-line labels (override the fixed 38px) */
		padding: 0 12px 0 0;
		line-height: 1.35;
	}

	/* Primary controls fill the remaining column width uniformly.
	   min-width:0 is the key anti-overflow fix — flex items default to
	   min-width:auto (their content size), which is what let the date controls
	   spill into the next column. flex-basis 140px keeps an empty field from
	   collapsing to a sliver. */
	fieldset.adminform ul.adminformlist > li > input[type="text"],
	fieldset.adminform ul.adminformlist > li > input[type="number"],
	fieldset.adminform ul.adminformlist > li > input[type="email"],
	fieldset.adminform ul.adminformlist > li > input:not([type]),
	fieldset.adminform ul.adminformlist > li > select,
	fieldset.adminform ul.adminformlist > li > div[id] {
		flex: 1 1 140px;
		width: auto;
		min-width: 0;
		max-width: 100%;
	}
	/* select wrapped in a combo container (designation_dest, related_curcity…) */
	fieldset.adminform ul.adminformlist > li > div[id] > select {
		width: 100%;
		min-width: 0;
		max-width: 100%;
	}

	/* Calendar icon: fixed compact box, vertically centered with the field. */
	fieldset.adminform ul.adminformlist > li > img.calendar {
		flex: 0 0 auto;
		width: 22px;
		height: 22px;
		cursor: pointer;
	}

	/* FN/AN dropdown ALWAYS immediately follows the calendar icon on a date row.
	   Keep it compact so [input][icon][FN/AN] fits inside one grid column and can
	   never bleed into the next column. Sibling combinator '+' is universally
	   supported (no :has() dependency). */
	fieldset.adminform ul.adminformlist > li > img.calendar + select {
		flex: 0 0 54px;
		width: 54px;
		min-width: 54px;
		max-width: 54px;
	}

	/* Radio groups (Gender / Marital status) align with the same label column. */
	fieldset.adminform ul.adminformlist > li > fieldset.radio {
		flex: 1 1 auto;
		min-width: 0;
		display: flex;
		align-items: center;
		gap: 6px;
	}
}

/* ---------------------------------------------------------------------
   Neutralise Chrome/WebKit autofill's blue/yellow highlight so an
   autofilled field (most often Date of Birth) looks identical to every
   other input. This was the "DOB ka style alag hai" report. Applies in
   all viewports.
   --------------------------------------------------------------------- */
fieldset.adminform input:-webkit-autofill,
fieldset.adminform input:-webkit-autofill:hover,
fieldset.adminform input:-webkit-autofill:focus,
fieldset.adminform input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 1000px #ffffff inset;
	box-shadow: 0 0 0 1000px #ffffff inset;
	-webkit-text-fill-color: #1f2937;
	caret-color: #1f2937;
	transition: background-color 5000s ease-in-out 0s;
}

fieldset.panelform {
	overflow: hidden;
}
fieldset.panelform label,
fieldset.panelform div.paramrow label,
fieldset.panelform span.faux-label {
	min-width: 145px;
	max-width: 250px;
	padding: 0 5px 0 0;
}

/* One-offs */
/* Field label widths - medium label */
label#userparamsallowUserRegistration-lbl,
label#userparamsnew_usertype-lbl,
label#userparamsuseractivation-lbl,
label#userparamsfrontend_userparams-lbl,
label#jform_MetaDesc-lbl {
	min-width: 180px;
}

/* Field label widths - long label */
label#paramsusermode-lbl,
label#paramsphishing-resistant-lbl,
label#paramsmulti-factor-lbl,
label#paramsmulti-factor-physical-lbl,
paramslang_mode-lbl {
	min-width: 200px;
}

div.jform_mod_title,
div.jform_na {
	margin-top: 5px;
	float: left;
}

div#jform_template,
div#jform_template-desc {
	float: left;
	padding-right: 5px;
	padding-top: 5px;
	font-size: 1.091em;
}

div#jform_template-desc {
	padding-top: 3px;
}

input#description {
	margin-top: 3px;
}

th.col1template {
	width: 210px;
}

div.editor-border {
	border: 1px solid #CCCCCC;
}

fieldset p {
	margin: 0 0 15px 0;
	font-size: 1.091em;
}

ul#overviewlist,ul#paramlist {
	clear: both;
	font-size: 1.091em;
	padding-top: 5px;
}

ul#overviewlist li {
	list-style-type: none;
	margin-left: -40px;
	margin-bottom: 15px;
	min-width: 140px;
}

ul#paramlist li {
	list-style-type: none;
	margin-left: -40px;
	margin-bottom: 5px;
}

li#jform_menutype_label,
li#jform_parentid_label,
li#jform_published_label,
li#jform_access_label {
	float: left;
	clear: left;
}

fieldset.adminform fieldset.radio,
fieldset.panelform fieldset.radio,
fieldset.adminform-legacy fieldset.radio {
	border: 0;
	float: left;
	padding: 0 8px;
	margin: 0;
	background: transparent;
	border-radius: 4px;
	display: flex;
	align-items: center;
	gap: 10px;
	height: 38px;
}


fieldset.adminform fieldset.radio label,
fieldset.panelform fieldset.radio label {
	min-width: auto;
	padding: 0 10px 0 4px;
	float: none;
	clear: none;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	font-size: 13px;
	color: #4a5568;
	transition: color 0.2s ease;
}

fieldset.adminform fieldset.radio label:hover,
fieldset.panelform fieldset.radio label:hover {
	color: #1e3c72;
}

fieldset.adminform fieldset.radio input[type="radio"],
fieldset.panelform fieldset.radio input[type="radio"] {
	width: 18px;
	height: 18px;
	margin-right: 8px;
	accent-color: #1e3c72;
	cursor: pointer;
}

/* checkboxes */
fieldset.adminform fieldset.checkboxes,
fieldset.panelform fieldset.checkboxes,
fieldset.adminform-legacy fieldset.checkboxes  {
	border: 0;
	float: left;
	padding: 0 8px;
	margin: 0;
	background: transparent;
	border-radius: 4px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 20px;
	min-height: 32px;
	height: auto;
	width: 100%;
}

/* Checkbox list items - horizontal layout */
fieldset.adminform fieldset.checkboxes li,
fieldset.panelform fieldset.checkboxes li,
fieldset.adminform-legacy fieldset.checkboxes li {
	display: inline-flex;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 4px 8px;
	background: #f8f9fa;
	border-radius: 4px;
	border: 1px solid #e0e0e0;
	min-width: 160px;
}


fieldset.adminform fieldset.checkboxes input[type="checkbox"],
fieldset.panelform fieldset.checkboxes input[type="checkbox"] {
	float: none;
	clear: none;
	width: 18px;
	height: 18px;
	accent-color: #1e3c72;
	cursor: pointer;
}
fieldset.adminform fieldset.checkboxes label,
fieldset.panelform fieldset.checkboxes label,
fieldset.adminform fieldset.checkboxes span.faux-label,
fieldset.panelform fieldset.checkboxes span.faux-label {
	clear: none;
	cursor: pointer;
	font-size: 13px;
}

/* Standalone checkbox styling */
fieldset.adminform input[type="checkbox"] {
	width: 18px;
	height: 18px;
	accent-color: #1e3c72;
	cursor: pointer;
	margin-right: 8px;
}

/* end checkboxes */

/* Document checkboxes styling */
fieldset.doc-checkboxes {
	display: flex !important;
	flex-wrap: wrap;
	gap: 15px 25px;
	padding: 10px !important;
	border: none !important;
	width: 100%;
}

fieldset.doc-checkboxes .doc-item {
	display: inline-flex;
	align-items: center;
	min-width: 180px;
	padding: 5px 10px;
	background: #f8f9fa;
	border-radius: 4px;
	border: 1px solid #e0e0e0;
}

fieldset.doc-checkboxes .doc-item input[type="checkbox"] {
	margin-right: 8px;
	width: 16px;
	height: 16px;
	accent-color: #1e3c72;
	cursor: pointer;
}

fieldset.doc-checkboxes .doc-item label {
	cursor: pointer;
	font-size: 13px;
	color: #333;
	margin: 0;
}

.doc-pending-row {
	display: flex;
	align-items: center;
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #e0e0e0;
}

.doc-pending-row label#lbl_pending {
	font-weight: bold;
	margin-right: 15px;
	color: #333;
}

.doc-pending-row fieldset.radio {
	display: inline-flex;
	align-items: center;
	gap: 15px;
	border: none;
	padding: 0;
	margin: 0;
}

.doc-pending-row fieldset.radio input[type="radio"] {
	margin-right: 5px;
	accent-color: #1e3c72;
	cursor: pointer;
}

.doc-pending-row fieldset.radio label {
	cursor: pointer;
	margin-right: 10px;
}
/* end document checkboxes */

/* spacer */
div.current span.spacer > span.before,
fieldset.adminform span.spacer > span.before,
fieldset.panelform span.spacer > span.before {
	clear: both;
	overflow: hidden;
	height: 0;
	display: block;
}

div.current span.spacer > span.text label ,
fieldset.adminform span.spacer > span.text label ,
fieldset.panelform span.spacer > span.text label {
	white-space: nowrap;
	font-weight: bold;
	color: #666;
}

/* end spacer */

fieldset.panelform-legacy label,
fieldset.adminform-legacy label {
	min-width: 150px;
	float: left;
}

/* JParameter classes on radio button labels  */
fieldset.panelform-legacy label.radiobtn-jno,
fieldset.panelform-legacy label.radiobtn-jyes,
fieldset.panelform-legacy label.radiobtn-show,
fieldset.panelform-legacy label.radiobtn-hide,
fieldset.panelform-legacy label.radiobtn-off,
fieldset.panelform-legacy label.radiobtn-on	{
	min-width: 40px !important;
	clear: none !important;
}

#jform_plugdesc-lbl,
#jform_description-lbl {
	clear: both;
	margin-top: 15px;
}

p.jform_desc {
	clear: left;
}

div#jform_ordering {
	font-size: 1.091em;
	margin-top: 3px;
}

fieldset.filter {
	border: 0;
	margin: 0;
	padding: 0 0 5px;
}

fieldset.filter ol {
	border: 0;
	list-style: none;
	margin: 0;
	padding: 5px 0 0;
}

fieldset.filter ol li {
	float: left;
	padding: 0 5px 0 0;
}

fieldset.filter ol li fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

fieldset.filter .left {
	float: left;
}

fieldset.filter .right {
	float: right;
}

fieldset.filter .right select {
	margin-left: 10px;
}

fieldset#filter-bar {
	min-height: 35px;
	height: auto;
	border: 0;
	border-bottom: 1px solid #d5d5d5;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 20px;
	padding: 10px 5px;
}

fieldset#filter-bar .filter-search {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	float: none !important;
}

fieldset#filter-bar .filter-search label {
	float: none !important;
	margin: 0;
	font-weight: 500;
	color: #495057;
	white-space: nowrap;
}

fieldset#filter-bar .filter-search input[type="text"] {
	width: 180px;
	height: 32px;
	padding: 4px 10px;
	border: 1px solid #cbd5e1;
	border-radius: 4px;
	float: none !important;
}

fieldset#filter-bar .filter-search select {
	width: 200px;
	height: 32px;
	padding: 4px 8px;
	border: 1px solid #cbd5e1;
	border-radius: 4px;
	float: none !important;
}

fieldset#filter-bar .filter-search button {
	height: 32px;
	padding: 4px 12px;
	border: 1px solid #1e3c72;
	background: #1e3c72;
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
	font-size: 13px;
	float: none !important;
}

fieldset#filter-bar .filter-search button:hover {
	background: #2a4a8a;
}

fieldset#filter-bar .filter-search button:last-child {
	background: #f8f9fa;
	color: #495057;
	border-color: #cbd5e1;
}

fieldset#filter-bar .filter-search button:last-child:hover {
	background: #e9ecef;
}

label.filter-search-lbl {
	margin-left: 5px;
}

label.filter-hide-lbl {
	margin-left: 5px;
	clear: none;
}

div.filter-select input,
div.filter-select select {
	margin-left: 5px;
	margin-right: 5px;
}

button.filter-go {
	float: left;
	margin-right: 15px;
}

label.filter-published-lbl {
	clear: none;
	margin-left: 10px;
}

table.adminform {
	background-color: #fff;
	border: solid 1px #d5d5d5;
	width: 100%;
	border-collapse: collapse;
	margin: 8px 0 10px 0;
	margin-bottom: 15px;
}

table.adminform tr.row0 {
	background-color: #fff;
}

table.adminform tr.row1 {
	background-color: #f8f9fa;
}

table.adminform th {
	font-size: 1.091em;
	padding: 12px 10px;
	text-align: left;
	height: auto;
	color: #1e3c72;
	background: linear-gradient(180deg, #f0f4f8 0%, #e8ecf0 100%);
	font-weight: 600;
	border-bottom: 2px solid #e0e0e0;
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;
	max-width: 200px;
}

table.adminform td {
	padding: 10px;
	text-align: left;
	font-size: 1.091em;
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;
	max-width: 300px;
	vertical-align: middle;
}

table.adminform td.filter {
	text-align: left;
}

table.adminform td.helpMenu {
	text-align: right;
}

table#template-mgr td {
	padding: 15px 0;
}

table#template-mgr td p {
	margin: 3px;
}

td.template-name a {
	padding-left: 15px;
	font-weight: bold;
}

.helplinks {
	margin-top: 60px;
}

ul.helpmenu li {
	float: right;
	margin: 10px;
	padding: 0;
	list-style-type: none;
}

input.text-area-order {
	text-align: center;
	margin-right: 5px;
}

fieldset.uploadform label {
	clear: left;
	min-width: 100px;
}

span.gi {
	color: #d7d7d7;
	font-weight: bold;
	margin-right: 5px;
}

span.gtr {
	visibility:hidden;
	margin-right: 5px;
}

ul#legend li {
	float: left;
	margin: 20px;
	list-style-type: none;
}

#jform_params_target { width: 190px;}


/* Adminlist grids - Modern Attractive Design */

table.adminlist {
	width: 100%;
	border-spacing: 0;
	border-collapse: separate;
	background-color: #fff;
	color: #495057;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
	border: 1px solid #e0e0e0;
}

table.adminlist td,
table.adminlist th {
	padding: 12px 10px;
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;
	max-width: 250px;
}

table.adminlist td {
	padding-left: 12px;
	vertical-align: middle;
	border-bottom: 1px solid #f0f0f0;
}

table.adminlist thead th {
	text-align: left;
	background: linear-gradient(180deg, #1e3c72 0%, #2a5298 100%);
	color: #fff;
	border-bottom: none;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 14px 12px;
}

table.adminlist thead th:first-child {
	border-left: none;
	border-radius: 10px 0 0 0;
}

table.adminlist thead th:last-child {
	border-radius: 0 10px 0 0;
}

table.adminlist thead th.left {
	text-align: left;
}

table.adminlist thead a {
	color: #fff;
}

table.adminlist thead a:hover {
	text-decoration: none;
	color: #f39c12;
}

table.adminlist thead th img {
	vertical-align: middle;
	padding-left: 3px;
}

table.adminlist tbody th {
	font-weight: 500;
	background: #f8f9fa;
}

table.adminlist tbody tr {
	background-color: #fff;
	text-align: left;
	transition: all 0.2s ease;
}

table.adminlist tbody tr.row0 {
	background-color: #fff;
}

table.adminlist tbody tr.row1 {
	background-color: #f8f9fa;
}

table.adminlist tbody tr:hover {
	background-color: #e8f4fd !important;
}

table.adminlist tbody tr.row0:hover td,
table.adminlist tbody tr.row1:hover td {
	background-color: #e8f4fd;
}

table.adminlist tbody tr td {
	background: transparent;
	border: none;
	border-bottom: 1px solid #f0f0f0;
}

table.adminlist tbody tr.row1 td {
	background: transparent;
	border-top: none;
}

table.adminlist tbody tr:last-child td {
	border-bottom: none;
}

table.adminlist tbody tr:last-child td:first-child {
	border-radius: 0 0 0 10px;
}

table.adminlist tbody tr:last-child td:last-child {
	border-radius: 0 0 10px 0;
}

table.adminlist tfoot tr {
	text-align: left;
	background: #f8f9fa;
	color: #333;
}

table.adminlist tfoot td,table.adminlist tfoot th {
	background-color: #f7f7f7;
	border-top: 1px solid #999;
	text-align: left;
}

table.adminlist td.order {
	text-align: left;
	white-space: nowrap;
	width: 200px;
}

table.adminlist td.order span {
	float: left;
	width: 20px;
	text-align: left;
	background-repeat: no-repeat;
	height: 13px;
}

table.adminlist .pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 10px;
	padding: 16px 20px;
	margin: 15px auto;
	clear: both;
	background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
	border-radius: 10px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

/* Tree indentation & nesting - Up to 10 levels deep so don't go crazy :) */
table.adminlist td.indent-4 	{	padding-left: 4px;		}
table.adminlist td.indent-19 	{	padding-left: 19px;		}
table.adminlist td.indent-34 	{	padding-left: 34px;		}
table.adminlist td.indent-49 	{	padding-left: 49px;		}
table.adminlist td.indent-64 	{	padding-left: 64px;		}
table.adminlist td.indent-79 	{	padding-left: 79px;		}
table.adminlist td.indent-94 	{	padding-left: 94px;		}
table.adminlist td.indent-109 	{	padding-left: 109px;	}
table.adminlist td.indent-124 	{	padding-left: 124px;	}
table.adminlist td.indent-139 	{	padding-left: 139px;	}

table.adminlist tr td.btns a {
	text-decoration: underline;
}

/*--------------payslip adminlist_slip--------------------------*/


table.adminlist_slip {
	width: 100%;
	border-spacing: 1px;
	background-color: #f3f3f3;
	xcolor: #666;
	color: #000;
	font-size: 24px;
}

table.adminlist_slip td,
table.adminlist_slip th {
	padding: 4px;
}

table.adminlist_slip td {padding-left: 8px;}

table.adminlist_slip thead th {
	text-align:left;
	background: #f7f7f7;
	xcolor: #666;
	color: #000;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #fff;
}

table.adminlist_slip thead th.left {
	text-align: left;
}

table.adminlist_slip thead a:hover {
	text-decoration: none;
}

table.adminlist_slip thead th img {
	vertical-align: middle;
	padding-left: 3px;
}

table.adminlist_slip tbody th {
	xfont-weight: bold;
	font-weight: 300;
}

table.adminlist_slip tbody tr {
	background-color: #fff;
	text-align: left;
}

table.adminlist_slip tbody tr.row0:hover td,
table.adminlist_slip tbody tr.row1:hover td	{
	background-color: #e8f6fe;
}

table.adminlist_slip tbody tr td {
	background: #fff;
	xborder-top: 1px solid #666;
	xborder-bottom: 1px solid #fff;
	xborder: 1px solid #333;

}

table.adminlist_slip tbody tr.row1 td {
	background: #f0f0f0;
	border-top: 1px solid #FFF;
}

table.adminlist_slip tfoot tr {
	text-align: left;
	color: #333;
}

table.adminlist_slip tfoot td,table.adminlist_slip tfoot th {
	background-color: #f7f7f7;
	border-top: 1px solid #999;
	text-align: left;
}

table.adminlist_slip td.order {
	text-align: left;
	white-space: nowrap;
	width: 200px;
}

table.adminlist_slip td.order span {
	float: left;
	width: 20px;
	text-align: left;
	background-repeat: no-repeat;
	height: 13px;
}

table.adminlist_slip .pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 6px;
	padding: 14px 16px;
	margin: 12px auto;
	clear: both;
	background: linear-gradient(135deg, #f0f4ff 0%, #ffffff 50%, #f0f4ff 100%);
	border-radius: 10px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	border: 1px solid #e0e7ff;
}

/* Tree indentation & nesting - Up to 10 levels deep so don't go crazy :) */
table.adminlist_slip td.indent-4 	{	padding-left: 4px;		}
table.adminlist_slip td.indent-19 	{	padding-left: 19px;		}
table.adminlist_slip td.indent-34 	{	padding-left: 34px;		}
table.adminlist_slip td.indent-49 	{	padding-left: 49px;		}
table.adminlist_slip td.indent-64 	{	padding-left: 64px;		}
table.adminlist_slip td.indent-79 	{	padding-left: 79px;		}
table.adminlist_slip td.indent-94 	{	padding-left: 94px;		}
table.adminlist_slip td.indent-109 	{	padding-left: 109px;	}
table.adminlist_slip td.indent-124 	{	padding-left: 124px;	}
table.adminlist_slip td.indent-139 	{	padding-left: 139px;	}

table.adminlist_slip tr td.btns a {
	text-decoration: underline;
}

/* -- TABLE STYLES ----------------------------- */

div#element-box div.m form table.adminlist tr td a {
	font-size: 1.1em;
}

div#element-box div.m form table.adminlist tr td div.button2-left.smallsub a {
	font-size: 1em;
}

div#element-box div.m form table.adminlist tr td p.smallsub a,
div#element-box div.m div.pane-slider form table.adminlist a {
	font-size: 1em;
}

p.smallsub {
	margin: 3px 0 0;
}

p.smallsub span {
	color: #a0a0a0;
}

.pagination div.limit {
	display: flex;
	align-items: center;
	height: auto;
	line-height: 1.4;
	margin: 0 8px;
	padding: 6px 14px;
	background: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%);
	border-radius: 8px;
	border: 1px solid #c7d2fe;
	color: #3730a3;
	font-weight: 500;
	font-size: 13px;
	box-shadow: none;
}
div.limit span{
	display: flex;
	align-items: center;
	padding-right: 8px;
	color: #3730a3;
	font-size: 13px;
	font-weight: 600;
}

.pagination div.limit select#limit {
	min-width: 55px;
	padding: 4px 10px;
	border-radius: 6px;
	border: 1.5px solid #c7d2fe;
	background: #ffffff;
	color: #3730a3;
	font-weight: 600;
	font-size: 13px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.pagination div.limit select#limit:hover {
	border-color: #818cf8;
	background: #f5f3ff;
}

.pagination div.limit select#limit:focus {
	outline: none;
	border-color: #6366f1;
	box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2);
}

.pagination div.limit select#limit option {
	background: #ffffff;
	color: #1e1b4b;
	padding: 4px;
}

p.mod-purge-instruct {
	margin-top: 20px;
}

div.checkin-tick {
	background: url(../images/admin/tick.png) 20px 50% no-repeat;
	text-indent: -9999px;
}

td.left,
th.left {
	text-align: left;
}

td.center,
th.center,
.center {
	text-align: center;
	float: none;
}

td.center img,
th.center img {
	float: none;
}

td.right,th.right {
	text-align: right;
}

.container {
	clear: both;
	text-decoration: none;
	text-align: center;
	overflow: visible;
	width: 100%;
	box-sizing: border-box;
}

* html .container {
	display: inline-block;
}

table.admintable th,
table.admintable td {
	font-size: 1.091em;
}

table#global-checkin td {
	font-size: 1.182em;
}

table#global-checkin td.active {
	background-color: #E8F6FE !important;
}

table#global-checkin tbody tr.row0:hover td {
	background-color: #FFF;
}

table#global-checkin tbody tr.row1:hover td {
	background-color: #F0F0F0;
}

a.saveorder {
	width: 16px;
	height: 16px;
	display:block;
	overflow: hidden;
	background: url(../images/admin/filesave.png) no-repeat;
	float: right;
	margin-right: 8px;
}

a.saveorder.inactive {
	background-position: 0 -16px;
}

/* -- EDITOR STYLES ----------------------------- */

#editor-xtd-buttons {
	padding-top: 10px;
}

/* -- BUTTON STYLES ----------------------------- */

/* Pagination on backend */
.button1,
.button1 div {
	height: 1%;
	float: right;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
	box-sizing: border-box;
}

.button1 {
	background: url(../images/common/j_button1_left.png) no-repeat;
	white-space: nowrap;
	padding-left: 10px;
	margin-left: 5px;
}

.button1 .next {
	background: url(../images/common/j_button1_next.png) 100% 0 no-repeat;
}

.button1 span {
	display: block;
	height: 26px;
	float: left;
	line-height: 26px;
	font-size: 1.091em;
	font-weight: bold;
	color: #333;
	cursor: pointer;
	padding: 0 35px 0 6px;
}

.button1 a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-right a,
.button2-left button,
.button2-right button,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 1em;
	color: #333;
	cursor: pointer;
}

.button2-left span,.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span,
.button2-left .blank a,
.button2-right .blank a,
.button2-left .blank span,
.button2-right .blank span,
.button2-left .blank button,
.button2-right .blank button {
	padding: 0 6px;
}

.page span,.blank span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover,
.button2-left button:hover,
.button2-left button:hover	{
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span,
.button2-left button {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span,
.button2-right button {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url(../images/common/j_button2_left.png) no-repeat;
	xbackground: url(../images/common/j_button2_left.png) ;
	float: left;
	margin-right: 10px;
}

.button2-right {
	background: url(../images/common/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
	margin-right: 10px;
}

.button2-right .prev 		{	background: url(../images/common/j_button2_prev.png) no-repeat; }
.button2-right.off .prev 	{	background: url(../images/common/j_button2_prev_off.png) no-repeat; }
.button2-right .start 		{	background: url(../images/common/j_button2_first.png) no-repeat; }
.button2-right.off .start 	{	background: url(../images/common/j_button2_first_off.png) no-repeat; }
.button2-left .page,
.button2-left .blank 		{	background: url(../images/common/j_button2_right_cap.png) 100% 0 no-repeat; }
.button2-left .next 		{	background: url(../images/common/j_button2_next.png) 100% 0 no-repeat; }
.button2-left.off .next 	{	background: url(../images/common/j_button2_next_off.png) 100% 0 no-repeat; }
.button2-left .end 			{	background: url(../images/common/j_button2_last.png) 100% 0 no-repeat; }
.button2-left.off .end 		{	background: url(../images/common/j_button2_last_off.png) 100% 0 no-repeat; }
.button2-left .image 		{	background: url(../images/common/j_button2_image.png) 100% 0 no-repeat; }
.button2-left .readmore 	{	background: url(../images/common/j_button2_readmore.png) 100% 0 no-repeat; }
.button2-left .pagebreak 	{	background: url(../images/common/j_button2_pagebreak.png) 100% 0 no-repeat; }
.button2-left .blank 		{	background: url(../images/common/j_button2_blank.png) 100% 0 no-repeat; }
.button2-left .article 		{	background: url(../images/common/j_button2_readmore.png) 100% 0 no-repeat; }

a.pointer { cursor: pointer; }

button {
	margin-top: 4px;
	background: #fff;
	border: 1px solid #ccc;
	text-decoration: none;
}

button:hover {
	cursor: pointer;
	background: #E8F6FE;
	text-decoration: none;
	border: 1px solid #aaa;
}

div.button2-left button {
	background: transparent;
	margin-top: 0;
	border: 0 solid #ccc;
}

div.button2-left button {
	background: transparent;
	border: 0 solid #aaa;
}

/* -- TOOLTIP STYLES ----------------------------- */
.tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 400px;
	z-index: 50;
}

.tip-title {
	padding: 0;
	margin: 0;
	font-size: 1em;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../images/common/selector-arrow.png) no-repeat;
}

.tip-text {
	font-size: 1em;
	margin: 0;
}

/* -- CALENDAR STYLES ----------------------------- */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(../images/common/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}

a img.calendar_dis {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(../images/common/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
	display: none;
}

/* -- SYSTEM MESSAGE STYLES ----------------------------- */

#system-message dd.message ul {
	background-image: url(../images/common/notice-info.png);
}

#system-message dd.error ul {
	background-image: url(../images/common/notice-alert.png);
}

#system-message dd.warning ul {
	background-image: url(../images/common/notice-note.png);
}

#system-message dd.notice ul {
	background-image: url(../images/common/notice-note.png);
}

/* -- LOGIN STYLES ----------------------------- */

.login {
	margin: 0px auto 100px;
	width: 600px;
}

form#form-login {
	clear: both;
	padding: 10px 0 10px 0;
}

h1 {
	margin: 10px 0 5px 10px;
}

p {
	margin: 0 0 15px 10px;
	padding: 0;
	font-size: 1em;
}

#section-box {
	float: right;
	width: 340px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #0000;
}

#section-box .m {
	padding: 5px;
}

#section-box .padding {
	background: none;
	padding: 0;
}

#lock {
	background: url(../images/common/keys.png) 50% 0 no-repeat;
	width: 204px;
	height:150px;
	margin-top:50px;
}

fieldset.loginform {
	border: 0 none;
	width: auto;
}

label#login-password-lbl,
label#login-username-lbl,
label#login-captcha-lbl,
label#login-language-lbl {
	display:block;
	margin:5px 15px 16px 0;
}

input#login-username,
input#login-password,
input#login-captcha,
#captchadiv,
select#lang {
	float:right;
	margin: 0 0 20px 0;
	clear:right;
	min-width: 145px;
}

.login-submit {
	border: 0;
	padding: 0;
	margin: 0;
	width: 0;
	height: 0;
}

#form-login .button-holder {
	float: right;
	padding-right: 5px;
	clear: right;
	margin-top: 10px;
}

/* -- JGRID STYLES ----------------------------- */

/* Admin backend grid table elements */
a.jgrid:hover {	text-decoration: none;}

.jgrid span.state {
	display: inline-block;
	height: 16px;
	width: 16px;
}
.jgrid span.text 					{ display:none; }
.jgrid span.publish					{ background-image: url(../images/admin/tick.png); }
.jgrid span.unpublish				{ background-image: url(../images/admin/publish_x.png); }
.jgrid span.archive 				{ background-image: url(../images/menu/icon-16-archive.png); }
.jgrid span.trash					{ background-image: url(../images/menu/icon-16-trash.png); }
.jgrid span.default					{ background-image: url(../images/menu/icon-16-default.png); }
.jgrid span.notdefault				{ background-image: url(../images/menu/icon-16-notdefault.png); }
.jgrid span.checkedout				{ background-image: url(../images/admin/checked_out.png); }
.jgrid span.downarrow				{ background-image: url(../images/admin/downarrow.png); }
.jgrid span.downarrow_disabled		{ background-image: url(../images/admin/downarrow0.png); background-position: 0 -12px; }
.jgrid span.uparrow					{ background-image: url(../images/admin/uparrow.png); }
.jgrid span.uparrow_disabled		{ background-image: url(../images/admin/uparrow0.png); background-position: 0 -12px; }
.jgrid span.published				{ background-image: url(../images/admin/publish_g.png); }
.jgrid span.expired					{ background-image: url(../images/admin/publish_r.png); }
.jgrid span.pending					{ background-image: url(../images/admin/publish_y.png); }





/* -- COMPONENT STYLES ------------------------------ */
div.message {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.091em;
	padding: 3px;
	border: 1px solid #e0e0e0;
	margin-bottom: 10px;
	font-weight: bold;
	color: #333;
}

.helpIndex {
	border: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	overflow: auto;
}

ul.subext li {
	margin-left: 0;
}

.helpFrame {
	border-left: 0 solid #222;
	border-right: none;
	border-top: none;
	border-bottom: none;
	width: 100%;
	height: 800px;
	padding: 0 5px 0 10px;
}

#treecellhelp {
	display: block;
	position: relative;
	float: left;
	margin: 0;
	overflow: hidden;
}

#datacellhelp {
	display: block;
	margin: 0;
	margin-top: 10px;
	padding: 2px 0 0 0;
}

.outline {
	border: 1px solid #cccccc;
	background: #ffffff;
	padding: 2px;
}

/* -- MODAL STYLES ----------- */

h2.modal-title {
	margin-left: 15px;
	margin-bottom: 0;
	margin-top: 5px;
}

ul.menu_types {
	padding: 0 0 0 15px;
	width: 95%;
	margin: 0;
}

ul.menu_types li,
dl.menu_type dd ul li {
	width: 240px;
	list-style: none;
	display: block;
	float: left;
	margin-right: 10px;
}

ul.menu_types li {
	width: 47%;
}

dl.menu_type {
	width: 240px;
	margin: 0;
	padding: 0;
}

dl.menu_type dt {
	font-weight: bold;
	font-size: 1.091em;
	float: left;
	margin: 13px 0 5px 0;
	border-bottom: 1px solid #666;
	width: 240px;
}

dl.menu_type dd {
	clear: left;
	margin: 0;
}

dl.menu_type dd ul li {
	margin: 0;
}

dl.menu_type dd ul {
	margin-left: -40px;
}

ul#new-modules-list {
	padding: 5px 0 0 15px;
	width:95%;
	margin: 0;
	list-style: none;
	border-top: 1px solid #666;
}
ul#new-modules-list li {
	list-style: none;
	display: block;
	float:left;
	margin: 0 20px 0 0;
	width: 47%;
}
ul#new-modules-list li a {
	font-size: 1.091em;
	line-height: 1.8em;
}


/* -- ACL STYLES ----------- */

/* Relocated from com_users/media/default.css  */
.scroll {
	overflow: auto;
}

/* Filter Form */
fieldset ol,
ol#property-values {
	margin: 0;
	padding: 0;
}

fieldset li,
ol#property-values li {
	list-style: none;
	margin: 0;
	padding: 5px;
}

fieldset.filter {
	border: 0;
	margin: 0;
	padding: 0 0 5px;
}

fieldset.filter ol {
	border: 0;
	list-style: none;
	margin: 0;
	padding: 5px 0 0;
}

fieldset.filter ol li {
	float: left;
	padding: 0 5px 0 0;
}

fieldset.filter ol li fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

fieldset.filter .left {
	float: left;
}

fieldset.filter .right {
	float: right;
}

fieldset.filter .right select {
	margin-left: 10px;
}

fieldset#buttonbar {
	border: 0;
	text-align: right;
}

fieldset#buttonbar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

fieldset#buttonbar li {
	margin: 0;
	padding: 5px;
}

/* ---- Configuration Modal -------------------------- */
div#config #submenu {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#config div.m {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 0 8px;
}

div#config #submenu li {
	float: left;
	margin: 0;
	padding: 0;
}

div#config #submenu li a,
div#config #submenu span.nolink {
	border-right: 1px solid #CCC;
	color: #0B55C4;
	cursor: pointer;
	font-weight: 700;
	height: 12px;
	line-height: 12px;
	padding: 0 15px;
}

div#config #submenu li:last-child a {
	border-right: none;
}
.menu-left{
	width:75%;
	float:left;
}
.menu-right{
	width:25%;
	float:right;
	text-align:left;
}
.menu-right > span {
	display: block;
	float: left;
	line-height: 16px;
	padding: 4px 10px 0 22px;
	margin-bottom: 5px;
}
#menu-right.add {
	background: url(../images/menu/icon-16-add.png) 3px 4px no-repeat;
}

div#config #submenu a.active,
div#config #submenu span.nolink.active {
	color: #000;
	text-decoration: underline;
}
.inactive{background-color: none; text-decoration: none; }
div#config #submenu-box {
	background: #F6F6F6 none repeat scroll 0;
	margin-bottom: 10px;
}

div#config #submenu-box .padding {
	padding: 0;
}

/* -- Relocated from com_users/media/grid.css ----------- */
a.move_up {
	background-image: url('../images/admin/uparrow.png');
	display: inline-block;
	height: 16px;
	text-indent: -1000em;
	width: 16px;
}

span.move_up {
	background-image: url('../images/admin/uparrow0.png');
	display: inline-block;
	height: 16px;
	width: 16px;
}

a.move_down {
	background-image: url('../images/admin/downarrow.png');
	display: inline-block;
	height: 16px;
	text-indent: -1000em;
	width: 16px;
}

span.move_down {
	background-image: url('../images/admin/downarrow0.png');
	display: inline-block;
	height: 16px;
	width: 16px;
}

a.grid_false {
	background-image: url('../images/admin/publish_x.png');
	display: inline-block;
	height: 16px;
	text-indent: -1000em;
	width: 16px;
}

a.grid_true {
	background-image: url('../images/admin/tick.png');
	display: inline-block;
	height: 16px;
	text-indent: -1000em;
	width: 16px;
}

a.grid_trash {
	background-image: url('../images/admin/icon-16-trash.png');
	display: inline-block;
	height: 16px;
	text-indent: -1000em;
	width: 16px;
}

/* -- ACL PANEL STYLES  ----------- */
div.acl-options {
	width: 100%;
}

/* All Tabs */
table.aclsummary-table,
table.aclmodify-table {
	border-collapse: collapse;
	width: 100%;
	font-size: 1.091em;
}

td.col1 {
	font-size: 1.091em;
	text-align: left;
	padding: 4px;
}

tr.row1 {
	background-color: #f0f0ee;
}

table.aclsummary-table caption,
table.aclmodify-table caption {
	display: none;
}

table.aclmodify-table select {
	margin-bottom: 3px;
}

/* Summary Tab */
table.aclsummary-table th.col1 {
	width: 25%;
}

table.aclsummary-table th.col2,
table.aclsummary-table th.col3,
table.aclsummary-table th.col4,
table.aclsummary-table th.col5,
table.aclsummary-table th.col6	{
	width: 15%;
	vertical-align: bottom;
	text-align: center;
}

table.aclsummary-table td.col2,
table.aclsummary-table th.col2,
table.aclsummary-table td.col3,
table.aclsummary-table th.col3,
table.aclsummary-table td.col4,
table.aclsummary-table th.col4,
table.aclsummary-table td.col5,
table.aclsummary-table th.col5,
table.aclsummary-table td.col6,
table.aclsummary-table th.col6,
table.aclmodify-table td.col2,
table.aclmodify-table th.col2	{
	border-left: 1px solid #cbcbcb;
}

/* Icons */
span.icon-16-unset,
span.icon-16-allowed,
span.icon-16-denied,
span.icon-16-locked
{
	padding-left: 18px;
}

span.icon-16-unset {
	background: url(../images/admin/icon-16-denyinactive.png) no-repeat;
}

span.icon-16-allowed {
	background: url(../images/admin/icon-16-allow.png) no-repeat;
}

span.icon-16-denied {
	background: url(../images/admin/icon-16-deny.png) no-repeat;
}

span.icon-16-locked {
	background: url(../images/admin/checked_out.png) 0 0 no-repeat;
}
span.icon-32-new {
	background: url(../images/toolbar/icon-32-new.png) 0 0 no-repeat;
}
span.icon-32-edit {
	background: url(../images/toolbar/icon-32-edit.png) 0 0 no-repeat;
}

span.icon-32-delete	{
	background-image: url(../images/toolbar/icon-32-delete.png);

}
label.icon-16-allow,
label.icon-16-deny,
a.icon-16-allow,
a.icon-16-deny,
a.icon-16-allowinactive,
a.icon-16-denyinactive {
	display: block;
	height: 16px;
	width: 16px;
	margin: 0 auto;
}

label.icon-16-allow {
	background: url(../images/admin/icon-16-allow.png) no-repeat;
	text-indent: -9999em;
	position: relative;
	left: 40%;
}

label.icon-16-deny {
	background: url(../images/admin/icon-16-deny.png) no-repeat;
	text-indent: -9999em;
	position: relative;
	left: 40%;
}

a.icon-16-allow {
	background: url(../images/admin/icon-16-allow.png) no-repeat;
}

a.icon-16-deny {
	background: url(../images/admin/icon-16-deny.png) no-repeat;
}

a.icon-16-allowinactive {
	background: url(../images/admin/icon-16-allowinactive.png) no-repeat;
}

a.icon-16-denyinactive {
	background: url(../images/admin/icon-16-denyinactive.png) no-repeat;
}

/* Create, Edit, Edit State & Delete Tabs */
table.aclmodify-table th.col2,
table.aclmodify-table th.col3,
table.aclmodify-table th.col4 {
	width: 20%;
	vertical-align: bottom;
	text-align: center;
}

table.aclmodify-table select {
	margin: 1px;
}

table.aclsummary-table td label,
table.aclmodify-table td label {
	min-width: 20px;
}

/* ACL footer and legend */
ul.acllegend {
	list-style: none;
	font-size: 1.091em;
	padding-bottom: 10px;
}

ul.acllegend li {
	display: block;
	float: left;
	padding-right: 20px;
	margin: 15px 0 15px 10px;
}

ul.acllegend li.acl-allowed {
	padding-left: 20px;
	padding-right: 10px;
	background: url(../images/admin/icon-16-allow.png) no-repeat left;
}

ul.acllegend li.acl-denied {
	padding-left: 20px;
	padding-right: 20px;
	background: url(../images/admin/icon-16-deny.png) no-repeat left;
}

ul.acllegend li.acl-editgroups {
	padding-right: 10px;
}

ul.acllegend li.acl-resetbtn {
	padding-right: 0;
}

table#acl-config {
	width: 100%;
	margin-top: 15px;
	border-collapse:collapse;
}

table#acl-config th {
	height: 25px;
	background: #F4F4F4;
	border-bottom: 1px solid silver;
	vertical-align:middle;
}

table#acl-config thead th,
table#acl-config td {
	text-align:center;
	vertical-align:middle;
	height: 30px;
}

table#acl-config th.acl-groups {
	padding-left: 8px;
	text-align: left;
}

table#acl-config th.acl-groups span.gi {
	margin-right: 2px;
}

table#acl-config td select {
	float:none;
}

.acl-action {
	font-size: 1.091em;
	margin: auto 0;
}
.acl-groups {
	font-size: 1.091em;
	font-weight: normal;
}

label#jform_rules-lbl {
	float: none;
	white-space: nowrap;
	display: none;
}

label#jform_filters-lbl {
	float: none;
	white-space: nowrap;
	display: none;
}

/**
* Mod_rewrite Warning
*/
#jform_sef_rewrite-lbl {
	background: url(../images/admin/icon-16-notice-note.png) right top no-repeat;
}

/**
* Options modal- config
*/
ul.config-option-list,
ul.config-option-list li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.config-option-list fieldset {
	margin: 0;
	padding-left: 0;
	padding-right: 0;
}

/**
* Permission Rules
*/

#permissions-sliders ul#rules,
#permissions-sliders ul#rules ul {
	margin: 0 !important;
	padding: 0 !important;
	border: solid 0 #ccc;
	background: #fff;
	list-style-type: none;
}

#permissions-sliders ul#rules li {
	margin: 0;
	padding: 0;
}

ul#rules li .pane-sliders .panel h3.title {
	border: solid 0 #ccc;
}

#permissions-sliders ul#rules .pane-slider {
	border:solid 1px #ccc;
}

#permissions-sliders ul#rules .pane-slider.pane-hide {
	display:none;
}

#permissions-sliders ul#rules li h3 {
	background:#fafafa;
	font-size:1.10em;
}

#permissions-sliders ul#rules li h3 {
	border: solid 1px #ccc;
}

#permissions-sliders ul#rules li h3.pane-toggler-down a {
	border: solid 0;
}

#permissions-sliders ul#rules li h3.pane-toggler-down {
	color:#000;
	/*background:#146295;*/
}

#permissions-sliders ul#rules .group-kind {
	color:#025A8D;
}

#permissions-sliders ul#rules table.group-rules {
	border-collapse:collapse;
	width:100%;
}

#permissions-sliders ul#rules table.group-rules td {
	border:solid 1px #ccc;
	padding:4px;
	vertical-align:middle;
	text-align:left;
	overflow:hidden;
}

#permissions-sliders ul#rules table.group-rules th {
	background:#ddd;
	border:solid 1px #ddd;
	font-size:0.9em;
	color:#025A8D;
	overflow:hidden;
}

#permissions-sliders .panel {
	margin-bottom: 3px;
	margin-left:0;
	border:0;
}

#permissions-sliders p.rule-desc {
	font-size: 1.091em;
	margin-left: 0;
}

#permissions-sliders div.rule-notes {
	font-size: 1.091em;
}

ul#rules table.aclmodify-table {
	border:solid 1px #000;
}

ul#rules table.group-rules td label {
	border:solid 0 #000;
	margin:0 !important;
}

ul#rules table.group-rules td span {
	padding-bottom: 4px;
}

table.group-rules td select {
	margin:0 !important;
}

#permissions-sliders ul#rules .mypanel {
	background:#ffffff;
	padding:0;
}

#permissions-sliders .mypanel table.group-rules {
	margin: 5px;
}

#permissions-sliders ul#rules {
	padding:5px;
}

#permissions-sliders  ul#rules  table.group-rules th {
	text-align:left;
	padding:4px;
}

#permissions-sliders .pane-toggler span {
	padding-left:20px;
}

#permissions-sliders .pane-toggler-down span {
	padding-left:20px;
}

#permissions-sliders .pane-toggler-down span.level,
#permissions-sliders .pane-toggler span.level {
	color:#aaa;
	background-image:none;
	padding: 0;
}

/* Debug acl styling */
.check-0,
table.adminlist tbody td.check-0 {
	background-color: #FFFFCF;
}

.check-a,
table.adminlist tbody td.check-a {
	background-color: #CFFFDA;
}

.check-d,
table.adminlist tbody td.check-d {
	background-color: #FFCFCF;
}

.swatch {
	text-align: center;
	padding: 0 15px 0 15px;
}

/* Tab changes for accessibility */
dl.tabs dt h3 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
}

dl.tabs dt h3 a:link {
	color:#333333;
	outline:medium none;
	text-decoration:none;
}

/* -- CUSTOM LANG STRINGS STYLES  ----------- */

.red {
	font-weight: bold;
	color: #c00;
}

/** rounded corners **/
div#element-box div.section-box div.m {
	background: #fbfbfb;
}

.submenu-box, div.m {
	border: 1px solid #ccc;
	padding: 0 8px;
	background-color: #f4f4f4;
}
.m_content{
	border:1px solid #ccc;
	height:550px;
	background:#fff;
}
#m_left{
	float:left;
	width:19.80%;
	border-right:1px solid #ccc;
	height:100%;
	background:#fff;
}
#m_left .left_top{
	height:50%;
}
.m_content h3{
	color:#000099;
	background:#f4f4f4;
	margin-top:0;
	margin-bottom:0;
	padding:2px;
}
.left_top_content{
	height:100%;
	padding:5px;
}
#m_right{
	float:right;
	width:79%;
	height:100%;
	padding:0px 2px 0px 0px;
	background:#fff;
}
#m_right .right_top{
	float:left;
	width:100%;
	background:#fff;
	height:35%;
}
.right_top_content{
	height:90%;
	padding:0px 5px 5px 0px;
	overflow-y:scroll;
}
.sp1{ background:#f9f9f9; height:30%;}
.sp2{ background:#eeeeee; height:30%;}
.sp1:hover{background-color: #e8f6fe;}
.sp2:hover{background-color: #e8f6fe;}
#m_right fieldset{height:93%; }
#m_right .right_draft{
	float:left;
	width:100%;
	background:#fff;
	height:29.50%;
}

.submenu-box, #submenu-box div.m {
	padding: 6px 8px;
}

.wbg {
	background-color: #fff!important;
	height:300px;
	border: 1px solid #ccc;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

div#toolbar-box div.m {
	padding: 5px 0 10px;
}

div#element-box div.m {
	padding: 10px;
}

/* GER / event workspace: taller pane on large screens — do not override common .eventlist 500px with a tiny 260px strip */
#element-box .eventlist {
	min-height: max(520px, calc(100vh - 240px));
	margin-top: 4px;
	clear: both;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);
}
#element-box .eventlist > h3 {
	font-size: 10px;
	padding: 5px 10px;
	letter-spacing: 0.55px;
}

div#element-box div.section-box {
	background: #f4f4f4;
}

/* login */

div#element-box.login  {
	background-color: #ffffff;
}

/* -- Codemirror Editor  ----------- */
div.CodeMirror-wrapping {
	border: 1px solid #cccccc;
}

/* Material Design Loading Popup */
div.menupopup {
	z-index: 9999;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	display: none;
	justify-content: center;
	align-items: center;
}

div.menupopup[style*="display: block"],
div.menupopup[style*="display:block"] {
	display: flex !important;
}

.popup {
	background: #ffffff;
	border-radius: 16px;
	padding: 32px 48px;
	box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14),
	0 9px 46px 8px rgba(0,0,0,0.12),
	0 11px 15px -7px rgba(0,0,0,0.2);
	text-align: center;
	animation: popupFadeIn 0.3s ease-out;
}

@keyframes popupFadeIn {
	from {
		opacity: 0;
		transform: scale(0.9);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

.popup td {
	padding: 16px;
}

.popup img {
	width: 80px;
	height: 80px;
	animation: pulse 1.5s ease-in-out infinite;
}

@keyframes pulse {
	0%, 100% {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		opacity: 0.7;
		transform: scale(0.95);
	}
}

/* Modern Spinner Alternative - add class 'modern-loader' to use */
.modern-loader {
	width: 56px;
	height: 56px;
	border: 4px solid #e0e0e0;
	border-top: 4px solid #1976d2;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

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

/* Loading text style */
.popup-loading-text {
	margin-top: 16px;
	font-family: 'Segoe UI', Roboto, Arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #424242;
	letter-spacing: 0.5px;
}

#navig {

	border: 1px solid #ccc;
	background: #f0f0f0;
	text-align:center;
	color: #025A8D;

}
#arrow
{
	color: red;
}

/*********NIC_L*******************/
div.pagetitle1 {
	padding-left: 0px;
	background-repeat: no-repeat;
	margin-left: 10px;
}

div.picmenu {
	height: 32px;
	width: 32px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}

div.picmenu img {
	width: 32px;
	height: 32px;
	object-fit: contain;
}

.sendButton {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
	color: #ffffff;
	font-weight: 700;
	font-size: 15px;
	padding: 12px 35px;
	border: none;
	border-radius: 30px;
	cursor: pointer;
	box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5), 0 3px 10px rgba(0, 0, 0, 0.1);
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	text-transform: uppercase;
	letter-spacing: 1.5px;
	min-width: 140px;
	height: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	position: relative;
	overflow: hidden;
}

.sendButton:hover {
	background: linear-gradient(135deg, #5a6fd6 0%, #6a4190 50%, #e080e8 100%);
	box-shadow: 0 8px 25px rgba(102, 126, 234, 0.6), 0 5px 15px rgba(0, 0, 0, 0.15);
	transform: translateY(-3px) scale(1.02);
}

.sendButton:active {
	transform: translateY(0) scale(0.98);
	box-shadow: 0 3px 12px rgba(102, 126, 234, 0.4);
}

.sendButton:focus {
	outline: none;
	box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.4), 0 6px 20px rgba(102, 126, 234, 0.5);
}

.sendButton::before {
	content: "✈";
	font-size: 18px;
	margin-right: 5px;
}
.mcbutton {
	background-image: url(../images/common/icon_13_expand.png);
	height: 13px;
	width: 13px;
}
.mcdelete {
	width: 18px;
	height: 18px;
	border: none;
	border-radius: 50%;
	background-color: #f44336;
	color: white;
	font-size: 14px;
	font-weight: 900;
	line-height: 18px;
	text-align: center;
	cursor: pointer;
	padding: 0;
	margin-left: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	transition: all 0.2s ease;
	vertical-align: middle;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.mcdelete:hover {
	background-color: #d32f2f;
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
	transform: scale(1.1);
}
.mcdelete:active {
	transform: scale(0.95);
}
.mcdelete::before {
	content: "X";
	font-family: Arial, sans-serif;
}


/*******************************NIC A****************************/
table.adminlist2 {
	width: 100%;
	border-spacing: 1px;
	background-color: #f3f3f3;
	xcolor: #666;
	color: #313131;
}

table.adminlist2 td,
table.adminlist2 th {
	padding: 4px;
	text-align:center;
}

table.adminlist2 td {padding-left: 8px;}

table.adminlist2 thead th {
	text-align:left;
	background: #f7f7f7;
	xcolor: #666;
	color: #313131;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #fff;
}

table.adminlist2 thead th.left {
	text-align: left;
}

table.adminlist2 thead a:hover {
	text-decoration: none;
}

table.adminlist2 thead th img {
	vertical-align: middle;
	padding-left: 3px;
}

table.adminlist2 tbody th {
	font-weight: bold;
}

table.adminlist2 tbody tr {
	background-color: #fff;
	text-align: left;
}

table.adminlist2 tbody tr.row0:hover td,
table.adminlist2 tbody tr.row1:hover td	{
	background-color: #e8f6fe;
}

table.adminlist2 tbody tr td {
	background: #fff;
	border: 1px solid #fff;
	text-align: center;
}

table.adminlist2 tbody tr.row1 td {
	background: #f0f0f0;
	border-top: 1px solid #FFF;
}

table.adminlist2 tfoot tr {
	text-align: left;
	color: #333;
}

table.adminlist2 tfoot td,table.adminlist2 tfoot th {
	background-color: #f7f7f7;
	border-top: 1px solid #999;
	text-align: left;
}

table.adminlist2 td.order {
	text-align: left;
	white-space: nowrap;
	width: 200px;
}

table.adminlist2 td.order span {
	float: left;
	width: 20px;
	text-align: left;
	background-repeat: no-repeat;
	height: 13px;
}

table.adminlist2 .pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 6px;
	padding: 14px 16px;
	margin: 12px auto;
	clear: both;
	background: linear-gradient(135deg, #f0f4ff 0%, #ffffff 50%, #f0f4ff 100%);
	border-radius: 10px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	border: 1px solid #e0e7ff;
}



.scroll_content{
	height:100%; width:100%;
	xpadding:0px 5px 5px 0px;
	overflow-x:scroll;overflow-y:scroll;
}

/*******************************NIC R****************************/

table.adminlist3 {
	width: 100%;

	background-color: #fff;
	xcolor: #666;
	color: #313131;
	font-size: 14px;
}

table.adminlist3 td,
table.adminlist3 th {
	padding: 4px;
	text-align:center;
}

table.adminlist3 td {padding-left: 8px;}

table.adminlist3 thead th {
	text-align:left;
	background: #f7f7f7;
	xcolor: #666;
	color: #313131;
}

table.adminlist3 thead th.left {
	text-align: left;
}

table.adminlist3 thead a:hover {
	text-decoration: none;
}

table.adminlist3 thead th img {
	vertical-align: middle;
	padding-left: 3px;
}

table.adminlist3 tbody th {
	font-weight: bold;
}

table.adminlist3 tbody tr {
	background-color: #fff;
	text-align: left;
}

table.adminlist3 tbody tr.row0:hover td,
table.adminlist3 tbody tr.row1:hover td	{
	background-color: #e8f6fe;
}

table.adminlist3 tbody tr td {
	background: #fff;
	xborder: 1px solid #fff;
	text-align: center;
}

table.adminlist3 tbody tr.row1 td {
	background: #f0f0f0;
	xborder-top: 1px solid #FFF;
}

table.adminlist3 tfoot tr {
	text-align: left;
	color: #333;
}

table.adminlist3 tfoot td,table.adminlist3 tfoot th {
	background-color: #f7f7f7;
	xborder-top: 1px solid #999;
	text-align: left;
}

table.adminlist3 td.order {
	text-align: left;
	white-space: nowrap;
	width: 200px;
}

table.adminlist3 td.order span {
	float: left;
	width: 20px;
	text-align: left;
	background-repeat: no-repeat;
	height: 13px;
}

table.adminlist3 .pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 6px;
	padding: 14px 16px;
	margin: 12px auto;
	clear: both;
	background: linear-gradient(135deg, #f0f4ff 0%, #ffffff 50%, #f0f4ff 100%);
	border-radius: 10px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	border: 1px solid #e0e7ff;
}

.slip-address{
	color: #000;
	font-size: 15px;
}
.slip-address-underln{
	color: #000;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
}
.slip-address-space{
	white-space:pre;
}
.slip-address-sel{
	color: #000;
	font-size: 15px;
	text-decoration: underline;
}
.noCurson	{cursor: none;}

.noImg { visibility: hidden;}

.slip-address-arrear{
	color: #000;
	font-size: 16px;
	font-weight: 300;
}
.notification {
	color: #003366;
	font-size: 14px;
	background-color: #fff!important;
	height:100px;
	xborder: 1px solid #ccc;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

[data-displayPriority="high"]{
	text-shadow: 1px 0px 4px rgba(50, 110, 89, 0.75);
}

/* ============================================
   MODERN EVENT & TAB STYLING - Enhanced UI
   ============================================ */

/* Event Container */
.event-container,
#event-toolbar-box,
.event-form {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
	border: 1px solid #e0e0e0;
	margin-bottom: 15px;
	overflow: visible;
}

/* Modern Button Styles */
input[type="button"]:not(.mcdelete):not(.mcbutton),
input[type="submit"]:not(.mcdelete):not(.mcbutton),
button:not(.mcdelete):not(.mcbutton):not(.toolbar),
.btn:not(.mcdelete):not(.mcbutton),
input.button:not(.mcdelete):not(.mcbutton),
a.button:not(.toolbar) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	border: none;
	border-radius: 8px;
	padding: 12px 24px;
	margin: 5px 8px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 3px 10px rgba(30, 60, 114, 0.2);
	border-bottom: 3px solid #f39c12;
	text-align: center;
	white-space: nowrap;
	overflow: visible;
	min-width: 100px;
	max-width: 100%;
	box-sizing: border-box;
	letter-spacing: 0.3px;
	line-height: 1.4;
	vertical-align: middle;
}

input[type="button"]:not(.mcdelete):not(.mcbutton):hover,
input[type="submit"]:not(.mcdelete):not(.mcbutton):hover,
button:not(.mcdelete):not(.mcbutton):hover,
.btn:not(.mcdelete):not(.mcbutton):hover,
.button:not(.mcdelete):not(.mcbutton):hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(30, 60, 114, 0.3);
}

input[type="button"]:not(.mcdelete):not(.mcbutton):active,
input[type="submit"]:not(.mcdelete):not(.mcbutton):active,
button:not(.mcdelete):not(.mcbutton):active,
.btn:not(.mcdelete):not(.mcbutton):active,
.button:not(.mcdelete):not(.mcbutton):active {
	transform: translateY(0);
}

/* Secondary Button */
.btn-secondary,
input.button-secondary {
	background: linear-gradient(180deg, #6c757d 0%, #495057 100%);
	border-bottom-color: #adb5bd;
}

/* Success Button */
.btn-success,
input.button-success {
	background: linear-gradient(180deg, #27ae60 0%, #1e8449 100%);
	border-bottom-color: #2ecc71;
}

/* Danger Button */
.btn-danger,
input.button-danger {
	background: linear-gradient(180deg, #e74c3c 0%, #c0392b 100%);
	border-bottom-color: #f39c12;
}

/* Text Inputs - Enhanced */
input[type="text"],
input[type="number"],
input[type="date"],
input[type="email"],
input[type="password"],
input[type="tel"],
select,
textarea {
	border: 1px solid #ced4da;
	border-radius: 8px;
	padding: 10px 14px;
	font-size: 13px;
	transition: all 0.3s ease;
	background: #fff;
	color: #495057;
	max-width: 100%;
	box-sizing: border-box;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
select:focus,
textarea:focus {
	border-color: #1e3c72;
	box-shadow: 0 0 0 4px rgba(30, 60, 114, 0.1);
	outline: none;
}

/* Select dropdown styling */
select {
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23495057' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	padding-right: 35px;
	cursor: pointer;
}

/* Labels - Proper wrap */
label,
.label,
span.faux-label {
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;
	line-height: 1.5;
	color: #495057;
	font-weight: 500;
}

/* Table cell text wrap */
td, th {
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;
}

/* Required field star */
.star,
.required-star {
	color: #e74c3c;
	font-weight: bold;
	margin-left: 3px;
}

/* Form Row */
.form-row,
.adminformlist li,
li.paramlist_value {
	padding: 8px 10px;
	border-bottom: 1px solid #f1f5f9;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0;
	transition: background-color 0.2s ease;
	min-height: 50px;
}

.form-row:hover,
.adminformlist li:hover {
	background-color: #f8fafc;
}

.form-row:last-child,
.adminformlist li:last-child {
	border-bottom: none;
}

/* Panel / Card styling */
.panel,
.card,
.pane-slider {
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	margin-bottom: 15px;
	overflow: hidden;
}

.panel-heading,
.card-header {
	background: linear-gradient(180deg, #f8f9fa 0%, #e9ecef 100%);
	padding: 15px 20px;
	border-bottom: 2px solid #e0e0e0;
	font-weight: 600;
	color: #1e3c72;
}

.panel-body,
.card-body {
	padding: 20px;
}

/* Alert / Message boxes */
.alert,
.message,
.notice {
	padding: 15px 20px;
	border-radius: 8px;
	margin-bottom: 15px;
	border-left: 4px solid;
}

.alert-success,
.message-success {
	background: #d4edda;
	border-left-color: #27ae60;
	color: #155724;
}

.alert-danger,
.alert-error,
.message-error {
	background: #f8d7da;
	border-left-color: #e74c3c;
	color: #721c24;
}

.alert-warning,
.message-warning {
	background: #fff3cd;
	border-left-color: #f39c12;
	color: #856404;
}

.alert-info,
.message-info {
	background: #d1ecf1;
	border-left-color: #17a2b8;
	color: #0c5460;
}

/* Tooltip styling */
.hasTip,
[title] {
	/*cursor: help;*/
}

/* ============================================
   PAGINATION STYLING - Modern & Attractive (Override/Supplement)
   ============================================ */

/* GE Pagination Wrapper - used by gemasterpanel secondary methods */
.ge-pagination-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 10px;
	padding: 14px 16px;
	background: linear-gradient(135deg, #f0f4ff 0%, #ffffff 50%, #f0f4ff 100%);
	border-radius: 10px;
	border: 1px solid #e0e7ff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.ge-pag-display {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 6px 14px;
	background: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%);
	border-radius: 8px;
	border: 1px solid #c7d2fe;
	color: #3730a3;
	font-size: 13px;
	font-weight: 600;
}

.ge-pag-select {
	min-width: 55px;
	padding: 4px 10px;
	border-radius: 6px;
	border: 1.5px solid #c7d2fe;
	background: #ffffff;
	color: #3730a3;
	font-weight: 600;
	font-size: 13px;
	cursor: pointer;
}

.ge-pag-nav {
	display: flex;
	gap: 5px;
	align-items: center;
	flex-wrap: wrap;
}

.ge-pag-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 13px;
	min-width: 38px;
	height: 38px;
	border: 1.5px solid #cbd5e1;
	border-radius: 8px;
	color: #334155;
	text-decoration: none;
	transition: all 0.2s ease;
	background: #ffffff;
	font-weight: 600;
	font-size: 13px;
	cursor: pointer;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.ge-pag-btn:hover {
	background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);
	color: #ffffff;
	border-color: #4f46e5;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);
}

.ge-pag-active {
	background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%) !important;
	color: #ffffff !important;
	border-color: #4f46e5 !important;
	box-shadow: 0 4px 14px rgba(79, 70, 229, 0.35) !important;
	font-weight: 700;
	transform: scale(1.08);
	font-size: 14px;
}

.ge-pag-info {
	padding: 6px 14px;
	background: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%);
	border-radius: 8px;
	color: #3730a3;
	font-weight: 600;
	font-size: 12px;
	border: 1px solid #c7d2fe;
}

/* Scrollbar styling */
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 4px;
}

::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, #1e3c72, #2a5298);
	border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(180deg, #2a5298, #1e3c72);
}

/* Responsive adjustments */
@media (max-width: 768px) {
	dl.tabs dt {
		padding: 10px 12px;
		font-size: 12px;
	}

	div.current {
		padding: 15px;
	}

	table.adminlist td,
	table.adminlist th {
		padding: 8px 6px;
		font-size: 12px;
	}

	fieldset.adminform {
		margin: 5px;
		padding: 10px;
	}

	input[type="button"],
	input[type="submit"],
	button {
		padding: 8px 15px;
		font-size: 12px;
	}

	/* Money column responsive - stack to single column */
	ul.adminformlist {
		grid-template-columns: 1fr;
		gap: 0;
	}

	/* Reduce label width on mobile */
	fieldset.adminform label,
	fieldset.adminform span.faux-label {
		min-width: 120px;
		max-width: 100%;
	}

	fieldset label,
	fieldset span.faux-label {
		min-width: 120px;
		max-width: 100%;
		float: none;
		width: 100%;
	}

	/* Make inputs fit available space */
	fieldset.adminform input[type="text"],
	fieldset.adminform select,
	fieldset.adminform textarea {
		max-width: 100%;
		box-sizing: border-box;
	}

	/* Two column row stacks on mobile */
	ul.adminformlist li.two-column-row {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	/* Additional allowance row mobile */
	.additional-allowance-row {
		flex-wrap: wrap;
	}

	.additional-allowance-row label {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}

	/* Pagination stays centered and wraps */
	.pagination {
		justify-content: center;
		padding: 14px 12px;
		gap: 8px;
		margin: 12px 8px;
	}

	.pagination a,
	.pagination span {
		min-width: 38px;
		height: 38px;
		padding: 8px 12px;
		font-size: 13px;
		border-radius: 8px;
		margin: 2px;
	}

	.pagination .active,
	.pagination span.pagenav,
	.pagination .current {
		transform: scale(1.05);
		font-size: 13px;
	}

	.pagination div.limit {
		margin: 6px 10px;
		padding: 6px 12px;
		font-size: 12px;
	}

	.pagination div.limit select#limit {
		min-width: 45px;
		padding: 4px 8px;
		font-size: 12px;
	}

	.button2-left,
	.button2-right {
		margin-right: 4px;
		margin-left: 2px;
	}

	/* Content box no min-width on mobile */
	#content-box {
		min-height: auto;
	}
}

/* Tablet breakpoint for money column */
@media (max-width: 1024px) and (min-width: 769px) {
	ul.adminformlist {
		grid-template-columns: 1fr;
		gap: 0 20px;
	}

	fieldset.adminform label,
	fieldset.adminform span.faux-label {
		min-width: 180px;
	}
}

/* Small mobile */
@media (max-width: 480px) {
	fieldset.adminform {
		margin: 3px 0;
		padding: 6px;
		max-width: 100%;
		overflow-x: hidden;
	}

	fieldset.adminform label,
	fieldset.adminform span.faux-label {
		min-width: unset;
		width: 100%;
		float: none;
		display: block;
		margin-bottom: 4px;
	}

	fieldset label,
	fieldset span.faux-label {
		float: none;
		width: 100%;
		min-width: unset;
	}

	ul.adminformlist li {
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}

	/* Pagination compact on very small screens */
	.pagination {
		gap: 6px;
		padding: 14px 10px;
	}

	.pagination a,
	.pagination span {
		padding: 0 10px;
		font-size: 12px;
		min-width: 34px;
		height: 34px;
		border-radius: 8px;
	}

	.pagination .active,
	.pagination span.pagenav,
	.pagination .current {
		transform: scale(1.03);
		font-size: 13px;
	}

	.button2-left a,
	.button2-left span,
	.button2-left button,
	.button2-right a,
	.button2-right span,
	.button2-right button {
		font-size: 0.85em;
		padding: 0 4px;
	}

	/* Money column button stays visible on mobile */
	.mcbutton {
		height: 24px;
		width: 24px;
		min-width: 24px;
		min-height: 24px;
	}
}

/* Print styles - hide decorations */
@media print {
	dl.tabs,
	.btn,
	input[type="button"],
	input[type="submit"],
	button {
		display: none !important;
	}

	div.current {
		border: none;
		box-shadow: none;
	}
}

/* Enhanced Select Dropdown */
fieldset select,
.adminform select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	padding-right: 35px;
	cursor: pointer;
}

/* Date-picker icon (img) — inline beside date fields; popup widget uses div.calendar */
img.calendar,
.calendar-icon {
	display: inline;
	width: 18px;
	height: 18px;
	padding: 0;
	margin: 0 0 0 4px;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	border-radius: 2px;
	background: transparent !important;
	object-fit: contain;
	box-sizing: content-box;
}

img.calendar:hover,
.calendar-icon:hover {
	opacity: 0.85;
}

/* adminformlist date rows — slightly larger tap target */
fieldset.adminform ul.adminformlist > li > img.calendar {
	display: inline-block;
	width: 22px;
	height: 22px;
	padding: 1px;
	margin-left: 4px;
	flex: 0 0 auto;
	border: 1px solid #cbd5e1;
	border-radius: 4px;
	background: #fff !important;
	vertical-align: middle;
}

/* DAK panel (ul.adminform legacy) — compact rows, no extra gap in manual entry */
#show_dak fieldset.adminform ul.adminform,
fieldset.adminform ul.adminform {
	margin: 0;
	padding: 0;
	list-style: none;
}

#show_dak fieldset.adminform ul.adminform > li,
fieldset.adminform ul.adminform > li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 8px;
	padding: 4px 0;
	margin: 0;
	min-height: 0;
	list-style: none;
	border: none;
}

#show_dak fieldset.adminform ul.adminform > li > label,
fieldset.adminform ul.adminform > li > label {
	flex: 0 0 150px;
	min-width: 130px;
	max-width: 170px;
	width: auto;
	margin: 0;
	padding: 0 6px 0 0;
	line-height: 1.3;
}

#show_dak fieldset.adminform ul.adminform > li > input[type="text"],
#show_dak fieldset.adminform ul.adminform > li > select,
fieldset.adminform ul.adminform > li > input[type="text"],
fieldset.adminform ul.adminform > li > select {
	flex: 0 1 auto;
	width: 160px;
	min-width: 120px;
	max-width: 220px;
	height: 32px;
	margin: 0;
}

#li_dak_date_row > input#txt_inwarddate {
	width: 110px;
	min-width: 100px;
	max-width: 120px;
}

/* Form button within fieldset */
fieldset input[type="button"]:not(.mcdelete):not(.mcbutton),
fieldset button:not(.mcdelete):not(.mcbutton),
.adminform input[type="button"]:not(.mcdelete):not(.mcbutton),
.adminform button:not(.mcdelete):not(.mcbutton) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 20px;
	margin: 5px 8px 5px 0;
	font-size: 13px;
	font-weight: 600;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s ease;
	background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
	color: #fff;
	border: none;
	border-bottom: 3px solid #f39c12;
	box-shadow: 0 3px 10px rgba(30, 60, 114, 0.2);
}

fieldset input[type="button"]:not(.mcdelete):not(.mcbutton):hover,
fieldset button:not(.mcdelete):not(.mcbutton):hover,
.adminform input[type="button"]:not(.mcdelete):not(.mcbutton):hover,
.adminform button:not(.mcdelete):not(.mcbutton):hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(30, 60, 114, 0.3);
}

/* Input group - for inputs with icons */
.input-group {
	display: flex;
	align-items: center;
	gap: 8px;
}

/* Total/Summary fields */
fieldset input#txt_total,
fieldset input.total-field {
	font-weight: 700;
	font-size: 15px;
	background: linear-gradient(135deg, #f0f4f8 0%, #e2e8f0 100%);
	border: 2px solid #1e3c72;
	color: #1e3c72;
}

/* ========================================================================
   PROMOTION FORM - PROFESSIONAL & COMPACT UI
   ======================================================================== */

/* Promotion rows container */
#promotion_rows_container {
	display: flex;
	flex-direction: column;
	gap: 12px;
	max-width: 100%;
	overflow-x: hidden;
}

/* Individual promotion row fieldset */
#promotion_rows_container > fieldset.adminform {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
	margin-bottom: 12px !important;
	padding: 15px 18px !important;
	border: 1px solid #d1d5db !important;
	border-radius: 6px !important;
	background: #ffffff !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
	transition: all 0.2s ease;
}

#promotion_rows_container > fieldset.adminform:hover {
	border-color: #3b82f6;
	box-shadow: 0 2px 6px rgba(59, 130, 246, 0.12);
}

/* Promotion fieldset legend */
#promotion_rows_container > fieldset.adminform > legend {
	font-weight: 600 !important;
	font-size: 14px !important;
	color: #1e40af !important;
	padding: 4px 12px !important;
	background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
	border: 1px solid #93c5fd;
	border-radius: 4px;
	margin-bottom: 10px;
	letter-spacing: 0.3px;
}

/* =========================================================
   Approval Section UI Polish (AO screens, all domains)
   Scoped to #form-approval to avoid side effects.
   ========================================================= */
#form-approval {
	margin: 10px 0 14px 0;
}

#form-approval > div {
	padding: 2px 0;
}

#form-approval fieldset.adminform {
	background: #ffffff;
	border: 1px solid #d7e0ea;
	border-radius: 10px;
	padding: 14px 16px 12px 16px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}

#form-approval fieldset.adminform > legend {
	font-weight: 700;
	color: #1e3c72;
	padding: 0 8px;
}

#form-approval ul.adminformlist {
	margin: 0;
	padding: 0;
}

#form-approval ul.adminformlist > li {
	margin: 0 0 12px 0;
	padding: 0;
}

#form-approval ul.adminformlist > li:last-child {
	margin-bottom: 4px;
}

#form-approval ul.adminformlist label {
	display: inline-block;
	margin-bottom: 6px;
	font-weight: 600;
	color: #1f2f3d;
}

#form-approval select.inputbox,
#form-approval textarea,
#form-approval input[type="text"] {
	width: 100%;
	max-width: 620px;
	padding: 8px 10px;
	border: 1px solid #c8d4e3;
	border-radius: 6px;
	box-sizing: border-box;
	background: #fff;
}

#form-approval textarea {
	min-height: 88px;
	resize: vertical;
}

#form-approval .sendButton,
#form-approval input[type="button"] {
	background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
	color: #fff;
	border: 0;
	border-radius: 6px;
	padding: 8px 16px;
	font-weight: 600;
	cursor: pointer;
}

#form-approval .sendButton:hover,
#form-approval input[type="button"]:hover {
	filter: brightness(1.05);
}

/* Promotion form list items - compact grid layout */
#promotion_rows_container ul.adminformlist {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)) !important;
	gap: 8px 20px !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
}

#promotion_rows_container ul.adminformlist > li {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 10px !important;
	padding: 6px 8px !important;
	margin: 0 !important;
	width: 100% !important;
	box-sizing: border-box !important;
	border-bottom: 1px solid #f3f4f6 !important;
	min-height: auto !important;
	transition: background-color 0.15s ease;
}

#promotion_rows_container ul.adminformlist > li:hover {
	background-color: #f9fafb !important;
}

#promotion_rows_container ul.adminformlist > li:last-child {
	border-bottom: none !important;
}

/* Labels in promotion form - more compact */
#promotion_rows_container ul.adminformlist > li > label {
	min-width: 220px !important;
	max-width: 220px !important;
	flex-shrink: 0 !important;
	font-weight: 500 !important;
	color: #374151 !important;
	font-size: 12.5px !important;
	padding: 4px 8px 4px 0 !important;
	line-height: 1.4 !important;
	text-align: left !important;
	display: block !important;
}

/* Input fields - more compact */
#promotion_rows_container ul.adminformlist > li input[type="text"],
#promotion_rows_container ul.adminformlist > li select,
#promotion_rows_container ul.adminformlist > li textarea {
	flex: 1 !important;
	max-width: 350px !important;
	padding: 5px 10px !important;
	font-size: 12.5px !important;
	border: 1px solid #d1d5db !important;
	border-radius: 4px !important;
	background: #ffffff !important;
	transition: all 0.15s ease !important;
	box-sizing: border-box !important;
	height: 32px !important;
}

#promotion_rows_container ul.adminformlist > li input[type="text"]:focus,
#promotion_rows_container ul.adminformlist > li select:focus,
#promotion_rows_container ul.adminformlist > li textarea:focus {
	outline: none !important;
	border-color: #3b82f6 !important;
	box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1) !important;
}

/* Calendar icon spacing - compact */
#promotion_rows_container ul.adminformlist > li img.calendar {
	margin-left: 6px !important;
	cursor: pointer !important;
	opacity: 0.75 !important;
	transition: opacity 0.15s ease !important;
	vertical-align: middle !important;
}

#promotion_rows_container ul.adminformlist > li img.calendar:hover {
	opacity: 1 !important;
}

/* Radio button fieldsets - compact horizontal layout */
#promotion_rows_container ul.adminformlist > li fieldset.radio {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 15px !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	flex: 1 !important;
}

#promotion_rows_container ul.adminformlist > li fieldset.radio input[type="radio"] {
	width: auto !important;
	margin: 0 5px 0 0 !important;
	cursor: pointer !important;
	flex: none !important;
	max-width: none !important;
}

#promotion_rows_container ul.adminformlist > li fieldset.radio label {
	min-width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	font-weight: normal !important;
	cursor: pointer !important;
	font-size: 12.5px !important;
	color: #6b7280 !important;
	flex: none !important;
}

#promotion_rows_container ul.adminformlist > li fieldset.radio label:hover {
	color: #3b82f6 !important;
}

/* Checkboxes - compact */
#promotion_rows_container ul.adminformlist > li input[type="checkbox"] {
	width: auto !important;
	margin: 0 6px 0 0 !important;
	cursor: pointer !important;
	flex: none !important;
	max-width: none !important;
}

/* Buttons - professional and compact */
#promotion_rows_container ul.adminformlist > li button {
	padding: 6px 14px !important;
	font-size: 12.5px !important;
	font-weight: 500 !important;
	color: #ffffff !important;
	background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
	border: 1px solid #2563eb !important;
	border-radius: 4px !important;
	cursor: pointer !important;
	transition: all 0.15s ease !important;
	box-shadow: 0 1px 3px rgba(59, 130, 246, 0.2) !important;
	height: 32px !important;
}

#promotion_rows_container ul.adminformlist > li button:hover {
	background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
	box-shadow: 0 2px 5px rgba(59, 130, 246, 0.3) !important;
	transform: translateY(-1px) !important;
}

#promotion_rows_container ul.adminformlist > li button:active {
	transform: translateY(0) !important;
	box-shadow: 0 1px 3px rgba(59, 130, 246, 0.2) !important;
}

/* Display-only spans - compact styling */
#promotion_rows_container ul.adminformlist > li span[id^="display_"],
#promotion_rows_container ul.adminformlist > li > span:not([class]) {
	display: inline-block !important;
	padding: 5px 10px !important;
	background: #f0f9ff !important;
	border: 1px solid #bfdbfe !important;
	border-radius: 4px !important;
	font-weight: 600 !important;
	color: #1e40af !important;
	min-width: 150px !important;
	font-size: 12.5px !important;
}

/* Hint text - more compact */
#promotion_rows_container ul.adminformlist > li span[id$="_hint"] {
	display: block !important;
	margin-top: 4px !important;
	font-size: 11px !important;
	color: #6b7280 !important;
	font-style: italic !important;
	padding: 4px 8px !important;
	background: #f9fafb !important;
	border-left: 2px solid #3b82f6 !important;
	border-radius: 0 3px 3px 0 !important;
	flex: 1 !important;
	max-width: 500px !important;
	min-width: auto !important;
	line-height: 1.4 !important;
}

/* Calculation steps display - compact */
#promotion_rows_container ul.adminformlist > li div[id^="calculation_steps_"] {
	width: 100% !important;
	max-width: none !important;
	padding: 10px !important;
	background: #f9fafb !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 4px !important;
	font-family: 'Courier New', monospace !important;
	font-size: 11.5px !important;
	line-height: 1.5 !important;
	color: #374151 !important;
	overflow-x: auto !important;
}

/* AM/PM (FN/AN) selects - very compact inline */
#promotion_rows_container ul.adminformlist > li select[id^="sel_prom_rel_mode_"],
#promotion_rows_container ul.adminformlist > li select[id^="sel_prom_assmp_mode_"] {
	max-width: 50px !important;
	min-width: 50px !important;
	width: 50px !important;
	margin-left: 8px !important;
	padding: 5px 5px 5px 8px !important;
	font-size: 11.5px !important;
}

/* Required field asterisk */
#promotion_rows_container span.star {
	color: #dc2626 !important;
	font-weight: bold !important;
	margin-left: 2px !important;
}

/* Full width items - calculation steps */
#promotion_rows_container ul.adminformlist > li:has(div[id^="calculation_steps_"]) {
	flex-direction: column !important;
	align-items: stretch !important;
	grid-column: 1 / -1 !important;
}

/* Full width items - radio button rows */
#promotion_rows_container ul.adminformlist > li:has(fieldset.radio) {
	grid-column: 1 / -1 !important;
}

/* Responsive - more compact breakpoint */
@media (max-width: 1024px) {
	#promotion_rows_container ul.adminformlist {
		grid-template-columns: 1fr !important;
	}

	#promotion_rows_container ul.adminformlist > li {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 6px !important;
	}

	#promotion_rows_container ul.adminformlist > li > label {
		min-width: 100% !important;
		max-width: 100% !important;
		margin-bottom: 4px !important;
		padding-bottom: 2px !important;
	}

	#promotion_rows_container ul.adminformlist > li input[type="text"],
	#promotion_rows_container ul.adminformlist > li select {
		max-width: 100% !important;
	}

	#promotion_rows_container ul.adminformlist > li fieldset.radio {
		margin-left: 0 !important;
	}
}

/* Hide elements */
#promotion_rows_container .hide {
	display: none !important;
}

/* Visible elements */
#promotion_rows_container .visible {
	display: flex !important;
}

/* Force hide for 6PC fields when they should be hidden */
#promotion_rows_container li.hide,
#promotion_rows_container li[id^="li_6pc_"].hide,
#promotion_rows_container li[id^="li_7pc_"].hide {
	display: none !important;
}

/* Force show for visible 7PC auto fields */
#promotion_rows_container li[id^="li_7pc_new_auto_"]:not(.hide),
#promotion_rows_container li[id^="li_7pc_new_pay_auto_"]:not(.hide),
#promotion_rows_container li[id^="li_7pc_previous_"]:not(.hide),
#promotion_rows_container li[id^="li_7pc_previous_pay_"]:not(.hide) {
	display: flex !important;
}

/* Force hide manual 7PC fields when in auto mode */
#promotion_rows_container li[id^="li_7pc_new_manual_"].hide,
#promotion_rows_container li[id^="li_7pc_new_pay_manual_"].hide {
	display: none !important;
}

/* Ensure 6PC fields are completely hidden for 7PC */
#promotion_rows_container li[id^="li_6pc_"] {
	display: none !important;
}

/* Only show 6PC fields when explicitly needed (override above rule with inline style) */

/* Combined inputs alignment */
#promotion_rows_container ul.adminformlist > li:has(img.calendar) {
	align-items: center !important;
}

#promotion_rows_container ul.adminformlist > li:has(img.calendar) > * {
	margin-bottom: 0 !important;
}

/* Required field visual indicator */
#promotion_rows_container input.required,
#promotion_rows_container select.required {
	border-left: 2px solid #3b82f6 !important;
}

#promotion_rows_container input.required:invalid,
#promotion_rows_container select.required:invalid {
	border-left-color: #dc2626 !important;
}

/* Multiple selects spacing */
#promotion_rows_container ul.adminformlist > li select + select {
	margin-left: 8px !important;
}

/* Inline elements spacing */
#promotion_rows_container ul.adminformlist > li > input + img,
#promotion_rows_container ul.adminformlist > li > input + select,
#promotion_rows_container ul.adminformlist > li > select + input {
	margin-left: 8px !important;
}

/* Success value styling - compact */
#promotion_rows_container span[style*="color:#006400"],
#promotion_rows_container span[style*="color: #006400"] {
	color: #059669 !important;
	background: #d1fae5 !important;
	padding: 4px 8px !important;
	border-radius: 3px !important;
	border: 1px solid #059669 !important;
	font-size: 12.5px !important;
}

/* Improve fieldset container spacing */
#promotion_rows_container > fieldset.adminform > ul.adminformlist {
	margin-top: 5px !important;
}

/* Compact legend styling */
#promotion_rows_container > fieldset.adminform > legend {
	display: inline-block;
	position: relative;
	top: -2px;
}

/* Better select dropdown styling */
#promotion_rows_container ul.adminformlist > li select {
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 8px center;
	padding-right: 30px !important;
}

/* Tighter row groups */
#promotion_rows_container ul.adminformlist > li + li {
	margin-top: -1px;
}


/* ============================================================
 * PROFESSIONAL ACTION BAR (2026-06-18) — compact single-row title bar.
 * Replaces the tall, asymmetric float layout (Edit floated top-right + giant
 * "Home" + 48px clipart icon below) with a clean breadcrumb/action bar:
 * page title on the LEFT, toolbar buttons on the RIGHT, vertically centred.
 * Scoped to #toolbar-box .m (list / report / home pages; NOT the GER-detail .ms bar).
 * ============================================================ */
#toolbar-box { background:transparent !important; margin-bottom:12px !important; }
#toolbar-box .m {
    display:flex !important; flex-direction:row !important; align-items:center !important;
    justify-content:space-between !important; flex-wrap:wrap; gap:10px;
    background:#ffffff !important; border:1px solid #e2e8f0 !important; border-radius:8px !important;
    box-shadow:0 1px 3px rgba(15,23,42,.06) !important; min-height:0 !important;
    padding:10px 16px !important; overflow:visible !important;
}
/* Title block on the left, no clear/float, no clipart icon */
#toolbar-box .m .titlname {
    order:1 !important; flex:1 1 auto !important; clear:none !important; float:none !important;
    padding:0 !important; margin:0 !important; min-width:0 !important;
}
#toolbar-box .m .titlname .pagetitle {
    flex-direction:row !important; align-items:center !important; gap:8px !important;
    padding-left:0 !important; margin-left:0 !important; background:none !important; min-height:0 !important;
}
#toolbar-box .m div.pagetitle > span:first-of-type {
    font-size:1.2em !important; line-height:1.3 !important; color:#0f172a !important; font-weight:700 !important;
}
/* Toolbar (Edit / Add / …) on the right, inline, no float */
#toolbar-box .m #toolbar.toolbar-list,
#toolbar-box .m .toolbar-list {
    order:2 !important; float:none !important; flex:0 0 auto !important; text-align:right !important;
    background:transparent !important; border:none !important; box-shadow:none !important; margin:0 !important;
}
#toolbar-box .m .toolbar-list ul { margin:0 !important; padding:0 !important; display:flex !important; gap:6px; }
#toolbar-box .m .toolbar-list > .clr { display:none !important; }