/* =====================================================================
   FastCash – Modern UI Theme
   Built from the FastCash logo palette.
   Loaded last in main.tpl so it overrides legacy jallohms.css rules.
   ===================================================================== */

:root {
	/* Brand palette (from logo) */
	--fc-primary: #54CF98;          /* FastCash mint green */
	--fc-primary-dark: #2FB57C;
	--fc-primary-darker: #1F8E61;
	--fc-primary-soft: #E5F8EF;
	--fc-lime: #8DC63F;             /* logo leaf */
	--fc-orange: #F7941E;           /* logo flame */
	--fc-orange-deep: #E8662A;
	--fc-blue: #1B75BC;             /* logo swoosh */

	/* Neutrals */
	--fc-bg: #eef2f7;
	--fc-surface: #ffffff;
	--fc-ink: #1f2d3d;
	--fc-muted: #6b7a90;
	--fc-line: #e3e9f1;

	/* Effects */
	--fc-radius: 14px;
	--fc-radius-sm: 10px;
	--fc-shadow: 0 8px 28px rgba(31, 45, 61, 0.08);
	--fc-shadow-sm: 0 3px 12px rgba(31, 45, 61, 0.07);
	--fc-gradient: linear-gradient(135deg, #54CF98 0%, #2FB57C 55%, #1F8E61 100%);
}

/* ---------- Base canvas ---------- */
html, body {
	max-width: 100%;
	overflow-x: hidden;
}

body {
	background: var(--fc-bg) !important;
	color: var(--fc-ink) !important;
	font-family: "Poppins-Regular", "Segoe UI", Roboto, Arial, sans-serif !important;
	-webkit-font-smoothing: antialiased;
}

#maincontainer {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
	background: var(--fc-bg);
}

/* Keep padded structural blocks inside their width (prevents page scrollbar) */
.header,
.left,
.left_content,
.sidebarmenu,
.newagent,
.centre,
.fullcontainer,
.right,
.branchesbalance,
table.list,
table.list td {
	box-sizing: border-box;
}

/* =====================================================================
   HEADER
   ===================================================================== */
.header {
	width: 100% !important;
	height: auto !important;
	min-height: 96px;
	background: var(--fc-gradient) !important;
	display: flex !important;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
	padding: 10px 26px !important;
	margin: 0 !important;
	box-shadow: var(--fc-shadow);
	position: sticky;
	top: 0;
	z-index: 900;
}

/* Logo – sits at the left, sized to fill the header height */
.header > img[src*="logo"] {
	order: -1;
	height: 100px !important;
	width:  150px;
	margin: 0 0 0 0 !important;
	
}

/* Language selector */
.header .mm-dropdown {
	float: none !important;
	margin-left: auto !important;
	position: relative;
}

.header .mm-dropdown .textfirst,
.mm-dropdown .textfirst {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #ffffff !important;
	background: rgba(255, 255, 255, 0.16);
	border: 1px solid rgba(255, 255, 255, 0.28);
	padding: 8px 14px;
	border-radius: 999px;
	font-size: 13px;
	cursor: pointer;
	transition: background 0.25s ease;
}

.header .mm-dropdown .textfirst:hover {
	background: rgba(255, 255, 255, 0.28);
}

.header .mm-dropdown ul {
	background: transparent !important;
	border-radius: 0;
	box-shadow: none;
	overflow: visible;
	padding: 0;
	margin-top: 6px;
	min-width: 160px;
	border: 0;
}

.header .mm-dropdown.is-open ul {
	background: var(--fc-surface) !important;
	border-radius: var(--fc-radius-sm);
	box-shadow: var(--fc-shadow);
	overflow: hidden;
	padding: 6px 0;
	border: 1px solid var(--fc-line);
}

.header .mm-dropdown ul li a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 16px;
	color: var(--fc-ink) !important;
	font-size: 13px;
}

.header .mm-dropdown ul li a:hover {
	background: var(--fc-primary-soft);
	color: var(--fc-primary-darker) !important;
}

/* Welcome / account dropdown */
.header .dropmenu {
	float: none !important;
	position: relative;
}

/* Kill the legacy white background patch on the welcome menu */
.header .dropmenu ul,
.header .dropmenu > ul,
.header .dropmenu > ul > li {
	background: transparent !important;
}

.header .dropmenu h3 {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: "Poppins-SemiBold", "Segoe UI", sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #ffffff !important;
	text-transform: none !important;
	background: rgba(255, 255, 255, 0.16);
	border: 1px solid rgba(255, 255, 255, 0.28);
	padding: 8px 16px;
	border-radius: 999px;
	cursor: pointer;
	white-space: nowrap;
}

.header .dropmenu h3::before {
	content: "";
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #ffffff;
	color: var(--fc-primary-darker);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231F8E61' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
}

.header .dropmenu ul ul {
	display: none;
	position: absolute;
	right: 0;
	top: calc(100% - 1px);
	margin-top: 0;
	min-width: 190px;
	background: var(--fc-surface) !important;
	border: 1px solid var(--fc-line);
	border-radius: var(--fc-radius-sm);
	box-shadow: var(--fc-shadow);
	padding: 6px 0;
	z-index: 950;
}

.header .dropmenu > ul > li:hover > ul {
	display: block;
}

.header .dropmenu > ul > li:focus-within > ul {
	display: block;
}

.header .dropmenu ul ul a {
	display: block;
	padding: 9px 18px !important;
	font-size: 13px !important;
	color: var(--fc-ink) !important;
}

.header .dropmenu ul ul a:hover {
	background: var(--fc-primary-soft);
	color: var(--fc-primary-darker) !important;
}

/* =====================================================================
   SIDEBAR
   ===================================================================== */
.left {
	width: 232px !important;
	margin: 22px 0 22px 22px !important;
	min-height: auto !important;
	border: 0 !important;
	border-radius: var(--fc-radius) !important;
	background: var(--fc-surface);
	box-shadow: var(--fc-shadow);
	padding: 10px !important;
	overflow: visible !important;
}

.left_content {
	width: 100% !important;
	padding: 6px !important;
	float: none !important;
}

.sidebarmenu {
	width: 100% !important;
	margin: 0 !important;
}

/* Section headers */
.sidebarmenu a.menuitem,
.sidebarmenu a.menuitem_green,
.sidebarmenu a.menuitem_red {
	background: var(--fc-primary-soft) !important;
	color: var(--fc-primary-darker) !important;
	font-family: "Poppins-Medium", "Segoe UI", sans-serif !important;
	font-size: 13px;
	font-weight: 600;
	width: 100% !important;
	height: auto !important;
	line-height: 1.3 !important;
	padding: 12px 14px !important;
	margin: 0 0 8px 0 !important;
	border-radius: var(--fc-radius-sm) !important;
	box-sizing: border-box;
	transition: background 0.2s ease, color 0.2s ease;
}

.sidebarmenu a.menuitem:hover,
.sidebarmenu a.menuitem_green:hover,
.sidebarmenu a.menuitem_red:hover {
	background: var(--fc-primary) !important;
	color: #ffffff !important;
}

.sidebarmenu div.submenu {
	background: transparent !important;
	margin: 0 0 8px 0;
}

.sidebarmenu div.submenu ul {
	padding: 2px 0 8px 0 !important;
}

.sidebarmenu div.submenu ul li {
	border-bottom: 1px solid var(--fc-line) !important;
}

.sidebarmenu div.submenu ul li:last-child {
	border-bottom: 0 !important;
}

.sidebarmenu div.submenu ul li a {
	color: var(--fc-muted) !important;
	font-size: 12.5px !important;
	padding: 9px 12px !important;
	border-radius: 8px;
	transition: background 0.18s ease, color 0.18s ease;
}

.sidebarmenu div.submenu ul li a:hover {
	background: var(--fc-primary-soft) !important;
	color: var(--fc-primary-darker) !important;
}

/* =====================================================================
   CONTENT AREA
   ===================================================================== */
.centre,
.fullcontainer {
	padding: 22px !important;
}

.right {
	padding: 22px;
}

.newagent {
	background: var(--fc-surface);
	border-radius: var(--fc-radius);
	box-shadow: var(--fc-shadow);
	padding: 24px 26px;
	margin: 0 0 22px 0;
}

/* Dashboard heading – plain background, clean underline */
.title,
.siteheading {
	display: block;
	width: 100% !important;
	height: auto !important;
	background: transparent !important;
	font-family: "Poppins-SemiBold", "Segoe UI", sans-serif !important;
	font-size: 22px !important;
	font-weight: 600 !important;
	color: var(--fc-ink) !important;
	text-align: left !important;
	padding: 0 0 14px 0 !important;
	margin: 0 0 18px 0 !important;
	border-bottom: 2px solid var(--fc-line);
	position: relative;
}

.title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 64px;
	height: 2px;
	background: var(--fc-gradient);
	border-radius: 2px;
}

h2 {
	color: var(--fc-ink);
	font-family: "Poppins-Medium", "Segoe UI", sans-serif;
}

/* =====================================================================
   FILTER FORM (table.list)
   ===================================================================== */
table.list {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 6px;
	background: var(--fc-surface) !important;
	border: 1px solid var(--fc-line);
	border-radius: var(--fc-radius);
	padding: 18px 22px;
	margin-bottom: 22px;
	box-shadow: var(--fc-shadow-sm);
}

/* Remove the legacy grey (#e9eae5) row background – keep it plain */
table.list td {
	background: transparent !important;
	padding: 8px 10px !important;
	color: var(--fc-ink) !important;
	font-size: 13px !important;
	vertical-align: middle;
}

/* Filter labels */
table.list td label {
	font-weight: 600;
	color: var(--fc-muted);
}

/* Make filter inputs/selects fill their cell for a clean, aligned form */
table.list td input:not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
table.list td select {
	width: 100%;
}

/* Inputs & selects */
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="date"],
select,
textarea,
.selectsmall,
.inputsmall,
.inputbox {
	font-family: "Poppins-Regular", "Segoe UI", sans-serif !important;
	font-size: 13px !important;
	color: var(--fc-ink) !important;
	background: var(--fc-surface) !important;
	border: 1px solid var(--fc-line) !important;
	border-radius: 8px !important;
	padding: 9px 12px !important;
	height: auto !important;
	box-sizing: border-box;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

select.selectsmall,
.selectsmall {
	min-width: 220px;
}

input:focus,
select:focus,
textarea:focus {
	border-color: var(--fc-primary) !important;
	box-shadow: 0 0 0 3px rgba(84, 207, 152, 0.18) !important;
	outline: none !important;
}

/* =====================================================================
   BUTTONS
   ===================================================================== */
input[type="submit"],
input[type="button"],
button[type="submit"],
button[type="button"],
button,
.button,
.btn-default {
	font-family: "Poppins-Medium", "Segoe UI", sans-serif !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	letter-spacing: 0.3px !important;
	color: #ffffff !important;
	background: var(--fc-gradient) !important;
	border: 0 !important;
	border-radius: 999px !important;
	padding: 10px 26px !important;
	cursor: pointer !important;
	box-shadow: 0 6px 16px rgba(47, 181, 124, 0.28) !important;
	transition: transform 0.15s ease, box-shadow 0.2s ease, filter 0.2s ease !important;
}

input[type="submit"]:hover,
input[type="button"]:hover,
button[type="submit"]:hover,
.button:hover {
	transform: translateY(-1px);
	filter: brightness(1.03);
	box-shadow: 0 10px 22px rgba(47, 181, 124, 0.34);
}

/* Reset / secondary button */
input[type="reset"] {
	font-family: "Poppins-Medium", "Segoe UI", sans-serif !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	letter-spacing: 0.3px !important;
	color: var(--fc-muted) !important;
	background: var(--fc-surface) !important;
	border: 1px solid var(--fc-line) !important;
	border-radius: 999px !important;
	padding: 9px 24px !important;
	cursor: pointer !important;
	transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease !important;
}

input[type="reset"]:hover {
	border-color: var(--fc-primary) !important;
	color: var(--fc-primary-darker) !important;
	background: var(--fc-primary-soft) !important;
}

/* =====================================================================
   DATA TABLES (.listClass / dashboard balances)
   ===================================================================== */
table.listClass {
	width: 100% !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	background: var(--fc-surface);
	border-radius: var(--fc-radius-sm);
	overflow: hidden;
	box-shadow: var(--fc-shadow-sm);
	margin-top: 8px;
}

table.listClass thead th,
table.listClass th {
	background: var(--fc-primary-dark) !important;
	color: #ffffff !important;
	font-family: "Poppins-Medium", "Segoe UI", sans-serif !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	text-align: left;
	padding: 12px 14px !important;
	border: 0 !important;
}

table.listClass td {
	padding: 11px 14px !important;
	font-size: 13px;
	color: var(--fc-ink);
	border: 0 !important;
	border-bottom: 1px solid var(--fc-line) !important;
	text-align: left !important;
}

table.ModuleMenus td.menutitle,
table.ModuleMenus td.menutitle div,
table.ModuleMenus td.menutitle table td {
	text-align: left !important;
}

.listClass1,
.listClass2 {
	width: auto !important;
	height: auto !important;
	padding-left: 0 !important;
	color: var(--fc-ink) !important;
	text-align: left !important;
}

.listClass1 { background: var(--fc-surface) !important; }
.listClass2 { background: #f8fbfd !important; }

/* Zebra striping for rows inserted dynamically (no row class), e.g. client list */
table.listClass tbody tr:nth-child(even) td {
	background: #f4f9fc;
}

table.listClass tbody tr:hover td {
	background: var(--fc-primary-soft) !important;
}

.listClass1 a, .listClass1 a:visited,
.listClass2 a, .listClass2 a:visited {
	color: var(--fc-blue) !important;
	text-decoration: none;
	font-weight: 500;
}

.listClass1 a:hover,
.listClass2 a:hover {
	text-decoration: underline;
	color: var(--fc-primary-darker) !important;
}

table.listClass tfoot th {
	background: #f1f5f9 !important;
	color: var(--fc-ink) !important;
	font-family: "Poppins-SemiBold", "Segoe UI", sans-serif !important;
	padding: 12px 14px !important;
	border: 0 !important;
	border-top: 2px solid var(--fc-line) !important;
}

/* Legacy list tables: align to Add Users list style project-wide */
table.requestList,
table.listClass2 {
	width: 100% !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	background: var(--fc-surface) !important;
	border-radius: var(--fc-radius-sm) !important;
	overflow: hidden;
	box-shadow: var(--fc-shadow-sm);
	margin-top: 8px;
}

table.requestList th,
table.listClass2 th,
table.list tr.listClass1 td,
table.list tr.listClass2 td,
table.requestList td,
table.listClass2 td {
	padding: 11px 14px !important;
	font-size: 13px !important;
	color: var(--fc-ink) !important;
	text-align: left !important;
	border: 0 !important;
	border-bottom: 1px solid var(--fc-line) !important;
	background-clip: padding-box;
}

table.list tr.listClass1 td,
table.requestList tr:nth-child(even) td,
table.listClass2 tr:nth-child(even) td {
	background: #f4f9fc !important;
}

table.list tr.listClass2 td,
table.requestList tr:nth-child(odd) td,
table.listClass2 tr:nth-child(odd) td {
	background: var(--fc-surface) !important;
}

table.list tr.listClass1:hover td,
table.list tr.listClass2:hover td,
table.requestList tbody tr:hover td,
table.listClass2 tbody tr:hover td {
	background: var(--fc-primary-soft) !important;
}

table.requestList a,
table.requestList a:visited,
table.listClass2 a,
table.listClass2 a:visited,
table.list tr.listClass1 a,
table.list tr.listClass1 a:visited,
table.list tr.listClass2 a,
table.list tr.listClass2 a:visited {
	color: var(--fc-blue) !important;
	text-decoration: none;
	font-weight: 500;
}

table.requestList a:hover,
table.listClass2 a:hover,
table.list tr.listClass1 a:hover,
table.list tr.listClass2 a:hover {
	color: var(--fc-primary-darker) !important;
	text-decoration: underline;
}

.showunpaid-filterpanel {
	background: var(--fc-surface);
	border: 1px solid var(--fc-line);
	border-radius: var(--fc-radius-sm);
	box-shadow: var(--fc-shadow-sm);
	margin: 8px 0 14px;
	padding: 14px;
}

.showunpaid-filterpanel table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.showunpaid-filterpanel td {
	padding: 6px 8px;
	background: transparent !important;
	color: var(--fc-ink) !important;
	border: 0 !important;
}

.claim-filterpanel {
	background: var(--fc-surface);
	border: 1px solid var(--fc-line);
	border-radius: var(--fc-radius-sm);
	box-shadow: var(--fc-shadow-sm);
	margin: 8px 0 14px;
	padding: 14px;
}

.claim-filterpanel table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.claim-filterpanel td {
	padding: 6px 8px;
	background: transparent !important;
	color: var(--fc-ink) !important;
	border: 0 !important;
}

.branchesbalance {
	background: var(--fc-surface);
	border: 1px solid var(--fc-line);
	border-radius: var(--fc-radius);
	padding: 18px 20px;
	margin-bottom: 18px;
	box-shadow: var(--fc-shadow-sm);
}

.branchesbalance h2 {
	display: inline-block;
	font-size: 16px;
	color: var(--fc-primary-darker);
	background: var(--fc-primary-soft);
	padding: 6px 16px;
	border-radius: 999px;
	margin-bottom: 10px;
}

/* =====================================================================
   FOOTER
   ===================================================================== */
.footer {
	border: 0 !important;
	background: transparent;
}

.footertext {
	color: var(--fc-muted) !important;
	font-family: "Poppins-Regular", "Segoe UI", sans-serif !important;
	font-size: 12.5px !important;
	text-align: center;
	padding: 22px 12px !important;
}

/* Generic links inside content */
.centre a,
.right a,
.fullcontainer a {
	color: var(--fc-blue);
}

/* Breadcrumb refresh */
.breadcrumb { padding: 4px 0 14px; }
.breadcrumb a { color: var(--fc-blue) !important; }
.breadcrumb a:hover { color: var(--fc-primary-darker) !important; }

/* Status / message helpers */
.successmsg { color: var(--fc-primary-darker) !important; }
.errormsg, .errormessage, .ErrorDisplayMessageRed { color: var(--fc-orange-deep) !important; }

/* =====================================================================
   PROJECT-WIDE LEGACY COMPONENTS
   (applied across every page so the whole app matches the brand)
   ===================================================================== */

/* Global links */
a:link, a:visited { color: var(--fc-blue); }
a:hover, a:active { color: var(--fc-primary-darker); }

/* Secondary headings / section titles */
.secondtitle,
.SubHeading,
.siteheading {
	background: transparent !important;
	color: var(--fc-ink) !important;
	font-family: "Poppins-SemiBold", "Segoe UI", sans-serif !important;
	font-weight: 600 !important;
	font-size: 16px !important;
	width: auto !important;
	padding: 10px 0 !important;
	border-bottom: 2px solid var(--fc-line);
	margin-bottom: 14px;
}

/* Generic content cards */
.MainTable,
.settlementbg,
.opoupbgs,
.fullcontainer > form,
.ContentDetails {
	background: var(--fc-surface);
}

/* Fieldsets / legends */
.MainTable fieldset,
fieldset {
	border: 1px solid var(--fc-line) !important;
	border-radius: var(--fc-radius-sm) !important;
	padding: 16px !important;
	margin: 0 0 16px !important;
}

legend {
	color: var(--fc-primary-darker) !important;
	font-family: "Poppins-Medium", "Segoe UI", sans-serif !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	padding: 0 8px !important;
}

/* Admin forms (table.adminform) */
table.adminform {
	background: var(--fc-surface) !important;
	border: 1px solid var(--fc-line) !important;
	border-radius: var(--fc-radius-sm);
	overflow: hidden;
	width: 100% !important;
	height: auto !important;
}

table.adminform tr.row0 { background: var(--fc-surface) !important; }
table.adminform tr.row1 { background: #f8fbfd !important; }

table.adminform th {
	background: var(--fc-primary-soft) !important;
	color: var(--fc-primary-darker) !important;
	font-family: "Poppins-Medium", "Segoe UI", sans-serif !important;
	font-size: 12.5px !important;
	padding: 10px 12px !important;
	text-align: left;
}

table.adminform td {
	padding: 9px 12px !important;
	font-size: 13px;
	color: var(--fc-ink);
	border-bottom: 1px solid var(--fc-line);
}

/* Form field rows (e.g. Change Password) – plain white instead of legacy grey */
div.formfield {
	background: var(--fc-surface) !important;
}

/* Add forms (e.g. Announcement popup) – white card instead of legacy grey */
table.AddForm,
.AddForm {
	background: var(--fc-surface) !important;
	border: 1px solid var(--fc-line) !important;
	border-radius: var(--fc-radius) !important;
	box-shadow: var(--fc-shadow-sm);
	padding: 22px 26px !important;
	color: var(--fc-ink) !important;
}

.AddForm h1 {
	font-size: 18px !important;
	color: var(--fc-ink) !important;
	margin-bottom: 14px;
}

.AddForm td input {
	border: 1px solid var(--fc-line) !important;
}

/* Generic data tables used in reports/listings */
table.listClass2 th,
table.transmissionList th,
.MenuClass1,
table.list th {
	background: var(--fc-gradient) !important;
	color: #ffffff !important;
	border: 0 !important;
}

/* Tabs */
.tabs li a,
.nav-tabs > li > a {
	color: var(--fc-muted) !important;
	border-radius: 8px 8px 0 0 !important;
}

.tabs li a.active,
.tabs li.active a,
.nav-tabs > li.active > a {
	background: var(--fc-surface) !important;
	color: var(--fc-primary-darker) !important;
	border-bottom-color: var(--fc-primary) !important;
}

/* Pagination */
.pagination a,
.pagination span,
ul.pagination > li > a {
	color: var(--fc-blue) !important;
	border-color: var(--fc-line) !important;
	border-radius: 8px !important;
	margin: 0 3px;
}

.pagination .active a,
.pagination a:hover,
ul.pagination > li.active > a {
	background: var(--fc-primary) !important;
	color: #ffffff !important;
	border-color: var(--fc-primary) !important;
}

/* Merge client page cleanup */
.mergeclient-filter-wrap {
	margin-bottom: 10px;
}

.mergeclient-pagination {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	padding: 10px 0 4px;
}

.mergeclient-pagination #next,
.mergeclient-pagination #previous {
	width: auto !important;
	display: inline-block;
}

.mergeclient-pagination #next a,
.mergeclient-pagination #previous a {
	display: inline-block;
	padding: 7px 14px;
	border-radius: 6px;
	border: 1px solid #cfe7da;
	background: #f1faf5;
	color: #0f5132 !important;
	text-decoration: none;
	font-weight: 700;
}

.mergeclient-pagination #next a:hover,
.mergeclient-pagination #previous a:hover {
	background: #2FB57C;
	border-color: #2FB57C;
	color: #ffffff !important;
}

/* Modal windows — dhtmlwindow chrome overrides */
.dhtmlwindow {
	border: none !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.28) !important;
}

.drag-handle {
	background: linear-gradient(135deg, #2FB57C 0%, #1F8E61 100%) !important;
	color: #ffffff !important;
	font: bold 13px "Segoe UI", Arial, sans-serif !important;
	padding: 8px 12px !important;
	border-bottom: none !important;
}

.drag-handle .drag-controls a img,
.drag-handle .drag-controls img {
	filter: brightness(0) invert(1) !important;
	opacity: 0.9;
}

.drag-contentarea {
	padding: 0 !important;
	border-top: none !important;
	border-radius: 0 !important;
	background: #ffffff !important;
}

.drag-statusarea {
	display: none !important;
}

.modal-content .close-button {
	background: var(--fc-orange) !important;
	color: #ffffff !important;
}

/* Bootstrap-style buttons used in some modules */
.btn-success {
	background: var(--fc-primary) !important;
	border: 0 !important;
	border-radius: 6px !important;
	color: #ffffff !important;
	font-weight: 900 !important;
	letter-spacing: 0.3px;
	box-shadow: 0 2px 5px rgba(47, 181, 124, 0.28);
}

.btn-primary {
	background: var(--fc-blue) !important;
	border: 0 !important;
	border-radius: 6px !important;
	color: #ffffff !important;
	font-weight: 900 !important;
	letter-spacing: 0.3px;
	box-shadow: 0 2px 5px rgba(27, 117, 188, 0.28);
}

.btn-danger {
	background: linear-gradient(135deg, #F7941E 0%, #E8662A 100%) !important;
	border: 0 !important;
	border-radius: 999px !important;
	font-weight: 900 !important;
	letter-spacing: 0.3px;
}

/* Status banners */
.status-message {
	background: var(--fc-primary-soft) !important;
	border-radius: var(--fc-radius-sm);
	color: var(--fc-primary-darker);
	padding: 10px 16px !important;
}

.settlement-status-message {
	display: block;
	margin: 12px 20px 16px !important;
	padding: 12px 16px !important;
	font-family: "Poppins-SemiBold", "Segoe UI", sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.45;
	text-align: left;
	background: #eaf8f1 !important;
	border: 1px solid #b6e7d0;
	color: #18623f;
	box-shadow: 0 3px 10px rgba(24, 98, 63, 0.08);
}

.settlement-status-message a {
	font-weight: 700;
	color: #0f6ea8 !important;
	text-decoration: underline;
}


.summary-report-list {
	width: 100% !important;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	background: #ffffff !important;
	border: 2px solid #222b33 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	margin-top: 8px;
}

.summary-report-list th,
.summary-report-list td {
	padding: 10px 10px !important;
	font-size: 13px !important;
	color: #0f3f5c !important;
	text-align: left !important;
	border: 2px solid #222b33 !important;
	background-clip: padding-box;
}

.summary-report-list th {
	background: var(--fc-primary-dark) !important;
	color: #ffffff !important;
	font-family: "Poppins-Medium", "Segoe UI", sans-serif !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	text-align: center !important;
}

.summary-report-list td.amount {
	text-align: right !important;
	font-variant-numeric: tabular-nums;
}

.summary-report-list tr.summary-row-blue td {
	background: #edf8f1 !important;
}

.summary-report-list tr.summary-row-white td {
	background: #ffffff !important;
}

.summary-report-list tr.summary-total td {
	font-weight: 700;
	background: #ffffff !important;
}

.summary-report-list tbody tr:hover td {
	background: inherit !important;
}

.summary-report-list a,
.summary-report-list a:visited {
	display: inline !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	color: var(--fc-blue) !important;
	text-decoration: none !important;
	font-weight: 500 !important;
}

.summary-report-list a:hover {
	color: var(--fc-primary-darker) !important;
	text-decoration: underline !important;
}

/* View Statistics report results: same visual style as summary report list */
#printpage table.transmissionList,
table.report-result-list {
	width: 100% !important;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	margin-top: 8px;
	background: #ffffff !important;
	border: 1px solid var(--fc-line) !important;
}

#printpage table.transmissionList th,
#printpage table.transmissionList td,
table.report-result-list > tr > th,
table.report-result-list > tr > td,
table.report-result-list > tbody > tr > th,
table.report-result-list > tbody > tr > td {
	padding: 11px 14px !important;
	font-size: 13px !important;
	color: var(--fc-ink) !important;
	border: 1px solid var(--fc-line) !important;
}

#printpage table.transmissionList tr.greyrow th,
#printpage table.transmissionList th,
table.report-result-list > tr > th,
table.report-result-list > tbody > tr > th {
	background: var(--fc-primary-dark) !important;
	color: #ffffff !important;
	font-family: "Poppins-Medium", "Segoe UI", sans-serif !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	text-align: center !important;
}

#printpage table.transmissionList td.amount,
table.report-result-list > tr > td.amount,
table.report-result-list > tbody > tr > td.amount {
	text-align: right !important;
	font-variant-numeric: tabular-nums;
}

#printpage table.transmissionList tr.listClass1 td,
table.report-result-list > tr.listClass1 > td,
table.report-result-list > tbody > tr.listClass1 > td {
	background: #ffffff !important;
}

#printpage table.transmissionList tr.listClass2 td,
table.report-result-list > tr.listClass2 > td,
table.report-result-list > tbody > tr.listClass2 > td {
	background: #edf8f1 !important;
}

/* Fallback zebra for rows without listClass1/listClass2 */
#printpage table.transmissionList tr:not(.greyrow):nth-child(even) td,
table.report-result-list > tr:not(.greyrow):nth-child(even) > td,
table.report-result-list > tbody > tr:not(.greyrow):nth-child(even) > td {
	background: #edf8f1 !important;
}

#printpage table.transmissionList tr:not(.greyrow):nth-child(odd) td,
table.report-result-list > tr:not(.greyrow):nth-child(odd) > td,
table.report-result-list > tbody > tr:not(.greyrow):nth-child(odd) > td {
	background: #ffffff !important;
}

#printpage table.transmissionList tr:hover td,
table.report-result-list > tr:hover > td,
table.report-result-list > tbody > tr:hover > td {
	background: var(--fc-primary-soft) !important;
}

#printpage table.transmissionList td.institueamount,
table.report-result-list > tr > td.institueamount,
table.report-result-list > tbody > tr > td.institueamount {
	font-weight: 700 !important;
	background: #e2f3e9 !important;
}

table.report-result-list a,
table.report-result-list a:visited,
table.report-result-list a:hover {
	display: inline !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	color: var(--fc-blue) !important;
	text-decoration: underline !important;
	font-weight: 500 !important;
}

table.report-result-list td:last-child a,
table.report-result-list td:last-child a:visited {
	display: inline-block !important;
	padding: 8px 20px !important;
	border-radius: 10px !important;
	border: 0 !important;
	background: var(--fc-primary-dark) !important;
	color: #ffffff !important;
	text-decoration: none !important;
	font-family: "Poppins-SemiBold", "Segoe UI", sans-serif !important;
	font-weight: 600 !important;
	box-shadow: 0 3px 10px rgba(47, 181, 124, 0.28) !important;
}

table.report-result-list td:last-child a:hover {
	background: var(--fc-primary) !important;
	color: #ffffff !important;
	text-decoration: none !important;
}

/* Action buttons inside list tables (Edit / View etc.) */
.list-btn {
	display: inline-block;
	padding: 6px 18px;
	border: 0;
	border-radius: 6px;
	font-family: "Poppins-SemiBold", "Poppins-Medium", "Segoe UI", sans-serif;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.5;
	color: #ffffff !important;
	background: var(--fc-primary);
	margin: 2px 4px 2px 0;
	text-decoration: none !important;
	box-shadow: 0 2px 5px rgba(47, 181, 124, 0.28);
	transition: filter 0.15s ease, transform 0.15s ease;
	cursor: pointer;
	white-space: nowrap;
	letter-spacing: 0.3px;
}

/* Keep all action buttons in a row on one single line */
td a.list-btn,
.config-list td a.list-btn,
.listClass1 a.list-btn,
.listClass2 a.list-btn {
	color: #ffffff !important;
}

.config-list td:last-child,
td.options {
	white-space: nowrap !important;
}

/* View = orange */
.list-btn.view {
	background: var(--fc-orange);
	box-shadow: 0 2px 5px rgba(247, 148, 30, 0.28);
	color: #ffffff !important;
}

/* Edit = green */
.list-btn.edit {
	background: var(--fc-primary);
	box-shadow: 0 2px 5px rgba(47, 181, 124, 0.28);
	color: #ffffff !important;
}

.list-btn:hover {
	filter: brightness(1.06);
	transform: translateY(-1px);
	color: #ffffff !important;
}

/* Global: action / "Options" column links rendered as themed buttons on every list page */
td.options a,
th.options ~ td a,
table.list td.options a,
table.listClass td.options a {
	display: inline-block;
	padding: 6px 16px;
	margin: 2px 3px;
	border: 0;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.2px;
	color: #ffffff !important;
	background: var(--fc-primary);
	text-decoration: none !important;
	box-shadow: 0 2px 5px rgba(47, 181, 124, 0.28);
	transition: filter 0.15s ease, transform 0.15s ease;
}

/* Edit-type actions in blue */
td.options a[href*="edit" i],
td.options a[href*="view=add" i],
td.options a[href*="view=edit" i] {
	background: var(--fc-blue) !important;
	box-shadow: 0 2px 5px rgba(27, 117, 188, 0.28);
}

td.options a:hover {
	filter: brightness(1.06);
	transform: translateY(-1px);
	color: #ffffff !important;
}

/* Configuration list – always left aligned */
.config-list th,
.config-list td {
	text-align: left !important;
}

/* =====================================================================
   UNIVERSAL BUTTON OVERRIDE
   Force bold text on ALL buttons across all pages, including inline styles
   ===================================================================== */

/* Override inline style buttons */
button[style],
input[type="submit"][style],
input[type="button"][style],
a[style*="button"],
.buttonvw,
.buttoncc,
.buttonac,
.buttontrans,
.calButton,
.orderpagebutton {
	font-weight: 900 !important;
	letter-spacing: 0.3px !important;
}

/* All custom button classes */
[class*="button"],
[class*="btn-"],
[id*="button"],
[id*="btn"] {
	font-weight: 900 !important;
	letter-spacing: 0.3px !important;
}

/* =====================================================================
   ENABLE / DISABLE BUTTON STYLING
   ===================================================================== */

/* Enable buttons - Dark Green */
.btn-enable,
button[class*="enable"],
input[class*="enable"],
button.btn-enable,
button[onclick*="enable"],
input[onclick*="enable"],
button[value*="Enable"],
input[value*="Enable"],
a[onclick*="enable"],
a[onclick*="Enable"],
button:contains("Enable"),
button:contains("enable") {
	background: var(--fc-primary-dark) !important;
	background: linear-gradient(135deg, #2FB57C 0%, #1F8E61 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 4px 12px rgba(47, 181, 124, 0.35) !important;
	border: 0 !important;
	border-radius: 6px !important;
	font-weight: 900 !important;
	padding: 8px 12px !important;
	display: inline-block !important;
}

/* Enable/Disable wrapper (span/td holding the status icon + link) - no
   background of its own so the inner link is the only visible "button" */
span.btn-enable,
td.btn-enable,
span.btn-disable,
td.btn-disable {
	background: none !important;
	box-shadow: none !important;
	border: 0 !important;
	padding: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
}

/* Keep the wrapper background-free on hover too (overrides the bare
   .btn-enable:hover/.btn-disable:hover rules below, which also match
   this span/td via its class) */
span.btn-enable:hover,
td.btn-enable:hover,
span.btn-disable:hover,
td.btn-disable:hover {
	background: none !important;
	box-shadow: none !important;
	border: 0 !important;
}

.btn-enable:hover,
button[class*="enable"]:hover,
input[class*="enable"]:hover,
button.btn-enable:hover,
button[onclick*="enable"]:hover,
input[onclick*="enable"]:hover {
	background: linear-gradient(135deg, #1F8E61 0%, #17704D 100%) !important;
	box-shadow: 0 6px 16px rgba(31, 142, 97, 0.4) !important;
	filter: brightness(1.05) !important;
	transform: translateY(-2px) !important;
}

/* Disable buttons - Red */
.btn-disable,
button[class*="disable"],
input[class*="disable"],
button.btn-disable,
button[onclick*="disable"],
input[onclick*="disable"],
button[value*="Disable"],
input[value*="Disable"],
a[onclick*="disable"],
a[onclick*="Disable"],
button:contains("Disable"),
button:contains("disable") {
	background: linear-gradient(135deg, #E8662A 0%, #D94520 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 4px 12px rgba(232, 102, 42, 0.35) !important;
	border: 0 !important;
	border-radius: 6px !important;
	font-weight: 900 !important;
	padding: 8px 12px !important;
	display: inline-block !important;
}

.btn-disable:hover,
button[class*="disable"]:hover,
input[class*="disable"]:hover,
/* Red delete action for sending/receiving country-currency link pages */
table#currencycountryList td.options a.list-btn.delete,
table#currencycountryList td.options a.list-btn.delete:visited {
	background: linear-gradient(135deg, #e34d4d 0%, #c93232 100%) !important;
	border-color: #b92d2d !important;
	color: #ffffff !important;
}

table#currencycountryList td.options a.list-btn.delete:hover {
	background: linear-gradient(135deg, #cc3f3f 0%, #b52727 100%) !important;
	border-color: #a82424 !important;
	color: #ffffff !important;
}
button.btn-disable:hover,
button[onclick*="disable"]:hover,
input[onclick*="disable"]:hover {
	background: linear-gradient(135deg, #D94520 0%, #C23817 100%) !important;
	box-shadow: 0 6px 16px rgba(217, 69, 32, 0.4) !important;
	filter: brightness(1.05) !important;
	transform: translateY(-2px) !important;
}

/* =====================================================================
   ENABLE / DISABLE LINKS (Branch/User enable/disable actions)
   ===================================================================== */

/* Enable/Disable links - Apply to anchors with enable/disable actions */
a[onclick*="enable"],
a[onclick*="Enable"],
a[onclick*="changeBranchStatus"],
a[onclick*="changeuserstatus"],
td.btn-enable a,
span.btn-enable a {
	display: inline-block;
	font-weight: 900 !important;
	letter-spacing: 0.3px !important;
	color: #ffffff !important;
}

/* Make Enable links dark green */
a[onclick*="enable"]:not([onclick*="Disable"]),
a[onclick*="Enable"],
a[onclick*="changeBranchStatus"][onclick*="active"]:not([onclick*="true"]),
td.btn-enable a,
span.btn-enable a {
	color: #ffffff !important;
	font-weight: 900 !important;
	background: var(--fc-primary-dark) !important;
	background: linear-gradient(135deg, #2FB57C 0%, #1F8E61 100%) !important;
	padding: 8px 12px !important;
	border: 0 !important;
	border-radius: 6px !important;
	box-shadow: 0 4px 12px rgba(47, 181, 124, 0.35) !important;
}

a[onclick*="enable"]:hover:not([onclick*="Disable"]),
a[onclick*="Enable"]:hover,
td.btn-enable a:hover,
span.btn-enable a:hover {
	color: #ffffff !important;
	text-decoration: none !important;
	font-weight: 900 !important;
	background: linear-gradient(135deg, #1F8E61 0%, #17704D 100%) !important;
	box-shadow: 0 6px 16px rgba(31, 142, 97, 0.4) !important;
}

/* Make Disable links red */
a[onclick*="disable"],
a[onclick*="Disable"],
a[onclick*="changeBranchStatus"][onclick*="active"],
td.btn-disable a,
span.btn-disable a {
	color: #ffffff !important;
	font-weight: 900 !important;
	background: linear-gradient(135deg, #E8662A 0%, #D94520 100%) !important;
	padding: 8px 12px !important;
	border: 0 !important;
	border-radius: 6px !important;
	box-shadow: 0 4px 12px rgba(232, 102, 42, 0.35) !important;
}

a[onclick*="disable"]:hover,
a[onclick*="Disable"]:hover,
td.btn-disable a:hover,
span.btn-disable a:hover {
	color: #ffffff !important;
	text-decoration: none !important;
	font-weight: 900 !important;
	background: linear-gradient(135deg, #D94520 0%, #C23817 100%) !important;
	box-shadow: 0 6px 16px rgba(217, 69, 32, 0.4) !important;
}

/* =====================================================================
   MODERN FORM STYLING (Add/Edit Users, Forms)
   ===================================================================== */

/* Modern form wrapper */
.modern-form-container {
	padding: 15px 10px 30px;
	font-family: "Segoe UI", Roboto, Arial, sans-serif;
}

.modern-form-card {
	background: #ffffff;
	max-width: 1000px;
	margin: 0 auto;
	border-radius: 14px;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
	overflow: hidden;
}

.modern-form-card .adduser-heading {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative;
	z-index: 2;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 24px 30px 14px;
	font-family: "Poppins-SemiBold", "Segoe UI", sans-serif;
	font-size: 22px;
	font-weight: 600;
	color: var(--fc-ink);
	text-align: left;
	border-bottom: 2px solid var(--fc-line);
}

.modern-form-card .adduser-heading::after {
	content: "";
	position: absolute;
	left: 30px;
	bottom: -2px;
	width: 80px;
	height: 2px;
	background: var(--fc-gradient);
	border-radius: 2px;
}

.form-header {
	background: linear-gradient(135deg, #54CF98 0%, #2FB57C 100%);
	padding: 30px;
	color: white;
	text-align: center;
}

.form-header h1 {
	margin: 0;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 0.5px;
}

.form-header p {
	margin: 5px 0 0;
	font-size: 14px;
	opacity: 0.9;
}

/* Modern tab system — overrides tabcontent.css .shadetabs styles */
.modern-tabs {
	display: flex !important;
	background: transparent !important;
	border-bottom: 1px solid #d0d8e4 !important;
	padding: 0 !important;
	margin: 0 0 0 0 !important;
	list-style: none !important;
	gap: 0 !important;
	font: normal 13px "Segoe UI", Roboto, Arial, sans-serif !important;
}

.modern-tabs li {
	display: inline-block !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}

.modern-tabs li a {
	display: inline-block !important;
	padding: 8px 15px !important;
	text-decoration: none !important;
	color: #6b7a90 !important;
	font-weight: 500 !important;
	font-size: 13px !important;
	font-family: "Segoe UI", Roboto, Arial, sans-serif !important;
	border: none !important;
	border-bottom: 2px solid transparent !important;
	margin-bottom: -1px !important;
	margin-right: 0 !important;
	background: transparent !important;
	position: static !important;
	z-index: auto !important;
	white-space: nowrap !important;
	transition: color 0.2s ease, border-color 0.2s ease !important;
}

.modern-tabs li a:hover {
	color: #2FB57C !important;
	text-decoration: none !important;
	background: transparent !important;
}

.modern-tabs li a.active,
.modern-tabs li a.selected {
	color: #2FB57C !important;
	border-bottom: 2px solid #2FB57C !important;
	font-weight: 600 !important;
	background: transparent !important;
}

/* Form content area */
.form-content {
	padding: 40px;
}

.form-section {
	animation: fadeIn 0.3s ease;
}

/* Do NOT add display rules here — tabcontent.js manages show/hide for .tabcontent elements */

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

/* Form groups */
.form-group {
	margin-bottom: 25px;
}

.form-group label {
	display: block;
	font-weight: 600;
	color: #1f2d3d;
	margin-bottom: 8px;
	font-size: 14px;
}

.form-group label .required {
	color: #E8662A;
	margin-left: 2px;
}

.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="password"],
.form-group input[type="number"],
.form-group select,
.form-group textarea {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid #e3e9f1;
	border-radius: 8px;
	font-size: 14px;
	font-family: inherit;
	transition: all 0.3s ease;
	color: #1f2d3d;
	background: #fafbfc;
}

.form-group input[type="text"]:focus,
.form-group input[type="email"]:focus,
.form-group input[type="password"]:focus,
.form-group input[type="number"]:focus,
.form-group select:focus,
.form-group textarea:focus {
	outline: none;
	border-color: #2FB57C;
	background: #ffffff;
	box-shadow: 0 0 0 3px rgba(47, 181, 124, 0.1);
}

.form-group select {
	cursor: pointer;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7a90' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	padding-right: 35px;
}

/* Global multi-select styling (native + Chosen) */
select[multiple],
.form-group select[multiple],
#institution_id[multiple] {
	appearance: auto !important;
	background-image: none !important;
	padding-right: 14px !important;
	min-height: 130px !important;
	height: auto !important;
	border: 1px solid #e3e9f1 !important;
	border-radius: 8px !important;
	background: #fafbfc !important;
	overflow-y: auto !important;
	cursor: default !important;
	outline: none !important;
}

select[multiple]:focus,
.form-group select[multiple]:focus,
#institution_id[multiple]:focus {
	border-color: #2FB57C !important;
	box-shadow: 0 0 0 3px rgba(47, 181, 124, 0.1) !important;
}

select[multiple] option,
.form-group select[multiple] option,
#institution_id[multiple] option {
	padding: 8px 12px !important;
	font-size: 13px !important;
	color: #1f2d3d !important;
	border: 0 !important;
	text-decoration: none !important;
	line-height: 1.35 !important;
	background: #ffffff !important;
}

select[multiple] option:checked,
.form-group select[multiple] option:checked,
#institution_id[multiple] option:checked {
	background: linear-gradient(135deg, #54CF98, #2FB57C) !important;
	color: #ffffff !important;
}

.chosen-container-multi .chosen-choices {
	border: 1px solid #e3e9f1 !important;
	border-radius: 8px !important;
	background: #fafbfc !important;
	box-shadow: none !important;
	padding: 4px 6px !important;
	min-height: 42px !important;
}

.chosen-container-active.chosen-with-drop .chosen-choices,
.chosen-container-active .chosen-choices {
	border-color: #2FB57C !important;
	box-shadow: 0 0 0 3px rgba(47, 181, 124, 0.1) !important;
}

.chosen-container-multi .chosen-choices li.search-choice {
	background: #e9f9f1 !important;
	border: 1px solid #bfe8d2 !important;
	border-radius: 14px !important;
	color: #1f2d3d !important;
	box-shadow: none !important;
	padding: 5px 22px 5px 10px !important;
}

.chosen-container .chosen-results li.highlighted {
	background: linear-gradient(135deg, #54CF98, #2FB57C) !important;
	color: #ffffff !important;
}

/* Checkbox and radio styling */
.form-group input[type="checkbox"],
.form-group input[type="radio"] {
	width: auto;
	margin-right: 8px;
	cursor: pointer;
	accent-color: #2FB57C;
}

.form-group input[type="checkbox"] + label,
.form-group input[type="radio"] + label {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	cursor: pointer;
}

/* Radio group */
.radio-group,
.checkbox-group {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

.radio-group label,
.checkbox-group label {
	display: flex;
	align-items: center;
	margin-bottom: 0;
		font-weight: 100;

}

/* Error messages */
.form-group .errormsg,
.form-group span.error {
	display: block;
	color: #E8662A;
	font-size: 13px;
	margin-top: 6px;
	font-weight: 500;
}

/* Form actions */
.form-actions {
	display: flex;
	gap: 12px;
	margin-top: 0;
	padding: 20px 40px 30px;
	border-top: 1px solid #e3e9f1;
	justify-content: center;
}

.form-actions button,
.form-actions input[type="submit"],
.form-actions input[type="reset"] {
	min-width: 140px;
	padding: 12px 24px;
	font-size: 14px;
	font-weight: 700;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s ease;
	letter-spacing: 0.5px;
}

/* Grid layout for form fields */
.form-grid-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 25px;
}

.form-grid-3 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 25px;
}

@media (max-width: 768px) {
	.form-grid-2,
	.form-grid-3 {
		grid-template-columns: 1fr;
	}
}

/* Helper text */
.help-text {
	font-size: 12px;
	color: #6b7a90;
	margin-top: 6px;
}

/* Info box */
.info-box {
	background: rgba(84, 207, 152, 0.08);
	border-left: 4px solid #2FB57C;
	padding: 15px;
	border-radius: 6px;
	margin-bottom: 20px;
	font-size: 13px;
	color: #1f2d3d;
}

/* Button styling in form */
.form-actions .btn,
.form-actions button,
.form-actions input[type="submit"] {
	background: linear-gradient(135deg, #54CF98 0%, #2FB57C 100%) !important;
	color: #ffffff !important;
	font-weight: 900 !important;
	letter-spacing: 0.5px !important;
	border: none !important;
	box-shadow: 0 4px 12px rgba(84, 207, 152, 0.35) !important;
	transition: all 0.3s ease !important;
}

.form-actions .btn:hover,
.form-actions button:hover,
.form-actions input[type="submit"]:hover {
	background: linear-gradient(135deg, #2FB57C 0%, #1F8E61 100%) !important;
	box-shadow: 0 6px 16px rgba(47, 181, 124, 0.4) !important;
	transform: translateY(-1px);
}

.form-actions .btn-secondary {
	background: linear-gradient(135deg, #e3e9f1 0%, #d4dce8 100%) !important;
	color: #1f2d3d !important;
}

.form-actions .btn-secondary:hover {
	background: linear-gradient(135deg, #d4dce8 0%, #c4cfe0 100%) !important;
	color: #1f2d3d !important;
}

.form-actions .btn-enable {
	background: linear-gradient(135deg, #2FB57C 0%, #1F8E61 100%) !important;
}

.form-actions .btn-enable:hover {
	background: linear-gradient(135deg, #1F8E61 0%, #17704D 100%) !important;
}

.form-actions .btn-disable {
	background: linear-gradient(135deg, #E8662A 0%, #D94520 100%) !important;
}

.form-actions .btn-disable:hover {
	background: linear-gradient(135deg, #D94520 0%, #C23817 100%) !important;
}

/* =============================================
   User View Popup (addusers.php → View button)
   ============================================= */
.user-view-popup {
	font-family: "Segoe UI", Roboto, Arial, sans-serif;
	background: #ffffff;
	height: 100%;
	display: flex;
	flex-direction: column;
}

/* Avatar hero banner — sits right below the drag-handle chrome */
.uvp-header {
	background: linear-gradient(135deg, #54CF98 0%, #1F8E61 100%);
	padding: 18px 22px;
	display: flex;
	align-items: center;
	gap: 14px;
	color: #ffffff;
}

.uvp-avatar {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.22);
	border: 2px solid rgba(255, 255, 255, 0.55);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: 700;
	color: #ffffff;
	flex-shrink: 0;
	text-transform: uppercase;
}

.uvp-title {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.uvp-username {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.2px;
}

.uvp-badge {
	display: inline-block;
	padding: 1px 9px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.45);
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	color: #ffffff;
	width: fit-content;
}

/* Details body */
.uvp-body {
	flex: 1;
	padding: 14px 22px;
	overflow-y: auto;
	background: #ffffff;
}

.uvp-table {
	width: 100%;
	border-collapse: collapse;
}

.uvp-table tr {
	border-bottom: 1px solid #edf2f7;
}

.uvp-table tr:last-child {
	border-bottom: none;
}

.uvp-table td {
	padding: 9px 6px;
	font-size: 13px;
	vertical-align: middle;
	line-height: 1.4;
}

.uvp-label {
	color: #2FB57C;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 10.5px;
	letter-spacing: 0.5px;
	width: 35%;
	white-space: nowrap;
}

.uvp-value {
	color: #2d3748;
	font-weight: 500;
	word-break: break-word;
}

/* Footer with edit button */
.uvp-footer {
	padding: 10px 22px;
	border-top: 2px solid #e8f5ee;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	background: #f0faf5;
}

.uvp-footer a.btn-enable {
	padding: 7px 22px !important;
	font-size: 13px !important;
	border-radius: 6px !important;
	text-decoration: none !important;
	display: inline-block;
}

/* =====================================================================
   GLOBAL ACTION BUTTON SYSTEM
   View / Edit / Approve / Reject / Delete / Cancel
   ===================================================================== */

/* Utility classes for new markup */
.btn-view,
.btn-edit,
.btn-approve,
.btn-reject,
.btn-delete,
.btn-cancel,
/* Legacy classes / patterns already used in project */
.list-btn.view,
.list-btn.edit,
.deleteCharge,
.DeleteCollectionMethod,
.buttonvw,
button[id*="approve" i],
button[name*="approve" i],
input[type="button"][id*="approve" i],
input[type="button"][name*="approve" i],
button[id*="reject" i],
button[name*="reject" i],
input[type="button"][id*="reject" i],
input[type="button"][name*="reject" i],
button[id*="delete" i],
button[name*="delete" i],
input[type="button"][id*="delete" i],
input[type="button"][name*="delete" i],
button[id*="cancel" i],
button[name*="cancel" i],
input[type="button"][id*="cancel" i],
input[type="button"][name*="cancel" i],
/* Table action links without class names */
table.list a[href*="action=viewapprovedeposit" i],
table.list a[href*="viewapprovedepositcommission" i],
table.listClass a[href*="action=viewapprovedeposit" i],
table.listClass a[href*="viewapprovedepositcommission" i],
table.list a[href*="view=edit" i],
table.listClass a[href*="view=edit" i],
table.list a[href*="edit" i],
table.listClass a[href*="edit" i],
table.list a[href*="view" i],
table.listClass a[href*="view" i],
table.list a[href*="approve" i],
table.listClass a[href*="approve" i],
table.list a[href*="reject" i],
table.listClass a[href*="reject" i],
table.list a[href*="delete" i],
table.listClass a[href*="delete" i],
table.list a[onclick*="approve" i],
table.listClass a[onclick*="approve" i],
table.list a[onclick*="reject" i],
table.listClass a[onclick*="reject" i],
table.list a[onclick*="delete" i],
table.listClass a[onclick*="delete" i],
table.list a[onclick*="cancel" i],
table.listClass a[onclick*="cancel" i] {
	display: inline-block !important;
	padding: 7px 16px !important;
	border: 0 !important;
	border-radius: 6px !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: 0.3px !important;
	line-height: 1.25 !important;
	text-decoration: none !important;
	color: #ffffff !important;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16) !important;
	transition: filter 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease !important;
	cursor: pointer !important;
	white-space: nowrap !important;
	vertical-align: middle !important;
	margin: 2px 4px 2px 0 !important;
}

/* Fallback: many legacy templates place action links in an Options cell
   but href does not contain view/edit/approve keywords. */
table.list td.options a,
table.listClass td.options a,
table.list td[class*="option" i] a,
table.listClass td[class*="option" i] a {
	display: inline-block !important;
	padding: 7px 16px !important;
	border: 0 !important;
	border-radius: 6px !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: 0.3px !important;
	line-height: 1.25 !important;
	text-decoration: none !important;
	color: #ffffff !important;
	background: linear-gradient(135deg, #1B75BC 0%, #155A91 100%) !important;
	box-shadow: 0 3px 10px rgba(27, 117, 188, 0.3) !important;
	transition: filter 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease !important;
	cursor: pointer !important;
	white-space: nowrap !important;
	vertical-align: middle !important;
	margin: 2px 4px 2px 0 !important;
}

.btn-view,
.list-btn.view {
	background: linear-gradient(135deg, #1B75BC 0%, #155A91 100%) !important;
	box-shadow: 0 3px 10px rgba(27, 117, 188, 0.3) !important;
}

.btn-edit,
.list-btn.edit,
table.list a[href*="view=edit" i],
table.listClass a[href*="view=edit" i],
table.list a[href*="edit" i],
table.listClass a[href*="edit" i] {
	background: linear-gradient(135deg, #F7941E 0%, #E8662A 100%) !important;
	box-shadow: 0 3px 10px rgba(247, 148, 30, 0.32) !important;
}

.btn-approve,
table.list a[href*="action=viewapprovedeposit" i],
table.listClass a[href*="action=viewapprovedeposit" i],
table.list a[href*="viewapprovedepositcommission" i],
table.listClass a[href*="viewapprovedepositcommission" i],
button[id*="approve" i],
button[name*="approve" i],
input[type="button"][id*="approve" i],
input[type="button"][name*="approve" i] {
	background: linear-gradient(135deg, #2FB57C 0%, #1F8E61 100%) !important;
	box-shadow: 0 3px 10px rgba(47, 181, 124, 0.33) !important;
}

.btn-reject,
button[id*="reject" i],
button[name*="reject" i],
input[type="button"][id*="reject" i],
input[type="button"][name*="reject" i],
table.list a[href*="reject" i],
table.listClass a[href*="reject" i],
table.list a[onclick*="reject" i],
table.listClass a[onclick*="reject" i] {
	background: linear-gradient(135deg, #E8662A 0%, #D94520 100%) !important;
	box-shadow: 0 3px 10px rgba(232, 102, 42, 0.33) !important;
}

.btn-delete,
.deleteCharge,
.DeleteCollectionMethod,
button[id*="delete" i],
button[name*="delete" i],
input[type="button"][id*="delete" i],
input[type="button"][name*="delete" i],
table.list a[href*="delete" i],
table.listClass a[href*="delete" i],
table.list a[onclick*="delete" i],
table.listClass a[onclick*="delete" i] {
	background: linear-gradient(135deg, #D83B3B 0%, #B52222 100%) !important;
	box-shadow: 0 3px 10px rgba(216, 59, 59, 0.35) !important;
}

.btn-cancel,
.buttonvw,
button[id*="cancel" i],
button[name*="cancel" i],
input[type="button"][id*="cancel" i],
input[type="button"][name*="cancel" i],
table.list a[onclick*="cancel" i],
table.listClass a[onclick*="cancel" i] {
	background: linear-gradient(135deg, #718096 0%, #4A5568 100%) !important;
	box-shadow: 0 3px 10px rgba(113, 128, 150, 0.35) !important;
}

.btn-view:hover,
.btn-edit:hover,
.btn-approve:hover,
.btn-reject:hover,
.btn-delete:hover,
.btn-cancel:hover,
.list-btn.view:hover,
.list-btn.edit:hover,
.deleteCharge:hover,
.DeleteCollectionMethod:hover,
.buttonvw:hover,
button[id*="approve" i]:hover,
button[name*="approve" i]:hover,
input[type="button"][id*="approve" i]:hover,
input[type="button"][name*="approve" i]:hover,
button[id*="reject" i]:hover,
button[name*="reject" i]:hover,
input[type="button"][id*="reject" i]:hover,
input[type="button"][name*="reject" i]:hover,
button[id*="delete" i]:hover,
button[name*="delete" i]:hover,
input[type="button"][id*="delete" i]:hover,
input[type="button"][name*="delete" i]:hover,
button[id*="cancel" i]:hover,
button[name*="cancel" i]:hover,
input[type="button"][id*="cancel" i]:hover,
input[type="button"][name*="cancel" i]:hover,
table.list a[href*="action=viewapprovedeposit" i]:hover,
table.listClass a[href*="action=viewapprovedeposit" i]:hover,
table.list a[href*="viewapprovedepositcommission" i]:hover,
table.listClass a[href*="viewapprovedepositcommission" i]:hover,
table.list a[href*="view=edit" i]:hover,
table.listClass a[href*="view=edit" i]:hover,
table.list a[href*="edit" i]:hover,
table.listClass a[href*="edit" i]:hover,
table.list a[href*="view" i]:hover,
table.listClass a[href*="view" i]:hover,
table.list a[href*="approve" i]:hover,
table.listClass a[href*="approve" i]:hover,
table.list a[href*="reject" i]:hover,
table.listClass a[href*="reject" i]:hover,
table.list a[href*="delete" i]:hover,
table.listClass a[href*="delete" i]:hover,
table.list a[onclick*="approve" i]:hover,
table.listClass a[onclick*="approve" i]:hover,
table.list a[onclick*="reject" i]:hover,
table.listClass a[onclick*="reject" i]:hover,
table.list a[onclick*="delete" i]:hover,
table.listClass a[onclick*="delete" i]:hover,
table.list a[onclick*="cancel" i]:hover,
table.listClass a[onclick*="cancel" i]:hover {
	filter: brightness(1.06) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.22) !important;
	color: #ffffff !important;
}

/* Keep showrequest and showbatchrequest data lists in plain table style. */
table.showrequest-list a[href*="view" i],
table.showrequest-list a[href*="edit" i],
table.batchrequest-list a[href*="view" i],
table.batchrequest-list a[href*="edit" i],
table.showclients-list a[href*="view" i],
table.showclients-list a[href*="edit" i],
table.showclientdepositwithdraw-list a[href*="view" i],
table.showclientdepositwithdraw-list a[href*="edit" i],
table.mergeclient-list a[href*="view" i],
table.mergeclient-list a[href*="edit" i],
table.showrequest-list a[onclick*="approve" i],
table.showrequest-list a[onclick*="reject" i],
table.showrequest-list a[onclick*="delete" i],
table.showrequest-list a[onclick*="cancel" i],
table.batchrequest-list a[onclick*="approve" i],
table.batchrequest-list a[onclick*="reject" i],
table.batchrequest-list a[onclick*="delete" i],
table.batchrequest-list a[onclick*="cancel" i],
table.showclients-list a[onclick*="approve" i],
table.showclients-list a[onclick*="reject" i],
table.showclients-list a[onclick*="delete" i],
table.showclients-list a[onclick*="cancel" i],
table.showclientdepositwithdraw-list a[onclick*="approve" i],
table.showclientdepositwithdraw-list a[onclick*="reject" i],
table.showclientdepositwithdraw-list a[onclick*="delete" i],
table.showclientdepositwithdraw-list a[onclick*="cancel" i],
table.mergeclient-list a[onclick*="approve" i],
table.mergeclient-list a[onclick*="reject" i],
table.mergeclient-list a[onclick*="delete" i],
table.mergeclient-list a[onclick*="cancel" i] {
	display: inline !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	font-size: inherit !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
	line-height: inherit !important;
	text-decoration: none !important;
	color: #0f5132 !important;
	box-shadow: none !important;
	background: transparent !important;
	transform: none !important;
	transition: color 0.15s ease !important;
	margin: 0 10px 0 0 !important;
}

/* Keep blacklist value cells as plain text links (not action buttons). */
table#blackList a.blacklist-value-link,
table#blackList a.blacklist-value-link:visited,
table#blackList a.blacklist-value-link:hover {
	display: inline !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	font-size: inherit !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
	line-height: inherit !important;
	text-decoration: none !important;
	color: #0f5132 !important;
	box-shadow: none !important;
	background: transparent !important;
	transform: none !important;
	transition: color 0.15s ease !important;
	margin: 0 !important;
}

.clientreport-box {
	width: calc(100% - 30px) !important;
	height: auto !important;
	float: none !important;
	margin: 0 15px 20px !important;
	padding: 0 !important;
}

.clientreport-box form {
	width: 100% !important;
}

.clientreport-box table.list {
	width: 100% !important;
	max-width: 100% !important;
}

table.showrequest-list a[href*="view" i]:hover,
table.showrequest-list a[href*="edit" i]:hover,
table.batchrequest-list a[href*="view" i]:hover,
table.batchrequest-list a[href*="edit" i]:hover,
table.showclients-list a[href*="view" i]:hover,
table.showclients-list a[href*="edit" i]:hover,
table.showclientdepositwithdraw-list a[href*="view" i]:hover,
table.showclientdepositwithdraw-list a[href*="edit" i]:hover,
table.mergeclient-list a[href*="view" i]:hover,
table.mergeclient-list a[href*="edit" i]:hover {
	color: #0b3d2a !important;
	background: transparent !important;
	text-decoration: underline !important;
	box-shadow: none !important;
	filter: none !important;
	transform: none !important;
}

/* Agent/Branch Limit popup (overlay) */
.agent-limit-popup #loader,
.branch-limit-popup #loader {
	background: #f3fbf7 !important;
	border: 2px solid #2FB57C !important;
	border-radius: 10px !important;
	padding: 16px !important;
	box-shadow: 0 14px 34px rgba(31, 142, 97, 0.22) !important;
}

.agent-limit-popup #loader p,
.agent-limit-popup #loader td,
.agent-limit-popup #loader strong,
.branch-limit-popup #loader p,
.branch-limit-popup #loader td,
.branch-limit-popup #loader strong {
	color: #1f2d3d !important;
}

.agent-limit-popup #loader p,
.branch-limit-popup #loader p {
	background: #f3fbf7 !important;
	border: 1px solid #cfe7da !important;
	padding: 10px !important;
	margin: 0 !important;
}

.agent-limit-popup .agent-limit-title,
.branch-limit-popup .agent-limit-title {
	font-size: 14px !important;
	color: #1F8E61 !important;
	letter-spacing: 0.2px;
	display: inline-block;
	margin-bottom: 6px;
}

.agent-limit-popup input[type="text"],
.branch-limit-popup input[type="text"] {
	margin: 4px 0 8px !important;
	background: #ffffff !important;
	color: #1f2d3d !important;
	border: 1px solid #cfe7da !important;
}

.agent-limit-popup input[type="text"]:focus,
.branch-limit-popup input[type="text"]:focus {
	background: #ffffff !important;
	border: 1px solid #2FB57C !important;
	outline: none !important;
	box-shadow: none !important;
}

.agent-limit-popup .btn-enable,
.agent-limit-popup .btn-cancel,
.branch-limit-popup .btn-enable,
.branch-limit-popup .btn-cancel {
	margin-top: 8px !important;
	margin-right: 8px !important;
}

.agent-limit-popup .btn-cancel,
.branch-limit-popup .btn-cancel {
	background: linear-gradient(135deg, #E8662A 0%, #D94520 100%) !important;
	box-shadow: 0 4px 12px rgba(232, 102, 42, 0.35) !important;
}

.agent-limit-popup .btn-cancel:hover,
.branch-limit-popup .btn-cancel:hover {
	background: linear-gradient(135deg, #D94520 0%, #C23817 100%) !important;
	box-shadow: 0 6px 16px rgba(217, 69, 32, 0.4) !important;
}

/* Branch Commission popup (overlay) – green themed, matches agent commission popup */
#overlayContainerWH.branch-commission-popup #loader {
	background: linear-gradient(180deg, #f7fbf8 0%, #edf6f1 100%);
	border: 1px solid #cfe5d8;
	border-radius: 12px;
	box-shadow: 0 12px 28px rgba(17, 62, 42, 0.2);
	color: #204032;
	margin: 10px auto;
	max-width: 1040px;
	padding: 14px 16px;
	width: 92%;
}

#overlayContainerWH.branch-commission-popup #loader td {
	background: transparent;
	padding: 0;
}

#overlayContainerWH.branch-commission-popup #loader p {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px 20px;
	align-items: start;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
}

#overlayContainerWH.branch-commission-popup #loader .cf-field {
	display: flex;
	flex-direction: column;
	gap: 5px;
	min-width: 0;
}

#overlayContainerWH.branch-commission-popup #loader .cf-field input[type="text"] {
	width: 100%;
}

#overlayContainerWH.branch-commission-popup #loader .cf-actions {
	grid-column: 1 / -1;
	display: flex;
	justify-content: center;
	gap: 12px;
	margin-top: 4px;
}

#overlayContainerWH.branch-commission-popup #loader strong {
	color: #1f5d43;
	font-size: 12px;
	font-weight: 700;
}

#overlayContainerWH.branch-commission-popup #loader input[type="text"],
#overlayContainerWH.branch-commission-popup #loader select {
	background: #ffffff;
	border: 1px solid #cfe0d4;
	border-radius: 7px;
	color: #1e362a;
	height: 32px;
	min-width: 90px;
	padding: 5px 8px;
}

#overlayContainerWH.branch-commission-popup #loader input[type="button"] {
	border: 1px solid #1b7d4b;
	border-radius: 8px;
	color: #ffffff;
	cursor: pointer;
	font-size: 12px;
	font-weight: 700;
	margin-left: 4px;
	padding: 8px 11px;
	text-transform: uppercase;
}

#overlayContainerWH.branch-commission-popup #loader input[type="button"][onclick*="save"] {
	background: linear-gradient(135deg, #2fb57c 0%, #1f8e61 100%);
}

#overlayContainerWH.branch-commission-popup #loader input[type="button"][onclick*="hide"] {
	background: linear-gradient(135deg, #2a7ec4 0%, #1f68a5 100%);
	border-color: #2068a2;
}