.wrapper .row.notificationBar {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media(max-width: 950px) {
	html, body {
		overflow-x: hidden;
	}
}

@media (max-width: 500px) {

	/* ---- Login layout (mobile) ---- */
	.login-layout .card {
		margin: 0 auto 1.25rem auto;
		max-width: 380px;
	}

	.login-layout .card .card-body {
		padding-top: 1.25rem;
	}

	.login-layout-row {
		display: flex;
		flex-direction: column;
	}
	.login-layout-row .login-right { order: 1; }
	.login-layout-row .login-left  {
		order: 2;
		margin-top: 1rem;
		max-width: 380px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		box-sizing: border-box;
	}

	/* Login card footer */
	.login-card-footer {
		display: block !important;
	}
	.login-card-footer .col-sm-12 {
		padding-left: 0;
		padding-right: 0;
		display: flex;
		flex-direction: column;
		align-items: stretch;
		text-align: center;
	}
	.login-card-footer button {
		float: none;
		display: block;
		width: 100%;
		margin: 0 0 0.5rem 0;
		box-sizing: border-box;
	}
	.login-card-footer a {
		float: none;
		display: block;
		margin-top: 0;
		margin-bottom: 0;
	}
	.login-paynow-block {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		margin-top: 0.75rem;
	}
	.login-paynow-block .login-paynow-text {
		margin-bottom: 0.5rem;
		text-align: left;
	}
	.login-paynow-block .login-paynow-btn {
		display: block;
		width: 100%;
		text-align: center;
		box-sizing: border-box;
	}
	/* Need an Account? + Register Now */
	.login-register-block {
		display: block;
		text-align: center;
		margin-top: 0.5rem;
	}
	.login-register-block table {
		width: 100%;
		margin: 0;
	}
	.login-register-block tr {
		display: block;
	}
	.login-register-block td {
		display: block;
		text-align: center;
		padding: 0.25rem 0;
	}
	.login-register-block .login-register-btn {
		display: inline-block;
		min-width: 200px;
		text-align: center;
	}

	/* Notification bars (Auto Pay failure, expired profile, pilot mode, etc.) */
	.row.notificationBar {
		display: flex !important;
		visibility: visible !important;
		max-width: 100%;
		box-sizing: border-box;
		margin-left: 0.75rem;
		margin-right: 0.75rem;
		justify-content: center;
		padding-top: 0.5rem;
	}
	.row.notificationBar .col,
	.row.notificationBar .col-sm-12 {
		flex: 1 1 auto;
		min-width: 0;
		max-width: 100%;
		box-sizing: border-box;
		overflow-wrap: break-word;
		word-wrap: break-word;
		white-space: normal;
		padding: 0.5rem 0.75rem;
		line-height: 1.4;
		text-align: center;
	}
	.row.notificationBar .badge {
		white-space: normal !important;
		text-align: center;
		line-height: inherit;
		display: block;
		width: 100%;
	}
	/* Notification bars – centered, even padding from screen, dynamic size */
	.mobile-content .row.notificationBar {
		display: flex !important;
		visibility: visible !important;
		margin-top: 0.5rem;
		margin-left: 0.75rem;
		margin-right: 0.75rem;
		max-width: 100%;
		width: calc(100% - 1.5rem);
		box-sizing: border-box;
		justify-content: center;
	}
	.mobile-content .row.notificationBar:first-child,
	.mobile-content .row.notificationBar.mb-1 { margin-top: 0.25rem; }
	.mobile-content .row.notificationBar .col,
	.mobile-content .row.notificationBar .col-sm-12 {
		min-width: 0;
		padding: 0.5rem 0.75rem;
		font-size: 0.875rem;
		text-align: center;
	}
	.mobile-content .row.notificationBar .badge.fs-6 {
		font-size: 0.875rem !important;
		text-align: center;
	}

	/* ---- Dashboard summary cards (mobile) ---- */
	.mobile-content .dashboardWell .dashboard-card-header {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		padding-bottom: 1rem;
		margin-bottom: 0.5rem;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);

	}
	.mobile-content .dashboardWell .dashboard-card-header .float-end {
		float: none !important;
	}
	/* Invoice Summary: */
	.mobile-content .dashboardWell form[id$="invoiceSummaryForm"] {
		position: relative;
	}
	.mobile-content .dashboardWell form[id$="invoiceSummaryForm"] .dashboard-card-header {
		padding-right: 160px; /* reserve space for 140px button + gap */
	}
	.mobile-content .dashboardWell form[id$="invoiceSummaryForm"] .dashboard-pay-invoices-col {
		position: absolute;
		top: -0.25rem;
		right: 0;
		width: auto;
		padding: 0;
		margin: 0;
	}
	.mobile-content .dashboardWell form[id$="invoiceSummaryForm"] .dashboard-pay-invoices-col .float-end {
		float: none !important;
	}
	.mobile-content .dashboardWell .dashboard-summary-content {
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
	}
	.mobile-content .dashboardWell .dashboard-summary-item {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.mobile-content .dashboardWell .dashboard-summary-item small.text-muted {
		order: -1;
		flex: 0 0 auto;
		margin: 0;
		font-size: 1rem;
	}
	.mobile-content .dashboardWell .dashboard-summary-item .ui-commandlink,
	.mobile-content .dashboardWell .dashboard-summary-item > .ui-outputlabel,
	.mobile-content .dashboardWell .dashboard-summary-item > h:outputText,
	.mobile-content .dashboardWell .dashboard-summary-item > a,
	.mobile-content .dashboardWell .dashboard-summary-item .ui-widget {
		flex: 0 1 auto;
		text-align: right;
		font-size: 1rem;
	}
	.mobile-content .dashboardWell .dashboard-summary-item br {
		display: none;
	}
	.mobile-content #recentActivityForm .ui-datatable.becTable .ui-datatable-tablewrapper,
	.mobile-content #recentActivityForm .ui-datatable.becTable table {
		margin-left: 0 !important;
		padding-left: 0 !important;
	}
	.mobile-content #recentActivityForm .ui-datatable.becTable .ui-datatable-data > tr > td {
		padding-left: 0 !important;
	}

	/* ---- Base layout (mobile-layout, mobile-content) ---- */
	.mobile-layout {
		background-color: #f5f7fb;
		max-width: 100% !important;
	}
	.mobile-layout .body {
		padding: 0 !important;
		background-color: #f5f7fb;
	}
	.mobile-content {
		padding: 0 0 0.75rem 0 !important;
		background-color: #f5f7fb;
	}

	/* ---- Header (mobile-header) ---- */
	.mobile-header {
		border-bottom: 1px solid #e5e9f0 !important;
		background-color: #fff !important;
	}
	.mobile-header .container-fluid {
		padding: 0.5rem 0.75rem !important;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		gap: 0.5rem;
		min-width: 0;
	}
	.mobile-header .header-toggler {
		margin-right: 0.25rem;
		flex-shrink: 0;
	}
	/* Brand / logo */
	.mobile-header .header-brand {
		margin: 0;
		padding: 0;
		display: flex;
		align-items: center;
		flex-shrink: 1;
		min-width: 0;
		max-width: 40%;
	}
	.mobile-header .header-brand img.logo,
	.mobile-header .header-brand .logoImg {
		max-height: 32px;
		max-width: 100%;
		width: auto;
		height: auto;
		object-fit: contain;
	}
	.mobile-header .header-nav {
		flex-shrink: 0;
		white-space: nowrap;
	}
	/* Language + "AP" pill row (mobile) */
	.mobile-header .header-nav.forlocales {
		gap: 0.5rem;
		flex-shrink: 0;
	}
	.mobile-header .header-acct-dropdown-row {
		flex-basis: 100%;
		width: 100%;
		order: 1;
		border-top: 1px solid #e5e9f0;
		padding: 0.25rem 0 0.35rem;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.mobile-header .header-acct-dropdown-row form {
		width: 100%;
		justify-content: center;
		padding-top: 0.25rem;
	}
	.mobile-header .header-acct-dropdown-row .selecctMenuStyle01,
	.mobile-header .header-acct-dropdown-row .ui-selectonemenu {
		width: 100%;
		min-width: 0;
	}
	.mobile-header .forlocales .nav-item { padding: 0; }
	.mobile-header .header-nav.ms-3 { margin-left: 0.25rem !important; }
	.mobile-header .avatar.avatar-md {
		width: 1.75rem;
		height: 1.75rem;
		font-size: 0.75rem;
		flex-shrink: 0;
	}

	/* ---- Blue info panel (page header, address, net balance rows) ---- */
	.mobile-layout .bg-info-panel.mt-2 {
		margin-top: 0 !important;
		border-radius: 0;
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 0.25rem;
		padding: 0.5rem 0.75rem 0.625rem;
	}
	.mobile-layout .bg-info-panel.mt-2 .px-2 {
		width: 100%;
		padding: 0.25rem 0;
		border-top: 1px solid #d7e0ee;
	}
	.mobile-layout .bg-info-panel.mt-2 .page-header-row {
		border-top: none;
		display: flex;
		flex-direction: column-reverse;
		align-items: flex-start;
		gap: 0.25rem;
	}
	.mobile-layout .bg-info-panel.mt-2 .page-header-row .breadcrumb { margin-bottom: 0; }

	.mobile-layout .bg-info-panel.mt-2 .customer-address-row address {
		font-size: 0.75rem;
		line-height: 1.35;
		margin-bottom: 0;
		color: rgba(44, 56, 74, 0.95);
	}
	.mobile-layout .bg-info-panel.mt-2 .customer-address-row address strong { font-size: 0.8125rem; }
	.mobile-layout .bg-info-panel.mt-2 .customer-address-row address label { display: inline; }
	.mobile-layout .bg-info-panel.mt-2 .customer-address-row .address-state-zip-country {
		display: block;
		white-space: nowrap;
		margin-top: 0.125rem;
	}

	.mobile-layout .bg-info-panel.mt-2 .net-balance-row {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.mobile-layout .bg-info-panel.mt-2 .net-balance-row .net-balance-label {
		flex: 0 0 100%;
		margin-bottom: 0.25rem;
		color: rgba(44, 56, 74, 0.95);
		font-size: 0.75rem;
		font-weight: 400;
	}
	.mobile-layout .bg-info-panel.mt-2 .net-balance-row .net-balance-value {
		flex: 0 0 auto;
		color: rgba(44, 56, 74, 0.95);
		font-size: 0.8125rem;
		font-weight: 700;
	}
	.mobile-layout .bg-info-panel.mt-2 .net-balance-row .net-balance-actions { margin-left: auto; }
	.mobile-layout .bg-info-panel.mt-2 .net-balance-row ul.nav {
		display: flex;
		align-items: center;
		padding: 0;
		list-style: none;
	}
	.mobile-layout .bg-info-panel.mt-2 .net-balance-row ul.nav li { display: inline-flex; align-items: center; }
	.mobile-layout .bg-info-panel.mt-2 .net-balance-row ul.nav img {
		width: 0.6875rem;
		height: 0.6875rem;
		vertical-align: middle;
	}
	.mobile-layout .bg-info-panel.mt-2 .net-balance-row ul.nav a,
	.mobile-layout .bg-info-panel.mt-2 .net-balance-row ul.nav .ui-commandlink {
		color: #2196F3;
		font-size: 0.75rem;
		font-weight: 400;
	}
	.mobile-layout .bg-info-panel.mt-2 .fs-5 { font-size: 1rem; }

	/* ---- Invoice card (Open Invoices page) ---- */
	.invoice-card {
		padding: 0.75rem;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 0.5rem;
	}
	.invoice-card .card-body { padding: 0.75rem !important; }
	.invoice-card-header {
		padding-top: 0.5rem;
		padding-right: 0.75rem;
		padding-left: 0.5rem;
	}
	.invoice-card-header .me-2,
	.invoice-card-header .d-inline-block {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.invoice-card-header .d-inline-block .ui-button,
	.invoice-card-header .d-inline-block .btn {
		margin-right: 0.25rem;
	}

	/* ---- Invoice toolbar (search + totals row) ---- */
	.invoice-toolbar-row {
		display: flex;
		flex-wrap: wrap;
	}
	.invoice-toolbar-row .invoice-bar-align > * {
		display: flex;
		align-items: center;
		gap: 0.5rem;
		flex-wrap: nowrap;
		width: 100%;
	}
	.invoice-toolbar-row .invoice-bar-align .invoice-sort-icon {
		flex-shrink: 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		line-height: 0;
	}
	.invoice-toolbar-row .invoice-bar-align .invoice-sort-icon img {
		display: block;
		width: 12px;
		height: 12px;
	}
	.invoice-toolbar-row .invoice-bar-align .ui-selectonemenu {
		flex: 1 1 0;
		min-width: 0;
		border-radius: 0.375rem;
		border: 1px solid #dee2e6;
		box-sizing: border-box;
	}
	.invoice-toolbar-row .invoice-bar-align .ui-selectonemenu .ui-selectonemenu-label {
		text-align: center;
	}
	.invoice-toolbar-row .invoice-bar-align .ui-autocomplete {
		flex: 1 1 0;
		min-width: 0;
		border-radius: 0.375rem;
		border: 1px solid #dee2e6;
		box-sizing: border-box;
	}
	.invoice-toolbar-row .invoice-bar-align .ui-autocomplete input.ui-inputfield,
	.invoice-toolbar-row .invoice-bar-align .ui-autocomplete .ui-inputfield {
		border: none;
		border-radius: 0.375rem;
		padding: 0.375rem 0.75rem;
		width: 100%;
		box-sizing: border-box;
	}
	.invoice-toolbar-row .invoice-bar-align .ui-autocomplete input::placeholder {
		color: #6c757d;
	}
	.invoice-toolbar-row .invoice-bar-align .search-panel { box-sizing: border-box; }
	.invoice-toolbar-row .invoice-bar-align .searchText { box-sizing: border-box; }
	.invoice-toolbar-row .invoice-bar-align .ml-3,
	.invoice-toolbar-row .invoice-bar-align .mr-3,
	.invoice-toolbar-row .invoice-bar-align .mb-2 {
		margin: 0 !important;
		margin-bottom: 0.5rem !important;
	}
	.invoice-toolbar-row .invoice-bar-align,
	.invoice-toolbar-row .invoice-toolbar-totals {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.invoice-toolbar-row .invoice-toolbar-totals {
		order: 1;
		margin-top: 0.15rem;
		margin-bottom: 0.75rem;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
		gap: 0.5rem;
	}
	.invoice-toolbar-row .invoice-bar-align {
		order: 2;
	}
	.invoice-toolbar-row .invoice-toolbar-totals .float-end { float: none !important; }
	.invoice-toolbar-row .invoice-toolbar-totals .fw-semibold { font-size: 0.9rem; }

	/* Mobile: order totals contents as label, value, count, download */
	.invoice-toolbar-row .invoice-toolbar-totals > *:nth-child(4) { order: 1; } /* Total Balance label */
	.invoice-toolbar-row .invoice-toolbar-totals > *:nth-child(3) { order: 2; } /* balance value */
	.invoice-toolbar-row .invoice-toolbar-totals > *:nth-child(2) { order: 3; } /* count */
	.invoice-toolbar-row .invoice-toolbar-totals > *:nth-child(1) { order: 4; } /* Excel download button */
	.invoice-toolbar-row .invoice-toolbar-totals > *:nth-child(1) {
		margin-left: auto;
	}

	/* ---- Pagination (mobile) ---- */
	.pagination-row {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		padding-top: 0.75rem;
		padding-bottom: 0.75rem;
		margin-bottom: 0.75rem;
		border-bottom: 1px solid #e5e9f0;
	}

	/* ---- Data table (mobile): two-column layout ---- */
	.mobile-content .ui-datatable-reflow .ui-datatable-tablewrapper,
	.mobile-content .ui-datatable-reflow .ui-datatable-data,
	.mobile-content .ui-datatable-reflow table,
	.mobile-content .ui-datatable-reflow tbody {
		padding: 0 !important;
		margin: 0 !important;
	}
	body .mobile-content .ui-datatable-reflow .ui-datatable-data > tr > td,
	body .mobile-content .ui-datatable-reflow .ui-datatable-odd > tr > td,
	.mobile-content .ui-datatable-reflow.ui-datatable-sm .ui-datatable-data > tr > td,
	.mobile-content .ui-datatable-reflow .ui-datatable-data > tr > td,
	.mobile-content .ui-datatable-reflow .ui-datatable-odd > tr > td {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-right: 0 !important;
	}
	.mobile-content .ui-datatable-reflow .ui-datatable-data > tr,
	.mobile-content .ui-datatable-reflow .ui-datatable-odd > tr {
		background-color: #f8fafc;
		border-radius: 8px;
		margin-bottom: 0.75rem;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: flex-start;
		padding: 0.5rem 0.75rem 0.5rem 0.25rem;
	}
	.mobile-content .ui-datatable-reflow .ui-selection-column.inv-sel,
	.mobile-content .ui-datatable-reflow td.ui-selection-column.inv-sel {
		order: -999;
		flex: 0 0 auto;
		align-self: center;
		padding: 0.25rem 0.5rem 0.25rem 0 !important;
		margin-left: 0 !important;
		border: none;
	}
	/* Pay Invoices: hide 'Select' label */
	#payInvoiceForm .ui-datatable-reflow td.ui-selection-column .ui-column-title,
	#payInvoiceForm .ui-datatable-reflow td.ui-selection-column::before {
		display: none !important;
	}
	/* Data cells: */
	.mobile-content .ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden):not(.ui-selection-column),
	.mobile-content .ui-datatable-reflow .ui-datatable-odd td[role="gridcell"]:not(.ui-helper-hidden):not(.ui-selection-column) {
		flex: 1 1 100%;
		border: 0 none;
		padding: 0.2rem 0 !important;
		margin-left: 0 !important;
		box-sizing: border-box;
		align-items: center;
		min-width: 0;
	}
	.mobile-content .ui-datatable-reflow td[role="gridcell"] .ui-column-title,
	.mobile-content .ui-datatable-reflow td[role="gridcell"]::before {
		flex: 0 0 40%;
		min-width: 0;
		font-weight: 600;
		color: inherit;
		padding-right: 0.5rem;
	}
	.mobile-content .ui-datatable-reflow td[role="gridcell"]::before {
		content: attr(data-label);
	}

	html:not([dir=rtl]) .text-end {
		text-align: left !important;
	}

	html:not([dir=rtl]) .text-center {
		text-align: left !important;
	}

	.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
		margin: 0px !important;
	}

	.ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden) {
		width: 10% !important;
		margin-left: 1rem !important;
	}

	.mobile-content .ui-datatable-reflow td[role="gridcell"] .ui-cell-data,
	.mobile-content .ui-datatable-reflow td[role="gridcell"] > *:not(.ui-column-title) {
		flex: 0 1 auto;
		max-width: 55%;
		text-align: right;
		min-width: 0;
		float: none !important;
	}
	.mobile-content .ui-datatable-reflow td[role="gridcell"]:not([data-label]) .ui-column-title {
		margin-right: 0.5rem;
	}
	.mobile-content .ui-datatable-reflow td.inv-balance [class*="ui-cell-data"],
	.mobile-content .ui-datatable-reflow td.inv-balance > *:not(.ui-column-title),
	.mobile-content .ui-datatable-reflow td.inv-status [class*="ui-cell-data"],
	.mobile-content .ui-datatable-reflow td.inv-status > *:not(.ui-column-title),
	.mobile-content .ui-datatable-reflow td.inv-dayspd > *:not(.ui-column-title) {
		text-align: right;
	}

	/* Filter Invoices (customer search) */
	.ui-grid {
		margin-bottom: 1rem !important;
	}
	.ui-autocomplete{
		display: flex !important;
	}

	/* ---- Step 3 Payment information */
	#ptpDetialsForm .card-body .row.mb-2 {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	#ptpDetialsForm .card-body .row.mb-2 > [class*="col-"] {
		padding-left: 0 !important;
		padding-right: 0 !important;
		max-width: 100%;
	}
	#ptpDetialsForm .card-body .row:has(.ui-chkbox),
	#ptpDetialsForm .card-body .row:has(.ui-selectonemenu) {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		width: 100%;
		min-height: 3rem;
		margin-left: 0;
		margin-right: 0;
		box-sizing: border-box;
	}
	#ptpDetialsForm .card-body .row:has(.ui-chkbox) {
		margin-bottom: 1rem;
		background: #f8fafc;
		border-radius: 8px;
	}
	#ptpDetialsForm .card-body .row:has(.ui-selectonemenu) {
		background: #f8fafc;
		border-radius: 8px;
	}
	#ptpDetialsForm .card-body .row:has(.ui-chkbox) > [class*="col-"],
	#ptpDetialsForm .card-body .row:has(.ui-selectonemenu) > [class*="col-"] {
		flex: 0 0 100%;
		max-width: 100%;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		margin-top: 0.5rem;
	}
	/* Step 3: */
	#ptpDetialsForm .card-body .row:has(.ui-selectonemenu) .ui-inputgroup {
		width: 100%;
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		align-items: center;
		gap: 0.5rem;
	}
	#ptpDetialsForm .card-body .row:has(.ui-selectonemenu) .ui-inputgroup > .row:first-child {
		flex: 0 0 auto;
		margin: 0 !important;
	}
	#ptpDetialsForm .card-body .row:has(.ui-selectonemenu) .ui-inputgroup > .row:nth-child(2) {
		flex: 1 1 0;
		min-width: 0;
		margin: 0 !important;
	}
	#ptpDetialsForm .card-body .row:has(.ui-selectonemenu) .ui-inputgroup > div:not(.row) {
		flex: 0 0 100%;
		width: 100%;
		box-sizing: border-box;
	}
	#ptpDetialsForm .card-body .row:has(.ui-selectonemenu) .ui-inputgroup > .row [class*="col-"] {
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
		float: none !important;
	}
	#ptpDetialsForm .card-body .row:has(.ui-selectonemenu) .ui-inputgroup > .row:first-child .ui-inputgroup-addon {
		white-space: nowrap;
		font-size: 0.85rem;
	}
	#ptpDetialsForm .card-body .row:has(.ui-selectonemenu) .ui-inputgroup > .row:nth-child(2) .ui-inputgroup-addon {
		flex: 1 1 0;
		min-width: 0;
		width: 100%;
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
		min-height: 0 !important;
		align-items: center;
	}
	#ptpDetialsForm .card-body .row:has(.ui-selectonemenu) .ui-selectonemenu {
		width: 100% !important;
		min-width: 0 !important;
		font-size: 0.85rem;
		box-sizing: border-box;
		min-height: 0 !important;
		height: auto !important;
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
		line-height: 1.3 !important;
	}
	#ptpDetialsForm .card-body .row:has(.ui-selectonemenu) .ui-selectonemenu .ui-selectonemenu-label {
		padding-bottom: 0.2rem !important;
		line-height: 1.3 !important;
	}
	#ptpDetialsForm .card-body .row:has(.ui-selectonemenu) .float-end {
		float: none !important;
	}
	#ptpDetialsForm .card-body .row:has(.ui-selectonemenu) .ui-inputgroup > div:has(.cvv-addon) {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	#ptpDetialsForm .card-body .row:has(.ui-selectonemenu) .cvv-addon {
		width: fit-content !important;
		max-width: 100%;
		display: inline-flex !important;
		align-items: center;
		gap: 0.5rem;
		box-sizing: border-box;
	}
	#ptpDetialsForm .card-body .row:has(.ui-selectonemenu) .cvv-addon .cvv-input,
	#ptpDetialsForm .card-body .row:has(.ui-selectonemenu) .cvv-addon [id$="profileCvv"] {
		width: 5rem !important;
		min-width: 5rem;
		flex: 0 0 auto;
	}

	/* Payments and Adjustments sidebar */
	.ui-sidebar.ui-sidebar-right.ui-sidebar-right-medium[id$="invoiceReceiptsDialog"],
	.ui-sidebar.ui-sidebar-right.ui-sidebar-right-medium[id$="invoiceReceiptsDetailsDialog"] {
		width: 100% !important;
	}
	/* Payments and Adjustments sidebar */
	.ui-sidebar[id$="invoiceReceiptsDialog"] .card-body .ui-datatable:first-of-type,
	.ui-sidebar[id$="invoiceReceiptsDetailsDialog"] .card-body .ui-datatable:first-of-type {
		font-size: 0.9em;
	}

	/* Block background scroll when any sidebar is open */
	html:has(.ui-sidebar-active),
	body:has(.ui-sidebar-active) {
		overflow: hidden !important;
		touch-action: none;
		overscroll-behavior: none;
	}
	body:has(.ui-sidebar-active) .wrapper,
	body:has(.ui-sidebar-active) .body,
	body:has(.ui-sidebar-active) .mobile-content {
		overflow: hidden !important;
		touch-action: none;
	}

	/* Hide tooltips when sidebar is open */
	body:has(.ui-sidebar-active) .ui-tooltip,
	body:has(.ui-sidebar-active) .ui-tooltip-text {
		visibility: hidden !important;
		opacity: 0 !important;
	}
	
	.steps-bg {
	overflow-x: auto;
	}
	
	/* Payments and Adjustments sidebar */
	.ui-sidebar.ui-sidebar-right.ui-sidebar-right-medium[id$="invoiceCreditDialog"],
	.ui-sidebar.ui-sidebar-right.ui-sidebar-right-medium[id$="invoiceCreditDialog"] {
		width: 100% !important;
	}
	/* Payments and Adjustments sidebar */
	.ui-sidebar[id$="invoiceCreditDialog"] .card-body .ui-datatable:first-of-type,
	.ui-sidebar[id$="invoiceCreditDialog"] .card-body .ui-datatable:first-of-type {
		font-size: 0.9em;
	}
}