/* disabledHelp links */
a.menuhelp {
    display: none;
}
.nosubmit li#MakeAClaimLink {
    cursor: not-allowed;
    pointer-events: none;
    filter: opacity(0.5);
    filter: grayscale(1);
}

.nosubmit .submitbutton {
    cursor: not-allowed;
    pointer-events: none;
    filter: opacity(0.5)!important;
    filter: grayscale(1);
}

html {}

body {    font-size: 14px !important;}

.card-body #navigator {
	float: right;
}
.ricon {
  width: 5px;
  height: 5px;
  fill: red;
  vertical-align: top;
  margin: 0px!important;
  /* float: right; */
  margin-top: 5px!important;
}

#tenant-logo {
	max-height: 32px;
	float: right;
}

.navigation-clean.brandcolour {}

.sidebar-dark .nav-item .nav-link.active,
.sidebar-dark .nav-item .nav-link:active {
	color: #4c4956;
}

.bg-tenovusblue {
	background-color: #0086c9;
	/*color: black;*/
}

.bg-grey {
	background-color: rgb(238, 238, 238);
}

.alert:empty {
	display: none;
}

/* BUTTONS */
.btn-primary:hover,
.btn-cancel:hover {
	color: #fff;
	background-color: var(--brand-highlight-color);
	border-color: var(--brand-highlight-color);
}

.btn-primary,
.btn-cancel {
	color: #fff;
	background-color: var(--brand-highlight-color) !important;
	border-color: var(--brand-highlight-color) !important;
}

.btn-secondary,
.btn-save {
	--bs-btn-color: #fff;
	--bs-btn-bg: #6c757d;
	--bs-btn-border-color: #6c757d;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #5c636a;
	--bs-btn-hover-border-color: #565e64;
	--bs-btn-focus-shadow-rgb: 130, 138, 145;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #565e64;
	--bs-btn-active-border-color: #51585e;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #6c757d;
	--bs-btn-disabled-border-color: #6c757d;
}


#LookUpNumberButton {
	white-space: nowrap;
}
#AddCommunityBuildingButton,
#AddConnectedCharityButton,
#UserEditSaveButton,
#SaveCCButton,#SaveButtonCB,
#SalesDataApplyButton,
#SalesEditSaveButton,
#AddDonationButton,
#ConnectedCharityAdd, .smallbtn .btn {
	background-color: #1cc88a !important;
	border: #1cc88a !important;
}

#SalesDataApplyButton:disabled,
#SalesEditSaveButton:disabled {
	background-color: var(--brand-highlight-color) !important;
}

#ParamsCancelButton::before,
#SalesEditCancelButton::before,
#IdEditCancelButton::before,
#CancelButton::before,
#CancelSalesButton::before,
#CancelAndNew::before,
#CancelAndFinish::before,
#CloseButton::before,
#SearchCloseButton::before,
#DonationsCloseButton::before,
#DonorCloseButton::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f08b";
	margin-right: 10px;
	font-size: 14px !important;
}


#R68Link a::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f1c1";
    margin-right: 10px;
    font-size: 14px !important;
}
#AddDonationButton::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f51e";
	margin-right: 10px;
	font-size: 14px !important;
}


#ConnectedCharityAdd::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f1ad";
	margin-right: 10px;
	font-size: 14px !important;
}

/*
LOCK APPLICATION DISABLED
 #TTL::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f023";
	margin-right: 10px;
	font-size: 14px !important;
} */

#UserEditSaveButton::before,
#SaveCCButton::before,#SaveButtonCB::before,
#ParamsOKButton::before,
#IdEditOKButton::before,
#EditSalesButton::before,
#SaveButton::before,
#SaveAndNew::before,
#SaveAndFinish::before,
#SalesEditSaveButton::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f0c7 ";
	margin-right: 10px;
	font-size: 14px;
}
#RefreshButton::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f560";
	margin-right: 10px;
	font-size: 14px;
}


#SalesDataResetButton {
	background-color: grey;
	border-color: #808080 !important;
	color: white;
}

#IdEditOKButton,
#ParamsOKButton {
	background-color: #1cc88a !important;
	border-color: #1cc88a !important;
	color: black;
}

#ParamsCancelButton {
	background-color: #858796;
	border-color: #858796;
	color: black;
}

#IdEditOKButton:disabled {
	color: #fff;
	background-color: #858796 !important;
	border-color: #858796 !important;
}

.clickable::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f044";
	margin-right: 5px;
	font-size: 14px;
	cursor: pointer;
}

#DownloadLetterLink::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f019";
	margin-right: 10px;
	font-size: 14px;
}

#DownloadLetterLink a {
	text-decoration: none;
	color: white;
}

span#SubCaption {
	display: inline-block;
	color: #cb1479;
	font-size: 18px;
	margin-bottom: 10px;
	/*float: right;*/
	font-weight: bold;
}

div {}

#AddButton::before,
#NewButton::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\2b";
	margin-right: 10px;
	font-size: 14px;
}

#EditButton::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f044 ";
	margin-right: 10px;
	font-size: 14px;
}

#PlaceJobButton::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f07c";
	margin-right: 10px;
	font-size: 14px;
}

#RequestButton::before,
#NewPasswordButton::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f09c ";
	margin-right: 10px;
	font-size: 14px;
}

#ClearSelectButton::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f12d ";
	margin-right: 10px;
	font-size: 14px;
}

#ChangePasswordButton::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f021";
	margin-right: 10px;
	font-size: 14px;
}

#CompleteButton::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f00c";
	margin-right: 10px;
	font-size: 14px;
}

#RefreshJobsButton::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f021";
	margin-right: 10px;
	font-size: 14px;
}

#DownloadButton::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f019 ";
	margin-right: 10px;
	font-size: 14px;
}

#MatchButton::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f52c";
	margin-right: 10px;
	font-size: 14px;
}

#AdvancedSearchButton::before,
#FindSelectButton::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f002";
	margin-right: 10px;
	/*font-size: 20px;*/
}

#OrderButton::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f65e ";
	margin-right: 10px;
	font-size: 14px;
}

/* td .btn::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  content: "\f044 ";
  margin-right: 5px;
  font-size: 14px;
} */

td .btn {
	/*font-family: "Font Awesome 6 Pro";*/
	/*font-weight: 900;*/
	/*content: "\f044 ";*/
	/*margin-right: 10px;*/
	/*font-size: 20px;*/
	padding: 1px;
	padding: 0px !important;
}

div#childspan {
	padding: 20px;
}

#MainPanel {
	text-align: left !important;
	padding: 0px !important;
}

#navigator {
	/*float: right;*/
	/* padding-bottom: 25px; */
	/* padding-top: 25px; */
	/* z-index: 99; */
	text-align: right;
}

div {}

button {
	top: initial !important;
	left: initial !important;
	width: initial !important;
	position: initial !important;
}

.smxGiftAidClaimForm textarea.form-control {
	min-height: calc(1.5em + .75rem + 2px);
	min-height: 70px;
}


.PopUpForm,
.PopUp {
	box-shadow: none !important;
	height: auto !important;
	position: fixed !important;
	border: none !important;
	background-color: rgb(255, 255, 255) !important;
	padding-top: initial !important;
	border-radius: 5px;
	position: absolute;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%);
	box-shadow: 0 0.15rem 2rem 18px rgb(50 49 51 / 19%) !important;
	outline: 1500px solid #0000008a !important;
	width: auto !important;
	/* min-width: 600px; */
}

/* Job detail modal: kill white PopUpForm corners around the blue header. */
.PopUpForm:has(.job-detail-modal),
.PopUp:has(.job-detail-modal),
.PopUpForm.job-detail-popup {
	background-color: transparent !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	padding: 0 !important;
	box-shadow: none !important;
}

.PopUpForm.job-errors-popup,
.PopUpForm:has(.job-errors-modal) {
	/* Keep PopUpForm dim (outline), but don't paint a white shell around the modal. */
	background-color: transparent !important;
	border-radius: 8px !important;
	overflow: visible !important;
	padding: 0 !important;
	min-width: 420px;
	max-width: min(720px, 92vw);
	box-shadow: none !important;
}

.job-errors-modal {
	border: none;
	border-radius: 8px;
	overflow: hidden;
	background-color: #fff !important;
	box-shadow: 0 0.5rem 2rem rgba(50, 49, 51, 0.35) !important;
}

.job-errors-modal .modal-header {
	padding: 0.85rem 1.15rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	background: var(--brand-color);
	color: #fff;
}

.job-errors-modal .modal-title {
	color: #fff;
}

.job-errors-modal .modal-body {
	padding: 1.15rem;
	min-height: 0;
	background-color: #fff !important;
	color: #323133;
}

.job-errors-modal .modal-footer {
	padding: 0.75rem 1.15rem;
	border-top: 1px solid #e9ecef;
	justify-content: flex-end;
	background-color: #fff !important;
}

.PopUpForm:has(.job-detail-modal) .job-detail-modal,
.PopUp:has(.job-detail-modal) .job-detail-modal,
.PopUpForm.job-detail-popup .job-detail-modal {
	box-shadow: 0 0.15rem 2rem 18px rgb(50 49 51 / 19%) !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	background-color: #fff !important;
}

.row {}

body {
	color: #323133;
}

#navigator button {
	margin-left: 10px;
	min-height: 38px;
}

#SearchText::before {
	font-family: 'Font Awesome 6 Pro';
	content: '\f002';
	/*position: absolute;*/
	right: 6px;
}

#Pagination, #PaginationNumbers,
#SalesPagination {
	height: auto !important;
	margin: auto;
}

.navbar .dropdown-menu {
	background-color: white !important;
	border: none !important;
	margin: 0px !important;
	/* top: -15px; */
	position: absolute;
	min-width: auto !important;
	width: 250px;
	left: -170px;
}

.navbar .dropdown-menu .nav-link {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
}

.sidebar #sidebarToggle {
	text-align: center;
	margin-bottom: 1rem;
	cursor: pointer;
	bottom: 10px;
	width: 38px !important;
	height: 40px !important;
	position: absolute !important;
	left: 20px !important;
}

.modal-title, .HeadlineClass {
    font-weight: bold;
 margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height);
}

:root {
	--bs-blue: #32a3e6 !important;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #e83e8c;
	--bs-red: #e74a3b;
	--bs-orange: #fd7e14;
	--bs-yellow: #f6c23e;
	--bs-green: #1cc88a;
	--bs-teal: #20c9a6;
	--bs-cyan: #36b9cc;
	--bs-white: #fff;
	--bs-gray: #858796;
	--bs-gray-dark: #5a5c69;
	--bs-gray-100: #f8f9fc;
	--bs-gray-200: #eaecf4;
	--bs-gray-300: #dddfeb;
	--bs-gray-400: #d1d3e2;
	--bs-gray-500: #b7b9cc;
	--bs-gray-600: #858796;
	--bs-gray-700: #6e707e;
	--bs-gray-800: #5a5c69;
	--bs-gray-900: #3a3b45;
	--bs-primary: #32a3e6 !important;
	--bs-secondary: #858796;
	--bs-success: #10bbb7 !important;
	--bs-info: #10bbb7;
	--bs-warning: #f6c23e;
	--bs-danger: #e74a3b;
	--bs-light: #f8f9fc;
	--bs-dark: #3a3b45;
	--bs-primary-rgb: 50, 163, 230 !important;
	--bs-success-rgb: 28, 200, 138;
	--bs-info-rgb: 54, 185, 204;
	--bs-warning-rgb: 246, 194, 62;
	--bs-danger-rgb: 231, 74, 59;
	--bs-light-rgb: 248, 249, 252;
	--bs-dark-rgb: 58, 59, 69;
	--bs-white-rgb: 255, 255, 255;
	--bs-black-rgb: 0, 0, 0;
	--bs-body-rgb: 133, 135, 150;
	--bs-font-sans-serif: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-font-size: 1rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.5;
	--bs-body-color: #858796;
	--bs-body-bg: #fff;
}

#Pagination .pagination_button:first-of-type .page-link,#PaginationNumbers .pagination_button:first-of-type .page-link,
#SalesPagination .pagination_button:first-of-type .page-link {
	border-top-left-radius: 10PX;
	border-BOTTOM-left-radius: 10PX;
	padding-left: 20px;
}

#Pagination .pagination_button:last-of-type .page-link,#PaginationNumbers .pagination_button:last-of-type .page-link,
#SalesPagination .pagination_button:last-of-type .page-link {
	border-top-right-radius: 10PX;
	border-bottom-right-radius: 10PX;
	padding-right: 20px;
}

#MessageLabel:empty {
	display: none;
}

#SearchText {
	min-width: 330px;
}

#UserNameWarning {
	position: absolute;
	font-size: 11px;
	margin-top: 3px;
}
span#ShowErrors {
    border: none !important;
    font-size: 20px;
}
#ShopMessage {
	font-size: 11px;
	margin-top: 3px;
}

.modal-footer .pull-left {
	position: absolute;
	left: 0px;
}

.modal-footer .pull-left span {
	/* border: 1px solid black; */
}

.modal-footer #InternalIdLabel {backdrop-filter:red;}

.modal-footer ul.pagination {margin-bottom: 0!important;}
.modal-footer .pagination_button a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

#MainPanel {
	font-size: inherit !important;
	font-family: inherit !important;
	/*width: 975px;*/
}

button:disabled {
	color: #00000073 !important;
	/*text-decoration: line-through;*/
}

#MainPanel .card {
	/* max-width: 975px; */
	margin: auto;
	border-radius: 0px;
	border-left: 0px;
	border-right: 0px;
	font-size: 14px;
	border-radius: 15px;
}

.w975 {
	min-width: 975px;
}

select {
	min-width: 80px;
}

.card.New {
	border-left: #3d3d3d 5px solid !important;
	/*background: #3d3d3d40;*/
	color: #3d3d3d;
}

.card.Queued {
	border-left: #ddcc32 5px solid !important;
	/*background: #e9d94940;*/
	color: #9b874c;
}

.card.Processing {
	border-left: #ea03b7 5px solid !important;
	/*background: #ff572240;*/
	color: #ea03b7;
}

.card.Stalled {
  border-left: #fd7e14 5px solid!important;
  color: #c45c00;
}

.JobItem .card.job-card {
  position: relative;
  overflow: hidden;
  background-color: #fff;
}

.JobItem .card.job-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: var(--job-progress, 0%);
  background-color: currentColor;
  opacity: 0.10;
  pointer-events: none;
  z-index: 0;
  transition: width 0.7s ease;
}

.JobItem .card.job-card::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: var(--job-progress, 0%);
  background-color: currentColor;
  pointer-events: none;
  z-index: 1;
  transition: width 0.7s ease;
}

.JobItem .card.job-card.is-waiting::after {
  width: 100%;
  opacity: 0.35;
  background: repeating-linear-gradient(
    90deg,
    currentColor 0,
    currentColor 8px,
    transparent 8px,
    transparent 16px
  );
  animation: job-waiting-slide 1.2s linear infinite;
}

@keyframes job-waiting-slide {
  from { background-position: 0 0; }
  to { background-position: 16px 0; }
}

.JobItem .card.job-card.job-type-import.is-processing,
.JobItem .card.job-card.job-type-import.is-waiting {
  border-left-color: #6f42c1 !important;
  color: #6f42c1;
}

.JobItem .card.job-card.job-type-merge.is-processing,
.JobItem .card.job-card.job-type-merge.is-waiting {
  border-left-color: #0d6efd !important;
  color: #0d6efd;
}

.JobItem .card.job-card.job-type-prepare.is-processing,
.JobItem .card.job-card.job-type-prepare.is-waiting {
  border-left-color: #20c997 !important;
  color: #0f766e;
}

.JobItem .card.job-card.job-type-claim.is-processing,
.JobItem .card.job-card.job-type-claim.is-waiting {
  border-left-color: #ea03b7 !important;
  color: #ea03b7;
}

.JobItem .card.job-card.job-type-markpaid.is-processing,
.JobItem .card.job-card.job-type-markpaid.is-waiting {
  border-left-color: #198754 !important;
  color: #198754;
}

.JobItem .card.job-card.job-type-cancel.is-processing,
.JobItem .card.job-card.job-type-cancel.is-waiting {
  border-left-color: #dc3545 !important;
  color: #b02a37;
}

/* Stopped/complete fills: Failed text colour is black, so currentColor alone is wrong. */
.JobItem .card.job-card.is-failed::before,
.JobItem .card.job-card.is-failed::after {
  background-color: #ff1100;
}

.JobItem .card.job-card.is-cancelled::before,
.JobItem .card.job-card.is-cancelled::after {
  background-color: #d5a600;
}

.JobItem .card.job-card.is-complete::before,
.JobItem .card.job-card.is-complete::after {
  background-color: #009688;
}

.JobItem .card.job-card .card-body {
  position: relative;
  z-index: 1;
}

.JobItem .job-card-pct {
  position: absolute;
  right: 14px;
  bottom: 8px;
  font-size: 0.85rem;
  font-weight: 700;
  line-height: 1;
}

.JobItem .job-card-pct:empty {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .JobItem .card.job-card::before,
  .JobItem .card.job-card::after,
  .JobItem .card.job-card.is-waiting::after {
    transition: none;
    animation: none;
  }
}

tr.job-stalled,
tr.job-stalled td {
  background-color: #fff4e8 !important;
  color: #c45c00;
}

tr.job-stalled td:first-child {
  border-left: #fd7e14 4px solid;
}

.job-progress-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 9rem;
}

.job-detail-modal {
  border: 0;
  border-radius: 12px;
  overflow: hidden;
  background-clip: padding-box;
  background-color: #fff !important;
}

.job-detail-header {
  background: var(--brand-color);
  color: #fff;
  border-bottom: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.1rem 1.35rem;
  /* Beat global .modal-header { border-top-*-radius: 0.3rem } that leaves white corners. */
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important;
}

.job-detail-eyebrow {
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  font-weight: 600;
  opacity: 0.85;
  margin-bottom: 0.2rem;
}

.job-detail-header .modal-title,
.job-detail-header .form-label {
  color: #fff !important;
  font-weight: 700;
  font-size: 1.25rem;
}

.job-detail-id {
  flex: 0 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 999px;
  padding: 0.2rem 0.7rem;
  font-size: 0.8rem;
  font-weight: 600;
  white-space: nowrap;
}

.job-detail-body {
  padding: 1.25rem 1.35rem 1rem;
}

.job-detail-hero {
  margin-bottom: 1.25rem;
}

.job-detail-hero-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.35rem;
}

.job-detail-status {
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #6c757d;
}

.job-detail-pct {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
  color: #6c757d;
}

.job-detail-hero.is-processing .job-detail-status,
.job-detail-hero.is-processing .job-detail-pct,
.job-detail-hero.is-waiting .job-detail-status,
.job-detail-hero.is-waiting .job-detail-pct {
  color: #ea03b7;
}

.job-detail-hero.job-type-import.is-processing .job-detail-status,
.job-detail-hero.job-type-import.is-processing .job-detail-pct,
.job-detail-hero.job-type-import.is-waiting .job-detail-status,
.job-detail-hero.job-type-import.is-waiting .job-detail-pct {
  color: #6f42c1;
}

.job-detail-hero.job-type-merge.is-processing .job-detail-status,
.job-detail-hero.job-type-merge.is-processing .job-detail-pct,
.job-detail-hero.job-type-merge.is-waiting .job-detail-status,
.job-detail-hero.job-type-merge.is-waiting .job-detail-pct {
  color: #0d6efd;
}

.job-detail-hero.job-type-prepare.is-processing .job-detail-status,
.job-detail-hero.job-type-prepare.is-processing .job-detail-pct,
.job-detail-hero.job-type-prepare.is-waiting .job-detail-status,
.job-detail-hero.job-type-prepare.is-waiting .job-detail-pct {
  color: #0f766e;
}

.job-detail-hero.job-type-claim.is-processing .job-detail-status,
.job-detail-hero.job-type-claim.is-processing .job-detail-pct,
.job-detail-hero.job-type-claim.is-waiting .job-detail-status,
.job-detail-hero.job-type-claim.is-waiting .job-detail-pct {
  color: #ea03b7;
}

.job-detail-hero.job-type-markpaid.is-processing .job-detail-status,
.job-detail-hero.job-type-markpaid.is-processing .job-detail-pct,
.job-detail-hero.job-type-markpaid.is-waiting .job-detail-status,
.job-detail-hero.job-type-markpaid.is-waiting .job-detail-pct {
  color: #198754;
}

.job-detail-hero.job-type-cancel.is-processing .job-detail-status,
.job-detail-hero.job-type-cancel.is-processing .job-detail-pct,
.job-detail-hero.job-type-cancel.is-waiting .job-detail-status,
.job-detail-hero.job-type-cancel.is-waiting .job-detail-pct {
  color: #b02a37;
}

.job-detail-hero.is-complete .job-detail-status,
.job-detail-hero.is-complete .job-detail-pct {
  color: #009688;
}

.job-detail-hero.is-stalled .job-detail-status,
.job-detail-hero.is-stalled .job-detail-pct {
  color: #c45c00;
}

.job-detail-hero.is-failed .job-detail-status,
.job-detail-hero.is-failed .job-detail-pct {
  color: #c62828;
}

.job-detail-hero.is-cancelled .job-detail-status,
.job-detail-hero.is-cancelled .job-detail-pct {
  color: #a67c00;
}

.job-detail-hero.is-cancelled .job-detail-bar {
  background: #f5efd6;
}

.job-detail-hero.is-cancelled .job-detail-remaining {
  display: none;
}

.job-detail-detail {
  color: #495057;
  font-size: 0.92rem;
  margin-bottom: 0.55rem;
  min-height: 1.2em;
}

.job-detail-bar {
  height: 0.65rem;
  border-radius: 999px;
  background: #f1e6ef;
  overflow: hidden;
}

.job-detail-hero.job-type-import.is-processing .job-detail-bar,
.job-detail-hero.job-type-import.is-waiting .job-detail-bar {
  background: #efe8f8;
}

.job-detail-hero.job-type-merge.is-processing .job-detail-bar,
.job-detail-hero.job-type-merge.is-waiting .job-detail-bar {
  background: #e7f0ff;
}

.job-detail-hero.job-type-prepare.is-processing .job-detail-bar,
.job-detail-hero.job-type-prepare.is-waiting .job-detail-bar {
  background: #e6f7f3;
}

.job-detail-hero.job-type-claim.is-processing .job-detail-bar,
.job-detail-hero.job-type-claim.is-waiting .job-detail-bar {
  background: #f1e6ef;
}

.job-detail-hero.job-type-markpaid.is-processing .job-detail-bar,
.job-detail-hero.job-type-markpaid.is-waiting .job-detail-bar {
  background: #e6f4ec;
}

.job-detail-hero.job-type-cancel.is-processing .job-detail-bar,
.job-detail-hero.job-type-cancel.is-waiting .job-detail-bar {
  background: #f8e8ea;
}

.job-detail-bar-fill.is-processing,
.job-detail-bar-fill.is-waiting {
  background-color: #ea03b7 !important;
}

.job-detail-hero.job-type-import.is-processing .job-detail-bar-fill,
.job-detail-hero.job-type-import.is-waiting .job-detail-bar-fill {
  background-color: #6f42c1 !important;
}

.job-detail-hero.job-type-merge.is-processing .job-detail-bar-fill,
.job-detail-hero.job-type-merge.is-waiting .job-detail-bar-fill {
  background-color: #0d6efd !important;
}

.job-detail-hero.job-type-prepare.is-processing .job-detail-bar-fill,
.job-detail-hero.job-type-prepare.is-waiting .job-detail-bar-fill {
  background-color: #20c997 !important;
}

.job-detail-hero.job-type-claim.is-processing .job-detail-bar-fill,
.job-detail-hero.job-type-claim.is-waiting .job-detail-bar-fill {
  background-color: #ea03b7 !important;
}

.job-detail-hero.job-type-markpaid.is-processing .job-detail-bar-fill,
.job-detail-hero.job-type-markpaid.is-waiting .job-detail-bar-fill {
  background-color: #198754 !important;
}

.job-detail-hero.job-type-cancel.is-processing .job-detail-bar-fill,
.job-detail-hero.job-type-cancel.is-waiting .job-detail-bar-fill {
  background-color: #dc3545 !important;
}

.job-detail-bar-fill.is-complete {
  background-color: #009688 !important;
}

.job-detail-bar-fill.is-stalled {
  background-color: #fd7e14 !important;
}

.job-detail-bar-fill.is-failed {
  background-color: #c62828 !important;
}

.job-detail-bar-fill.is-cancelled {
  background-color: #d5a600 !important;
}

.job-detail-remaining {
  margin-top: 0.4rem;
  font-size: 0.82rem;
  color: #8a939c;
  min-height: 1.1em;
}

.job-detail-meta-label {
  font-size: 0.75rem;
  color: #8a939c;
  margin-bottom: 0.15rem;
}

.job-detail-meta-value {
  font-size: 0.95rem;
  color: #212529;
  font-weight: 500;
}

.job-detail-results-title {
  color: var(--brand-color);
  font-weight: 700;
  font-size: 1.05rem;
  margin-bottom: 0.15rem;
}

.job-detail-results-sub {
  color: #8a939c;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}

.job-detail-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: #e8ecf0;
  border: 1px solid #e8ecf0;
  border-radius: 8px;
  overflow: hidden;
}

.job-detail-stat-grid.cols-1 {
  grid-template-columns: minmax(0, 1fr);
}

.job-detail-stat-grid.cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.job-detail-stat-grid.cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.job-detail-stat-grid.cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.job-detail-stat {
  padding: 0.85rem 0.9rem;
  border-right: 0;
  background: #fff;
}

.job-detail-stat:last-child {
  border-right: 0;
}

.job-detail-stat-label {
  font-size: 0.75rem;
  color: #8a939c;
  margin-bottom: 0.25rem;
}

.job-detail-stat-value {
  font-size: 1.05rem;
  font-weight: 700;
  color: #212529;
  word-break: break-word;
}

.job-detail-stat-value.is-ok {
  color: #2e7d32;
}

.job-detail-stat-extra {
  margin-top: 0.75rem;
  font-size: 0.88rem;
  color: #495057;
}

.job-detail-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-top: 1px solid #e9ecef;
}

.job-detail-footnote {
  font-size: 0.8rem;
  color: #8a939c;
}

.job-detail-actions {
  display: flex;
  gap: 0.5rem;
  margin-left: auto;
}

@media (max-width: 700px) {
  .job-detail-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.job-progress-bar {
  flex: 1 1 auto;
  height: 1.25rem;
  min-width: 6rem;
  background-color: #e9ecef;
}

.job-progress-bar .progress-bar {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25rem;
}

.job-progress-label {
  flex: 0 0 auto;
  font-size: 0.8rem;
  color: #6c757d;
  white-space: nowrap;
}

.card.Processed {
	border-left: #2196f3 5px solid !important;
	/*background: #2196f340;*/
	color: #2196f3;
}

.card.Completed,
.card.Complete {
	border-left: #009688 5px solid !important;
	/*background: #00968840;*/
	color: #009688;
}

.card.Preview {
	border-left: var(--bs-cyan) 5px solid !important;
	/*background: #00968840;*/
	color: var(--bs-cyan);
}

.card.Failed {
	border-left: #ff1100 5px solid !important;
	/*background: #ff1100;*/
	color: #000000;
}

.card.Cancelled {
	border-left: #d5a600 5px solid !important;
	/*background: #d5a600;*/
	color: #a67c00;
}

.Failed .text-muted {
	/*border: #ff1100 1px solid;*/
	/*background: #ff1100;*/
	/*color: #000000!important;*/
}

.JobItem h4.card-title,
.Dashboard_ThingsToDo h4.card-title {
	font-size: 12px;
	max-width: 70%;
	font-weight: bold;
}

.Dashboard_ThingsToDo .Active {
	background-color: #fffa682e;
	border-left: 5px solid #fffa68 !important;
}

.JobItem .card-body:hover,
.Dashboard_ThingsToDo .card-body:hover {
	background: #f1f1f1;
}

.manual td span {
	font-size: 14px !important;
}

#EmailMessage {
	display: block;
	min-width: 100%;
	margin-bottom: 20px;
	text-align: right;
	font-weight: bold;
	color: #954e6e;
}

#RefreshJobsButton {
	/*float: right;*/
}

#RefundTable::before {
	content: "Refunds:";
	font-size: 14px !important;
	font-weight: bold;
	line-height: 35px;
}

.Dashboard_JobsList,
.Dashboard_ThingsToDo {
	display: block;
}

.Dashboard_JobsList>div,
.Dashboard_ThingsToDo>div {
	height: auto;
	/* margin-bottom: 10px; */
}

#DupesMessage ul {
	margin: 0px;
	display: inline;
	padding: 0px;
}

#Email {
	text-transform: lowercase;
}

#PostCode,
#PostCode,
input[Id*="Id"] {
	text-transform: uppercase;
}

#DupesMessage {
	margin-top: 10px;
	display: inline-block;
}

#UserEditMessage, #JobMessage {color:#dc3545!important;font-weight:Bold;background: #dc35451c !important;padding: 3px 5px 3px 5px;/* margin: 15px; */border-radius: 5px;/* border: solid 1px #dc3545!important; */max-width: 53%;font-size: smaller;text-align: center;display: inline-block;float: left;}
#UserEditMessage:empty, #JobMessage:empty {display:none;} 


form {}

tr th {
	font-weight: normal;
}

thead tr th {
	/* font-weight: bold; */
	color: black !important;
	font-size: 14px;
}


thead .sorting:before,
thead .sorting_desc:before,
thead .sorting_asc:before {
	float: right;
}

.labels label {
	/*float: initial;*/
	/*margin-right: 10px;*/
	font-size: smaller;
	margin: auto;
}

.labels {
	/*width: 990px!important;*/
	min-width: 990px !important;
}

label#UserNameLabel {
	font-weight: bold;
	color: var(--brand-color) !important;
}

label#TenantNameLabel {
	font-size: smaller;color: #6c757d !important;
}

 


#CloseThisButton {
	/* float: right; */
}

.fa-question-circle {
	line-height: 38px;
	font-size: 32px;
	float: right;
	margin-left: 15px;
}

ul#FileList {
	list-style: none;
}

h4 button#CloseThisButton {
	margin-top: -15px;
}

.nav-link i {
	color: rgb(76, 73, 86) !important;
	padding-right: 30px;
	font-size: 20px !important;
}

.sidebar-dark .nav-item .nav-link {
	color: #4c4956;
	padding-top: 5px;
	font-weight: bold;
}

.sidebar .sidebar-brand {
	height: 85px;
	text-decoration: none;
	font-size: 26px;
}

a[href$=".pdf"]::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f1c1";
	margin-right: 5px;
	font-size: 18px;
}

.modal-footer {
	background: #f3f4f7;
}

@media (max-width: 768px) {
	.sidebar-dark .nav-item .nav-link i {
		display: block;
		min-width: 100px;
		float: left;
		margin-bottom: 5px;
		margin-top: 20px;
	}
}

.modal-dialog {
	position: absolute;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%)!important;
	min-width: 400px;
}

.id-control {
	text-transform: uppercase;
}

#SheetCount {
	max-width: 48px;
	float: right;
	margin-left: 15px;
}

.sheet-label {
	line-height: 38px;
	font-size: 20px;
	font-weight: bolder;
}

#DataState {
	position: absolute;
	top: -45px;
	right: 0px;
	font-size: 14px;
	color: #ffffff;
	background: #10bbb778;
	border-radius: 5px;
	padding: 3px 8px 3px 8px;
	line-height: 24px;
}

.pull-left label {
	/* min-width: 100%; */
}

span#DataState::before {
	content: "\f0f3";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	margin-right: 10px;
	font-size: 14px;
}

span#DataState:empty {
	display: none;
}

table .fa-fw {
	font-size: 13px !important;
	margin: auto;
}

.modal-body #SalesTable div {
	max-height: 70vh !important;
}

.modal-body table {
	/*empty-cells: hide;*/
}

.modal-body {}

div#SalesTable {
	overflow-x: hidden;
	font-size: smaller;
}

#ClaimStatsTable {
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
}

#ClaimStatsTable table {
	width: 100% !important;
	max-width: 100%;
	table-layout: fixed;
}

th {
	color: #323133;
}

body {}

table {
	border-collapse: collapse;
/* 	table-layout: fixed; */
	width: 100%;
	font-size: 12px;
}

/* 	tables; */

 .SMXWebImportList #DataTableTable {
  width: 100%;
  table-layout: fixed; /* Ensure the table width is distributed as per column widths */
}
 .SMXWebImportList #DataTableTable th, .SMXWebImportList #DataTableTable td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.SMXWebImportList #DataTableTable th:nth-child(1),  .SMXWebImportList #DataTableTable td:nth-child(1){
  width: 10%; /* Each of the first 5 columns takes 10% of the table width */
}
 .SMXWebImportList #DataTableTable th:nth-child(2),  .SMXWebImportList #DataTableTable td:nth-child(2),
 .SMXWebImportList #DataTableTable th:nth-child(3),  .SMXWebImportList #DataTableTable td:nth-child(3),
 .SMXWebImportList #DataTableTable th:nth-child(4),  .SMXWebImportList #DataTableTable td:nth-child(4),
 .SMXWebImportList #DataTableTable th:nth-child(5),  .SMXWebImportList #DataTableTable td:nth-child(5),
																		   
 
 .SMXWebImportList #DataTableTable th:nth-child(6),  .SMXWebImportList #DataTableTable td:nth-child(6),
 .SMXWebImportList #DataTableTable th:nth-child(7),  .SMXWebImportList #DataTableTable td:nth-child(7) {
  width: 7%; /* Each of the first 5 columns takes 10% of the table width */
}
 .SMXWebImportList #DataTableTable th:nth-child(8),  .SMXWebImportList #DataTableTable td:nth-child(8),
.SMXWebImportList #DataTableTable th:nth-child(9),  .SMXWebImportList #DataTableTable td:nth-child(9)  {
  width: 5%; /* The Source File column takes 20% of the table width */
}.SMXWebImportList #DataTableTable th:nth-child(9),  .SMXWebImportList #DataTableTable td:nth-child(9)  {
  width: 10%; /* The Source File column takes 20% of the table width */
}
 .SMXWebImportList #DataTableTable th:nth-child(10),  .SMXWebImportList #DataTableTable td:nth-child(10) {
  width: 25%; /* The Actions column takes 20% of the table width */
  text-overflow: unset;
  white-space: normal;
}

@media (max-width: 1200px) {


.SMXWebImportList #DataTableTable th, .SMXWebImportList #DataTableTable td {
    width: initial!important;
    text-overflow: unset;
    white-space: nowrap!important;
}


.SMXWebImportList #DataTableTable th:nth-child(2),  .SMXWebImportList #DataTableTable td:nth-child(2)  {
  display:none!important;
}
}

#ImportDonationsTableTable {
  width: 100%;
  table-layout: fixed; /* Ensure the table width is distributed as per column widths */
}
#ImportDonationsTableTable th, #ImportDonationsTableTable td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#ImportDonationsTableTable th:nth-child(1), #ImportDonationsTableTable td:nth-child(1), /* Id */
#ImportDonationsTableTable th:nth-child(4), #ImportDonationsTableTable td:nth-child(4), /* Date */
#ImportDonationsTableTable th:nth-child(5), #ImportDonationsTableTable td:nth-child(5), /* Post Code */
#ImportDonationsTableTable th:nth-child(6), #ImportDonationsTableTable td:nth-child(6), /* Amount */
#ImportDonationsTableTable th:nth-child(7), #ImportDonationsTableTable td:nth-child(7) { /* State */
  width: 6%; /* Set narrower width for these columns */
}
#ImportDonationsTableTable th:nth-child(8), #ImportDonationsTableTable td:nth-child(8), /* Errors */
#ImportDonationsTableTable th:nth-child(9), #ImportDonationsTableTable td:nth-child(9) { /* Actions */
  width: 23%; /* Set wider width for these columns */
}




.modal-body table,
.modal-body table div,
.modal-body table .form-select,
.modal-body *:before {
	font-size: 12px !important;
}

.SMXWebSalesDetailForm table {
	font-size: 12px !important;
}

.modal-body .btn *:before {
	font-size: 16px !important;
}

table td {

	overflow: hidden;
	text-overflow: ellipsis;
	color: #323133 !important;
}

table th {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #4c4956 !important;
}

div {}

.toast {
	min-width: 460px !important;
	z-index: 9 !important;
}

.toast img {
	float: left;
	max-height: 32px;
	padding-bottom: 10px;
	display: inline-block;
	margin-right: 12px;
}

.toast-header .btn-close {
	background: none !important;
	margin-top: -12px;
}

.toast-header .btn-close::after {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f00d";
	margin-right: 5px;
	font-size: 18px;
	color: white;
}

.toast-header {
	display: flex;
	align-items: center;
	padding: 0.5rem 0.75rem;
	color: #ffffff;
	background-color: #5871a2;
	font-weight: 300;
	background-clip: padding-box;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	border-top-left-radius: calc(0.35rem - 1px);
	border-top-right-radius: calc(0.35rem - 1px);
}

.modal-dialog .p-3 {
	padding: 0px !important;
}

.modal-dialog #Yes.btn {
	background-color: #09bb6f;
	color: white;
	font-weight: bold;
}

.modal-dialog #No.btn {
	background-color: #ff0e00;
	color: white;
	font-weight: bold;
}

#JobStats {
	max-height: 50vh;
	overflow-y: scroll;
	display: inline-block;
	/*font-family: monospace;*/
	/*font-size: small;*/
	z-index: 9999;
	width: 100%;
}

.statsitem {
	max-height: 50vh;
	/*overflow-y: scroll;*/
	/*display: inline-block;*/
	font-family: monospace;
	font-size: small;
	z-index: 9999;
}

a {
	color: #25966e;
}

hr {
	margin: 1rem 0;
	color: inherit;
	background-color: #4c4956;
}

.nav-link {
	padding-left: 18px !important;
	padding-bottom: 5px !important;
}

.nav-link .fa,
.nav-link .fas {
	font-size: 15px !important;
}

.navbar .container-fluid {
	padding-left: 15px;
}

.navigation-clean {}

.navigation-clean {
	padding-top: 10px;
	padding-bottom: 10px;
}

#MainPanel .card {
	box-shadow: none !important;
	border-top: none;
}

.card .text-primary {
	/*border-bottom: solid 3px red;*/
	border-bottom: solid 2px #eeeeee;
}

.nav-item a:hover .fa,
.nav-item a:hover .fas {
	color: white !important;
}

span.nav-link {
	font-weight: 800;
	color: rgba(0, 0, 0, 0.41) !important;
}

.nav-item hr {
	/*display: none;*/
}

.col-auto.navbar-vertical-label {
	font-weight: 800;
	color: #4c495670;
	margin-left: 15px;
	font-size: 14px;
}

.navbar-brand span {
	font-family: 'Montserrat';
	color: white;
	top: 15px;
	font-weight: 500;
	display: block;
	left: 60px;
	position: absolute;
	font-size: 18px;
}

.moonlit {
	background: #0F2027;
	background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);
	background: linear-gradient(to right, #2C5364, #203A43, #0F2027);
}

.green {
	background: #1f4037;
}

.JobItem .text-muted {
	--bs-text-opacity: 1;
	color: inherit !important;
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 12px;
}

.Dashboard_ThingsToDo h6 {
	font-size: 14px;
}

.JobItem .card-text,
.Dashboard_ThingsToDo .card-text {
	font-size: 12px;
	margin-bottom: 0px;
}

#JobsList .card, .Dashboard_ThingsToDo .card {
    margin-bottom: 0px !important;
    border-radius: 6px !important;
    margin: auto;
    padding: initial;
    display: block;
    width: 100%;
}
.JobItem .card-text:before {
	font-size: 32px;
	content: "\f059";
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	right: 15px;
	top: 5px;
	opacity: 0.1;
}

.Dashboard_ThingsToDo .card-text:before {
	font-size: 32px;
	content: "\f0f3";
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	right: 15px;
	top: 5px;
	opacity: 0.1;
}

.Dashboard_ThingsToDo .Urgent .card-text:before {
	font-size: 32px;
	content: "\f843";
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	right: 15px;
	top: 5px;
	opacity: 0.2;
	color: red;
}

.Dashboard_ThingsToDo .Reminder .card-text:before {
	font-size: 32px;
	content: "\f0f3";
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	right: 15px;
	top: 5px;
	opacity: 0.2;
	color: orange;
}

.JobItem .Complete .card-text:before {
	content: "\f058";
	font-family: "Font Awesome 6 Pro";
	position: absolute;
}

.JobItem .Failed .card-text:before,
.JobItem .Cancelled .card-text:before {
	content: "\f071";
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	color: #cba3a3;
}

.lead {
	font-size: 14px;
	font-weight: 700;
}

.navbar .fad {
	font-size: 24px;
}

.navbar button .fad {
	font-size: 16px;
	margin-right: 8px
}

div TableFloatNav {
	position: fixed;
	/*left: 224px;*/
	/*width: calc(100vw - 224px);*/
	background: #018abfbf;
	display: block;
	bottom: 20px;
	right: 16px;
	padding: 10px 20px;
	white-space: nowrap;
	box-shadow: #0000003b 1px 0px 11px;
	border-radius: 10px;
	max-height: 57px;
	color: white;
	font-weight: bold;
}

.sidebar .navbar-nav {
	background: #eeeeee;
	z-index: 1 !important;
}

i.fad.fa-life-ring {
	/*color: white;*/
	/* margin-right: 15px; */
	/* margin-left: 10px; */
}

label.form-label {
	font-weight: 800;
	color: #393939;
	font-size: 14px;
}

table#SalesDetailTableTable td:empty,
table#SalesDetailTableTable th:empty {
	display: none;
}

.form-control,
.form-select,
.form-check,
.modal-body,
.modal-footer {
	font-size: 14px !important;
}

h4.pb-2 {
	font-size: 18px;
	font-weight: bold;
}

#FileList .link-primary::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f019";
	margin-right: 10px;
	font-size: 24px !important;
}

.brand-logo {
	max-height: 35px;
}

.giftaider {
	max-height: 52px;
	margin-top: -5px;
	margin-bottom: -5px;
	margin-right: 10px;
	margin-left: -15px;
	background: #00000029;
	padding: 10px;
}

.logo a:hover {
	background: none !important;
	padding-left: 0px !important;
}

.copyright {
	position: fixed;
	bottom: 15px;
	left: 15px;
	font-size: 10px;
}

body {
	background-color: var(--brand-highlight-color-shade) !important;
}

.text-primary,
#h2,
div#Dashboard th {
	color: var(--brand-color) !important;
}

.brandcolour {
	background: linear-gradient(to right, var(--brand-highlight-color-shade), var(--brand-highlight-color-shade), var(--brand-highlight-color-shade));
}

.btn-primary,
.btn-cancel,
.modal-dialog button#OK {
	color: #fff;
	background-color: var(--brand-highlight-color) !important;
	border-color: var(--brand-highlight-color);
}

#NewPasswordButton {
	background: var(--brand-color);
	border-color: var(--brand-color);
	color: white;
}

.page-link {
	position: relative;
	display: block;
	color: var(--brand-color);
	text-decoration: none;
	background-color: #f2f2f2;
	border: none;
	font-weight: bold;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#Pagination .active,#PaginationNumbers .active {
	color: var(--brand-highlight-color);
}

.sorting::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f0dc";
	margin-right: 5px;
	font-size: 14px;
	color: var(--brand-highlight-color);
}

.sorting_desc::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f0dd";
	margin-right: 5px;
	font-size: 14px;
	color: var(--brand-highlight-color);
}

.sorting_asc::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f0de ";
	margin-right: 5px;
	font-size: 14px;
	color: var(--brand-highlight-color);
}

.modal-header {
	background: var(--brand-color);
	color: white;
}

table .fa-fw:hover,
table .fa-fw:hover::after {
	color: var(--brand-highlight-color);
	transform: scale(1.2);
	transition: all .1s ease-in-out;
}


button:hover {

	box-shadow: inset 0em 0em 0em 10em #4c495659;

}

.modal-header #CloseThisButton {
	background: var(--brand-highlight-color);
}

.nav-item a:hover {
	background-color: var(--brand-highlight-color);
	/*border-radius: 10px;*/
	/*margin: 10px;*/
	padding-left: 5px;
	color: #383838;
}

.link-primary {
	color: var(--brand-color);
}

.link-primary:hover {
	color: var(--brand-highlight-color);
}

.btn-check:checked+.btn-primary:focus,
.btn-check:active+.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show>.btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgb(105 136 228 / 50%);
}

@media only screen and (max-width: 768px) {
	.copyright {
		bottom: 60px;
		left: -25px;
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	}
}

@media only screen and (max-width: 768px) {
	.brand-logo {
		max-width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media only screen and (max-width: 768px) {
	.navbar-vertical-label-wrapper .p-0 {
		display: none;
	}
}

@media only screen and (max-width: 768px) {
	.navbar-vertical-label-wrapper {
		padding-left: initial;
		text-align: center;
		margin: auto;
		min-width: 100%;
		padding-right: initial;
	}
}

@media only screen and (max-width: 768px) {
	.col-auto.navbar-vertical-label {
		font-size: 15px;
		text-align: center;
		width: 100%;
		margin-left: 0px;
		margin-right: 15px;
		color: black;
	}
}

#ClaimLink {
	display: none;
}

table#AmountToRefundTable {
	font-size: 14px !important;
	/*border: solid 1px #e3e6f0;*/
	border-radius: 20px;
	text-align: left;
}

table#AmountToRefundTable .caption {
	font-weight: bold;
}

.btn-check:checked+.btn-primary,
.btn-check:active+.btn-primary,
.btn-primary:active,
.btn-primary.active,
.show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #3e5cb2;
	border-color: var(--brand-highlight-color);
}
/* LOCK APPLICATION DISABLED
span#TTL {
	position: fixed;
	right: 10px;
	bottom: 10px;
	color: red;
	font-weight: bold;
} */

#SupportContent {
	width: 100% !important;
}

.PopUpForm .min-vh-100 {
	min-height: initial !important;
}

.PopUpForm .col-lg-6.d-none.d-lg-flex {
	display: none;
}

.PopUpForm .col-lg-6 {
	flex: 0 0 auto;
	width: 100%;
}

.PopUpForm .simple,
.PopUpForm .simple .shadow-lg {
	box-shadow: none !important;
}

.PopUpForm .simple .p-5 {
	padding: 0rem !important;
}

.PopUpForm .user {
	text-align: center;
}

.PopUpForm .simple .my-5 {
	margin-top: 3rem !important;
	margin-bottom: 1rem !important;
}

.PopUpForm #ForgottenPasswordLabel {
	display: none;
}

table div {
	/* overflow: visible!important; */
}

.tablescroll {
	max-height: 300px;
	/* overflow-y: scroll !important; */
	overflow-x: hidden;
	/* min-height: 300px; */
}
 .SMXWebImportData, .SMXWebDonationList {/* min-height:80vh; */}
 .SMXWebImportData .tablescroll, .SMXWebDonationList .tablescroll{/* min-height: 550px; */max-height: 100%;}

#JobsPlacedTable {
	max-height: 200px !important;
	overflow-y: scroll;
	/* display: none; */
}

body>span:first-of-type {
	z-index: 2 !important;
}

.PopUpForm.Private {
	outline: 1500px solid var(--brand-color) !important;
}

.input-group-text {
	color: #4c4956;
	font-weight: bold;
}

.form-control,
.form-select {
	color: #4c4956;
}

.form-control:focus {
	color: black;
}

.modal-dialog .btn-group .fa-fw {
	margin: 6px;
	padding: 6px;
}

div#SalesListNavigator {
	margin-left: 25px;
}

#SalesListNavigator button:disabled {
	background-color: #858796;
	border-color: #858796;
}

#SalesListNavigator .btn-group>.btn:not(:last-child):not(.dropdown-toggle),
#SalesListNavigator .btn-group>.btn-group:not(:last-child)>.btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background-color: #f4723d;
	border-top: 0px;
	border-bottom: 0px;
	border: 0px;
	color: white !important;
	padding: 10px !important;
}

#SalesListNavigator .btn:disabled {
	background-color: #f4723d;
	border-color: #f4723d;
}

.is-void {
	border-color: gold;
	padding-right: calc(1.5em + 0.75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512s'%3e%3cpath fill='gold' d='M506.5 202.1L480 229.5L461.3 210.7C436.3 185.8 395.7 185.8 370.7 210.7C345.8 235.7 345.8 276.3 370.7 301.3L434.7 365.3C446.7 377.2 462.1 383.4 477.8 383.1C433.5 460.5 350.8 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C379.2 0 482.1 87.04 506.5 202.1H506.5zM280 152C280 138.7 269.3 128 256 128C242.7 128 232 138.7 232 152V264C232 277.3 242.7 288 256 288C269.3 288 280 277.3 280 264V152zM256 384C273.7 384 288 369.7 288 352C288 334.3 273.7 320 256 320C238.3 320 224 334.3 224 352C224 369.7 238.3 384 256 384zM499.8 339.8C488.9 350.7 471.1 350.7 460.2 339.8L396.2 275.8C385.3 264.9 385.3 247.1 396.2 236.2C407.1 225.3 424.9 225.3 435.8 236.2L480 280.4L588.2 172.2C599.1 161.3 616.9 161.3 627.8 172.2C638.7 183.1 638.7 200.9 627.8 211.8L499.8 339.8z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(0.375em + 0.1875rem) center;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.is-clickable {
	padding-right: calc(1.5em + 0.75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3e%3cpath fill='gold' d='M506.5 202.1L480 229.5L461.3 210.7C436.3 185.8 395.7 185.8 370.7 210.7C345.8 235.7 345.8 276.3 370.7 301.3L434.7 365.3C446.7 377.2 462.1 383.4 477.8 383.1C433.5 460.5 350.8 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C379.2 0 482.1 87.04 506.5 202.1H506.5zM280 152C280 138.7 269.3 128 256 128C242.7 128 232 138.7 232 152V264C232 277.3 242.7 288 256 288C269.3 288 280 277.3 280 264V152zM256 384C273.7 384 288 369.7 288 352C288 334.3 273.7 320 256 320C238.3 320 224 334.3 224 352C224 369.7 238.3 384 256 384zM499.8 339.8C488.9 350.7 471.1 350.7 460.2 339.8L396.2 275.8C385.3 264.9 385.3 247.1 396.2 236.2C407.1 225.3 424.9 225.3 435.8 236.2L480 280.4L588.2 172.2C599.1 161.3 616.9 161.3 627.8 172.2C638.7 183.1 638.7 200.9 627.8 211.8L499.8 339.8z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(0.375em + 0.1875rem) center;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
	text-decoration: underline;
}

#SalesTotal::empty {
	display: none;
	border-bottom: 1px solid white;
}

#DonorIdStatusLabel {
	font-size: 12px;
	font-weight: bold;
}

#ParamsContainer input,
#ParamsContainer span,
#ParamsContainer select,
#ParamsContainer label,
#ParamsContainer div {
	color: initial !important;
	overflow: initial !important;
	outline: initial !important;
	box-sizing: initial !important;
	-webkit-tap-highlight-color: transparent !important;
	background-color: initial !important;
	font-family: Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	font-style: initial !important;
	font-size: initial !important;
	border-style: initial !important;
	white-space: initial !important;
	display: initial !important;
	padding: initial !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
}

#ParamsContainer input,
#ParamsContainer select {
	display: block !important;
	width: 98% !important;
	padding: .375rem .75rem !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: #858796 !important;
	background-color: #fff !important;
	background-clip: padding-box !important;
	border: 1px solid #d1d3e2 !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	border-radius: .35rem !important;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
	margin-bottom: 10px;
	margin-top: 5px;
	top: initial !important;
	left: initial !important;
	width: initial !important;
	height: initial !important;
	position: initial !important;
}

#ParamsContainer {
	border: none !important;
}

#ParamsContainer input,
#ParamsContainer span,
#ParamsContainer div {
	top: initial !important;
	left: initial !important;
	width: 98% !important;
	height: initial !important;
	position: initial !important;
}

/* Hide the default checkbox */

#ParamsContainer input[type=checkbox] {
	visibility: hidden;
	display: none !important;
}

#ParamsContainer {
	border: none !important;
}

#ParamsContainer input[type=DATE] {
	height: auto !important;
}

#ParamsForm {
	border: none;
}

form {
	margin-block-end: 0px;
}

#SalesListtbl table,
#SheetListtblResizeRowTable table,
#SheetListtbl table {
	width: initial;
}

/* set to 88px in app limits selection on table */

#SalesListtbl div>div {
	height: 400px !important;
}

#SheetListtbl div>div {
	height: 200px !important;
}

.dashboardItem {}

div#WhatsNew>div {
	/* background: white; */
	/* padding: 15px; */
}

div#WhatsNew {
	margin-top: 15px;
	/* display: grid; */
	grid-template-columns: 1fr 1fr;
	grid-gap: 16px;
}

div#WhatsNew h1 {
	font-family: inherit;
	font-weight: bold;
	font-size: 42px;
	margin-bottom: 1.2em;
	border-bottom: 0;
	color: var(--brand-color);
}

div#ThingsToDo {
	margin-top: 15px;
}

div#WhatsNew th {
	font-weight: bold;
}

div#WhatsNew .gb-icon svg {
	color: var(--contrast);
	width: 1em;
	height: 1em;
	fill: currentColor;
	rotate: -15deg;
	font-size: 42px;
	float: left;
	margin-right: 15px;
}


span.gb-icon {
	color: var(--contrast);
	display: inline-block;
	width: 60px;
	float: left;
	margin-top: 8px;
}

div#WhatsNew h4 {
	font-weight: bold;
	font-size: 16px;
	color: var(--brand-color) !important;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: solid 2px #eeeeee;
}

div#WhatsNew h6 {
	font-weight: bold;
	font-size: 14px;
}

div#WhatsNew .table> :not(caption)>*>* {
	border-bottom-width: 0px;
}

div#WhatsNew table {
	border-width: 1px;
	border-color: #e3e6f0 !important;
}

div#WhatsNew table td,
div#WhatsNew table th {
	padding: 8px;
	border: solid;
	border-width: 1px;
	border-color: #e3e6f0 !important;
}

div#WhatsNew table th {
	border-bottom: 2px;
	border-bottom-color: #858796;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #4c4956 !important;
	border-bottom: solid !important;
}

div#WhatsNew table tr:nth-of-type(even) {
	background: #f2f2f2 !important;
	/*border-color: #e3e6f0!important;*/
}

#JobsList>div {
	display: flex!important;
	flex-direction: column-reverse;
}

#Jobs {
	max-height: 80vh;
	overflow-y: scroll;
	overflow-x: hidden;
}

#mainpanel #CloseThisButton {
	display: none;
}

div#WhatsNew {
	/* margin-left: 15px; */
}

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

button#SalesSheetDelButton {
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	color: white;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 5px !important;
	/*font-size: 1rem;*/
	border-radius: .35rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	/*border: solid;*/
	background-color: var(--brand-highlight-color) !important;
	color: white !important;
	font-size: 1rem !important;
}

span#VoidCheckBox {
	width: 42px;
	right: 215px;
	bottom: 21px;
	position: absolute;
}

span#SalesEditMessage {
	display: inline-block;
	margin-top: 25px !important;
	background: #f6c23e3b;
	border: 1px solid #f6c23e;
	border-radius: 5px;
	margin: 5px;
	max-width: 97%;
	padding: 10px;
	text-transform: capitalize;
	font-weight: 600;
}

span#SalesEditMessage:empty {
	display: none;
}

#SalesListTable tbody {
	display: block;
	width: 720px;
	overflow: auto;
	height: 300px;
}

#SalesListTable table {
	width: 700px;
	table-layout: fixed;
	border-collapse: collapse;
}

table#SalesListTable {
	max-width: 700px;
}

#SalesListTable th {
	width: 116.5px;
}

#SalesListTable td {
	width: 116.5px !important;
}

.table> :not(:first-child) {
	border-top: 0px solid currentColor !important;
}

#SalesListTable .thead {
	border-top: 2px solid currentColor;
}

tr.BrandHighlight {
	background-color: var(--brand-highlight-color);
	color: white !important;
}

tr.BrandHighlight td,
tr.BrandHighlight th {
	background-color: var(--brand-highlight-color);
	color: white !important;
	font-weight: bold;
}

.navigation-clean {
	min-height: 66px;
}

#wrapper #content-wrapper {
	background-color: var(--brand-highlight-color-shade) !important;
}

#wrapper {
	background-color: var(--brand-highlight-color-shade);
}

.container .card-body i,
.container .card-body svg {
	font-size: 32px;
	color: var(--brand-color);
	margin: 20px;
}

.container .card-body table i,
.container .card-body table svg {
	font-size: 18px;
	color: var(--brand-color);
	margin: initial;
}

.container .card-body .smallsvg {
	font-size: 20px;
	color: var(--brand-color);
	margin: 0px;
	/*float: right;*/
}

.container {}

.menudetail {
	background-color: var(--brand-highlight-color-shade) !important;
}

.menudetail {
	background-color: white;
}



a {
	color: var(--bd-color);
}

.card,
.panel {
	border: none !important;
}

.expand,
.expand svg {
	font-size: 14px !important;
	/*margin: 10px;*/
	position: absolute !important;
	bottom: 10px;
	right: 10px;
	color: #0086c9;
	width: 14px;
}

.initials {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: white;
	margin-right: 10px;
	font-weight: bold;
}

@media (min-width: 1080px) {
	.navbar-expand-custom {
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
	}
}

@media (min-width: 1080px) {
	.navbar-expand-custom .navbar-nav {
		flex-direction: row;
	}
}

@media (min-width: 1080px) {
	.navbar-expand-custom .navbar-nav .nav-link {
		padding-right: .5rem;
		padding-left: .5rem;
	}
}

@media (min-width: 1080px) {
	.navbar-expand-custom .navbar-collapse {
		display: flex !important;
	}
}

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

.dropdown-item {
	background-color: white;
}


.galogo {
	max-height: 65px;
}

.text-secondary {
	color: var(--brand-color) !important;								  
}

.divlink:hover {
	cursor: pointer;
}

.divlink .card :hover {
	cursor: pointer;
	background-color: var(--brand-highlight-color-shade);
}

.divlink:hover .text-primary {}

.divlink:hover .text-primary {
	border-color: var(--brand-highlight-color);
}

.divlink:hover {
	background: var(--brand-highlight-color-shade);
	cursor: pointer;
}

.brandcolourbg {
	background-color: var(--brand-color) !important;
}

h1,
h2 {
	border-bottom: 5px solid #f6c23e;
}

.navbar button,
.modal-footer button {
	margin-left: 1rem !important;
	margin-right: 0px !important;
}

.buttonmenu .card {
	min-height: 80px;
	min-width: 230px;
		box-shadow: inset #e6e6e6 -3px 2px 20px 6px !important;
}


element.style {}

.form-control,
.form-select,
.form-check,
.modal-body,
.modal-footer {
	font-size: 14px !important;
}

.modal-footer {
	background: #f3f4f7;
}

.modal-footer {
	display: flex;
	flex-wrap: wrap;
	flex-shrink: 0;
	align-items: center;
	justify-content: flex-end;
	padding: .75rem;
	border-top: 1px solid #e3e6f0;
	border-bottom-right-radius: calc(0.3rem - 1px);
	border-bottom-left-radius: calc(0.3rem - 1px);
}


element.style {}

.form-control,
.form-select,
.form-check,
.modal-body,
.modal-footer {
	font-size: 13px !important;
}

.modal-footer {
	background: #f3f4f7;
}

.modal-body,
.modal-header {

	padding: .75rem;

}

.modal-header {
	border-top-left-radius: calc(0.3rem - 1px);
	border-top-right-radius: calc(0.3rem - 1px);
}

.modal-content.job-detail-modal,
.job-detail-modal {
	border-radius: 12px !important;
	overflow: hidden !important;
	background-color: #fff !important;
}

.modal-content.job-detail-modal .job-detail-body,
.modal-content.job-detail-modal .job-detail-footer,
.job-detail-modal .job-detail-body,
.job-detail-modal .job-detail-footer {
	background-color: #fff !important;
}

.modal-content.job-detail-modal > .modal-header.job-detail-header,
.job-detail-modal > .job-detail-header {
	border-top-left-radius: 12px !important;
	border-top-right-radius: 12px !important;
}


.page-link.active,
.active>.page-link {
	z-index: 2;
	color: var(--bs-pagination-active-color);
	background-color: var(--bs-pagination-active-bg);
	border-color: var(--bs-pagination-active-border-color);
}


.page-link.active,
.active>.page-link {
	z-index: 2;
	color: var(--bs-pagination-active-color);
	background-color: var(--brand-color);
	border-color: var(--brand-color);
}


#content_here {
	background: initial !important;
}

body {
	font-size: 14px;
	font-family: 'Source Sans Pro' !important;
}


.card-body p.text-muted.mb-1 {
	max-width: 200px !important;
	font-size: 12px;
	line-height: 23px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.buttonmenu .dropdown-menu {
	max-height: 70vh;
	overflow-y: scroll;
	overflow-x: hidden;
	width: 25vw;
	min-width: 400px !important;
	max-width: 600px !important;

	padding: 10px !important;
}

.buttonmenu .dropdown-menu li:hover {
	cursor: pointer;
}

.buttonmenu .card-body i,
.buttonmenu .card-body svg {
	transition: all .1s ease-in-out;
}

.buttonmenu .card-body:hover i,
.buttonmenu .card-body:hover svg {
	transform: scale(1.2);
}


.icon {
	transition: all .1s ease-in-out;
}

.icon:hover scale(1.2);
}

.buttonmenu li.icon {
	float: left;
	margin: 0 10px 0 0px;
}

.buttonmenu ul {
	list-style-type: none;
	padding-left: 0;
}

.buttonmenu li {
	display: flex;
	align-items: center;
	/* Align items vertically in the middle */
}

.buttonmenu li.small {
	margin-bottom: 15px;
}

.buttonmenu i,
.buttonmenu svg {
	font-size: 24px;
	color: var(--brand-color);
	margin: 15px;
}

.buttonmenu li span {
	/* font-weight: 600; */
	color: var(--brand-color);
	/* width: 253px!important; */
	/* display: inline-block; */
	/* clear: right; */
}

.buttonmenu span.icon {
	float: left;
	padding-right: 5px;
}


.buttonmenu .dropdown-menu li:hover {
	background: #f8f9fa;
}

.buttonmenu .dropdown-menu li {
	min-height: 80px;

	border-radius: 5px;
}

.noicon {
	min-height: initial !important;
	padding: 5px;
}

.buttonmenu span.small {
	display: block;
	font-size: smaller;
	color: #6c757d;
	margin-right: 25px;
	font-size: 12px;
}

.show {
	box-shadow: 5px 5px 20px rgba(13, 110, 253, .25);
	/* border-color: red; */
}

.menuhelp {
	float: right;
	font-size: 14px;
}

.dropdown-menu li div {
	width: 100%;
}

.dropdown-item .fad {
	color: var(--brand-color) !important;
}

#MainPanel .highlight {
	border-top: none;
	box-shadow: inset -1px -2px 20px 20px #fab83e !important;
	background: #faca3a;
	font-size: 16px !important;
	color: black;
	font-weight: bold;
}

#MainPanel .highlight .text-primary {
	margin-top: 10px;
}

#MainPanel .highlight .text-primary,
#MainPanel .highlight {
	font-size: 16px;
	text-decoration: none !imporant;
	border: none;
	/* text-align: center; */
	margin-bottom: 5px;
	font-weight: bold;
}

div#Dashboard p,
div#Dashboard,
div#Dashboard h5,
div#Dashboard th {
	font-size: 16px !important;
	margin-bottom: initial;
}

#MainPanel .card {
	min-height: 105px;
}

#MainPanel .highlight .card-body:before {
	font-size: 32px;
	content: "\f51e";
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	right: 15px;
	top: 5px;
	opacity: 0.1;
}


.usermenu .fad {
	font-size: 18px;
}

.usermenu .fad {

	float: left;
	line-height: 30px;
	margin-right: 10px;
}

.usermenu li {
	line-height: 30px
}


/* Custom CSS for overlapping the badge with the icon */
.notification-icon {
	position: relative;
	margin-right: 25px;
	font-size: 32px;
}

.notification-icon .badge {
	position: absolute;
	top: 0px;
	right: -6px;
	font-size: 12px;
}


.dropdown-toggle {
	white-space: nowrap;
	width: 80px;
}

#content_here {
	background: initial !important;
	font-family: inherit !important;
	font-style: inherit !important;
	font-size: inherit !important;
}


.SMXWebDonorForm {
	min-width: 1000px;
}

.modal-body #CountryList .form-control {
	height: auto !important;
}

.modal-body #CountryList .form-control label {
	min-width: 200px;
}

.modal-footer .col-3 {
	line-height: 37px;
}

.modal-footer label.form-label {
	margin-bottom: 0px;
}

.form-control-manual:empty, #RegisteredName:empty {
	visibility: hidden;
}

.form-control-manual,  #RegisteredName, #ExternalIdEdit {
	margin-bottom: 0px;
	background-color: #e9ecef;
	opacity: 1;
	display: inline-block;
	min-width: 50%;
	padding: .375rem .75rem;
	font-size: 13px;
	font-weight: 400;
	line-height: normal;
	color: #212529;
	background-color: #e9ecef;
	background-clip: padding-box;
	border: 1px solid #ced4da!important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: .375rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	/*  white-space:nowrap;*/
}



#ExternalIdEdit {white-space:nowrap;}
#ExternalIdEdit:empty {display:none}
.modal-footer .nb {
	padding-right: 0px;
	padding-left: 0px;
}

thead.thead-light,
.SMXImportMappings thead {
	background: #fab63e4d;
	/* color: #d70000; */
}

#DataTable table {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.table>:not(caption)>*>* {
	padding: 10px;
}


#navigator #CloseButton,
#navigator #CancelButton,
#DonationsCloseButton,
#SearchCloseButton {
	background: #1560bd !important;
	color: white !important;
	border: #4c4956 !important;
	float: right;
}

#SaveButton:not(:disabled),
#PlaceJobButton:not(:disabled),
#NewMappingButton:not(:disabled) {
	background: #1cc88a !important;
	color: white !important;
	border: #1cc88a !important;
}

#ClearSelectButton:not(:disabled) {
	background: #dc3545 !important;
	color: white !important;
	border: #dc3545 !important;
}

.fad:hover:before,
li:hover .fad:before {
	color: #ffc107 !important;
}

#RulesMemo {
	font-weight: bold;
}

.SMXWebDonationList {width: 780px;}
.SMXWebDonationList iv#DonationsTable {
    max-height: 50vh!important;
}
.SMXImportMappings,
.SMXWebImportData {
	/* min-width: 100vw; */
	width: 100vw;
	max-width: 1370px;
}

.SMXWebImportDonorsForm.modal-content {
	min-width: 800px;
}

.SMXWebImportDonorsForm #JobsPlacedTableTable {display:none;}

#NewMappingButton {
	font-size: 13px;
}


table#ImportDataTableTable td,
table#ImportDataTableTable th {
	padding: 10px;
	border: solid 1px #dee2e6;
}

/* Target the first row in the table body */
table#ImportDataTableTable tbody tr:first-child {
	background-color: #0000000d;
}

/* Target every other row starting from the second row in the table body */
table#ImportDataTableTable tbody tr:nth-child(odd):not(:first-child) {
	background-color: #0000000d;
}

div#ImportDonationsTable {
max-height: 70vh;
    display: block;
    overflow: initial !important;
}
div#MappingTable,
#ImportDonationsTableTable {
	max-width: 100vw;
	/* overflow-x: scroll; */
	/* display: block; */
	overflow-x: scroll;
	table-layout: fixed;
}

#MappingTable .mapping-col-header-cell {
	vertical-align: top;
	min-width: 110px;
	padding: 6px 8px !important;
}

#MappingTable .mapping-col-header {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 4px;
}

#MappingTable .mapping-col-title-row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2px;
	min-height: 28px;
}

#MappingTable .mapping-col-title {
	flex: 1 1 auto;
	text-align: center;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
	padding: 0 2px;
}

#MappingTable .mapping-col-move-placeholder {
	display: inline-block;
	width: 20px;
	flex: 0 0 20px;
}

#MappingTable .mapping-col-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
	border: none;
	border-radius: 4px;
	background: transparent;
	color: #5c6670;
	cursor: pointer;
	transition: background-color 0.15s ease, color 0.15s ease;
}

#MappingTable .mapping-col-btn:hover {
	background: rgba(0, 0, 0, 0.07);
	color: #212529;
}

#MappingTable .mapping-col-btn:active {
	background: rgba(0, 0, 0, 0.12);
}

#MappingTable .mapping-col-btn.mapping-col-move-btn {
	font-size: 15px;
	letter-spacing: -0.03em;
}

#MappingTable .mapping-col-btn.mapping-col-delete {
	color: #c82333;
	font-size: 13px;
	font-weight: 900;
}

#MappingTable .mapping-col-btn.mapping-col-delete:hover {
	background: rgba(220, 53, 69, 0.12);
	color: #a71d2a;
}

#MappingTable .mapping-col-toolbar .mapping-col-btn {
	font-size: 15px;
	font-weight: 900;
}

#MappingTable .mapping-col-toolbar {
	display: flex;
	justify-content: center;
	gap: 4px;
}

#MappingTable .mapping-col-header-cell.mapping-col-dragging,
#MappingTable .mapping-col-dragging {
	opacity: 0.6;
}

.SMXWebImportMappingManager #DataTableTable td:last-child,
.SMXWebImportMappingManager #DataTableTable th:last-child {
	overflow: visible;
	text-overflow: unset;
	white-space: nowrap;
}

#ImportDataTableTable,
#ImportDonationsTable {
	min-width: 1300px;
}


.quicklaunch .fad {
	margin-right: 8px;
}

.registration h2 {
	display: inline-block;
}

.registration .card-body i {
	font-size: smaller;
	color: var(--brand-color);
	margin: 0;
	margin-left: 10px;
	margin-right: 5px;
}

.registration #MessageSpan {
	background: yellow;
	padding: 10px;
	margin: auto;
	text-align: center;
	display: block;
}

.registration #MessageSpan:empty {
	display: none;
}


.SMXWebRegister {
	/* text-align: center; */
	max-width: 800px;
	/* max-height: 70vh; */
	height: initial!important;
	/* width: 800px!important; */
	padding: 40px;
	background: white;
	border-radius: 10px;
	/* top: 200px!important; */
	box-shadow: 0 0 20px 2000px #000a !important;
	margin: auto;
	/* margin-top: 15%; */
	/* overflow-x: scroll; */
}

.SMXWebRegister #TermsDocument {
	text-align: left;
	overflow-y: scroll;
	max-height: 50vh;
	margin-bottom: 40px;
	margin-top: 40px
}

.SMXWebRegister button {
	min-width: 100px !important;
	line-height: 30px !important;
	min-height: 32px !important;
	height: auto !important;
	margin-right: 20px;
}

.SMXWebRegister h1,
h2 {
	border-bottom: 5px solid #f6c23e;
	color: #084298;
	font-weight: bold;
	margin-bottom: 30px;
	display: inline-block;
}

 

span.badge.badge-light {
    background: white;
    color: black;
    font-size: smaller;
}

.PopUpForm h3 {
	margin-top: 25px
}

.PopUpForm section {
	margin: 0px 25px 25px 25px;
	display: block;
}


.PopUpForm section p {
	margin: 0px;
}

li[disabled] {
	opacity: 0.3;
}

#LookupCharityList {
	overflow-y: scroll;
	max-height: 300px;
}

#LookupCharityList span {
	display: block;
}

#LookupCharityList input {
	float: left;
}


div#ClaimStatsTable {
	background: #fab63e4d;
	padding: 10px;
	border: solid 10px white;
	box-shadow: none;
	border-radius: 15px;
}

#ClaimStatsTableTable {
	width: 100% !important;
	max-width: 100%;
	table-layout: fixed !important;
}

#ClaimStatsTableTable th:nth-child(1),
#ClaimStatsTableTable td:nth-child(1) {
	width: 30%;
}

#ClaimStatsTableTable th:nth-child(2),
#ClaimStatsTableTable td:nth-child(2),
#ClaimStatsTableTable th:nth-child(3),
#ClaimStatsTableTable td:nth-child(3),
#ClaimStatsTableTable th:nth-child(4),
#ClaimStatsTableTable td:nth-child(4),
#ClaimStatsTableTable th:nth-child(5),
#ClaimStatsTableTable td:nth-child(5) {
	width: 17.5%;
}

#ClaimStatsTableTable th:first-child div,
#ClaimStatsTableTable td:first-child div {
	overflow: visible !important;
	text-overflow: clip !important;
	white-space: nowrap !important;
}

.btn-light {
	background: #fab63e4d;
}
.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #a0bfe4;
    --bs-btn-border-color: #a0bfe4;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #a0bfe4;
    --bs-btn-hover-border-color: #a0bfe4;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #a0bfe4;
    --bs-btn-active-border-color: #a0bfe4;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #a0bfe4;
    --bs-btn-disabled-border-color: #a0bfe4;
}

.ricon {
  width: 5px;
  height: 5px;
  fill: red;
  vertical-align: top;
  margin: 0px!important;
  /* float: right; */
  margin-top: 5px!important;
}

*:focus {
  outline: 2px solid;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  left: -10000px;
  overflow: hidden;
}

.control {
  margin: 6px 0;
}

 

svg#definition {
  display: none;
}

 

.SMXDialogBox  {
    width: 430px;
    border-radius:10px!important;
    background: white;
}

.SMXDialogBox  label {/* float: right; */padding-left: 70px;}
 .SMXDialogBox div:nth-of-type(1) {/* float: right; */position:absolute;];/* display: inline-block; *//* float: left; *//* padding-right: 15px; */padding-top: 10px;padding-left: 10px;opacity: 0.2;}
.SMXDialogBox label.text-body {
  display: flex;
  align-items: center;  /* Vertically centers text */
  justify-content: center;  /* Horizontally centers text */
  min-height: 60px;  /* Ensure the label's height is defined or takes up space */
  text-align: left;  /* Ensures any wrapped text is centered */
  margin-left: 10px;
  }

.SMXDialogBox div:nth-of-type(4) {
	border-bottom-left-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
	}
.SMXDialogBox div.text-body:nth-of-type(2) {
  background-color: var(--brand-color) !important;
  color:white!important;
  padding: 10px;
  border-radius: 0px;
  cursor: move;
  padding-left: 10px!important;
  height: 41px!important;
  vertical-align: middle;
  line-height: 20px!important;
  border-bottom: 1px solid rgb(171, 171, 171);
  user-select: none;
  font-weight: bold;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
}

.SMXDialogBox .btn  {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
}

button#ValidateNumberButton {
	font-size: 14px;
}

.hidden {
	visibility: hidden;
}


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

.quicklaunch .btn-group .btn{    display:none;}
 .quicklaunch .btn-group .btn-success{    display:block;min-width:100%;}
.SMXWebDonorForm  {    height: 100vh;}
form#Donor_Edit_Form {
    overflow-y: scroll;
    max-height: 80vh;
    overflow-x: hidden;
}

.modal-footer div, .modal-footer row{margin:0px;padding:0px;width:100%;}
.navbar button, .modal-footer button {
    margin-left: 0 !important;
    margin-right: 0px !important;
    margin-bottom: 10px;
}

	img {
		max-width: 50vw;
	}

	.btn {
		min-width: 100%;
	}

	.registration div[class*="col"],
	.registration a,
	.xlm div[class*="col"] {
		min-width: 100%;
		margin-top: 10px;
		display: block;
		margin;
		=: 10px;
		margin-bottom: 10px;
	}

	div[class*="pb"] {
		padding-bottom: 0px !important;
	}

	.registration .h-100 {
		height: auto !important;
	}


	.PopUpForm,
	.PopUp,
	.SMXWebRegister,
	.modal-footer {
		min-width: 96vw !important;
		max-width: 100vw;
		max-height: 100vh;
		min-height: auto;
	}

	.buttonmenu {
		max-height: 125px;
		overflow-x: scroll;
		border-bottom: solid 8px var(--brand-color) !important;
	}

	.buttonmenu .row {
		flex-wrap: nowrap;
	}

	.buttonmenu .row-cols-1>* {
		flex: 0 0 auto;
		width: 60%;
	}

	#navigator button {
		margin-left: auto;
	}

	.card-body #navigator {
		float: none;
	}

	input#SearchText,
	#SearchButton {
		max-width: 50%;
		min-width: 50%;
	}

	#DataTable {
		max-width: auto !important;
		overflow-x: scroll;
	}

	#DataTableTable {
		min-width: 1000px !important;
	}



	.PopUpForm {
		box-shadow: none !important;
		height: auto !important;
		position: fixed !important;
		border: none !important;
		background-color: rgb(255, 255, 255) !important;
		padding-top: initial !important;
		border-radius: 5px;
		position: absolute;
		left: 0% !important;
		top: 0% !important;
		transform: translate(-0%, -0%);
		box-shadow: 0 0.15rem 2rem 18px rgb(50 49 51 / 19%) !important;
		outline: 1500px solid #0000008a !important;
		width: auto !important;
		min-width: 600px;
		max-width: 100vw !important;
		max-height: initial;
	}

	.PopUpForm:has(.job-detail-modal),
	.PopUpForm.job-detail-popup {
		background-color: transparent !important;
		border-radius: 12px !important;
		overflow: hidden !important;
		padding: 0 !important;
		box-shadow: none !important;
	}

	.PopUpForm .smxGiftAidClaimForm {
		min-width: initial;
		max-width: 96vw !important;
		max-height: 96vh;
	}

	.tablescroll {
		max-height: 301px;
		/* overflow-y: scroll !important; */
		overflow-x: scroll !important;
	}

	.tablescroll #JobsPlacedTable {
		max-height: 200px !important;
		overflow-y: scroll;
		min-width: 1000px;
	}

	.smxGiftAidClaimForm #Buttons {
		margin: auto;
		width: 100% !important;
	}

	.smxGiftAidClaimForm #Buttons button {
		margin-bottom: 5px;
		width: 100% !important;
		margin-left: 0px !important;
	}

	::-webkit-scrollbar {
		height: 10px;
	}

	::-webkit-scrollbar-track {
		background-color: rgb(149 108 108 / 19%);
		border-radius: 12px;
	}

	::-webkit-scrollbar-thumb {
		background-color: #dc354573;
		border-radius: 12px;
	}


}



/* Widths for medium-small dialogs */

.SMXOtherClaimsCommunityBuildingsEdit, .SMXWebCommunityBuildingEdit,   .SMXWebOtherCLaimsGASDSEdit {width:400px;}


/* Widths for medium dialogs */

 .SMXWebAdvancedSearchForm {width:500px;}
 #GiftAidDetailsForm {width:640px;}


.smallbtn button {
    font-size: smaller;
    margin-top: 5px;
    min-width: 50%;
}

.show .small {
    display: block;
    font-size: 12px;
    color: #6c757d !important;
 
}

.menudetail .btn {   color: #fff;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}
/* Temporary Hide */
li#ManualDonationLink {
    display: none;
}

@media (min-width: 1200px) {

	
/* Styling for button-like appearance only within a table cell */
td span[id^="_HTMLSpan"] {
  display: inline-block;
  padding: 5px 10px; /* Increase padding for bigger buttons */
  margin: -2px; /* Adjust margin to move into the space of td padding */
  border: 1px solid #ccc; /* Border color */
  border-radius: 4px; /* Rounded corners */
  background-color: #f0f0f0; /* Background color */
  color: #000; /* Text color */
  text-align: center;
  text-decoration: none; /* Remove underline */
  font-family: Arial, sans-serif;
  font-size: 12px!important; /* Increase font size */
  cursor: pointer; /* Pointer cursor on hover */
  user-select: none; /* Prevent text selection */
  -webkit-tap-highlight-color: transparent; /* Remove tap highlight on mobile */
  position: relative; /* Positioning context for sr-only */
  box-sizing: border-box; /* Include padding and border in element's total width and height */
  margin-right: 10px;
}

td span[id^="_HTMLSpan"]:hover {
  background-color: #e0e0e0; /* Slightly darker background on hover */
  border-color: #999; /* Slightly darker border on hover */
}

td span[id^="_HTMLSpan"] .sr-only {
  position: static; /* Make the sr-only text participate in normal layout flow */
  width: auto;
  height: auto;
  padding: 0;
  margin-left: 5px; /* Add margin to separate from icons */
  overflow: visible;
  clip: auto;
  border: none;
  font-family: 'Source Sans Pro';
  font-size: 12px;
  color: rgb(0, 0, 0); /* Match the color of the surrounding text */
  display: inline; /* Ensure it displays inline with the icons */
}

.SMXWebImportList td span:nth-of-type(n+3) {
 
 margin-top:10px;
    opacity: 0.8;
}


	

td span [id^="_HTMLSpan"] table .fa-fw, td span [id^="_HTMLSpan"] table .fad {
font-size: 13px !important;}

table tr td:last-child {
  white-space: nowrap;
}

.man td span[id^="_HTMLSpan"] .sr-only {display:none;}
.man #DataTable table {max-width:100%;}
	
 }
.man #DataTable {max-width:100%;}
 .man td:nth-child(1),
.man td:nth-child(2),
.man td:nth-child(3) {
    max-width: 100px !important;
}
.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none;
}


@media (min-width: 1000px) {
  .card-body p.text-muted.mb-1 {
    max-width: 10vw !important;
  }
}


.form-control.is-invalid {    border-color: #dc354540;}
.form-select.is-valid, .was-validated:valid, .form-control.is-valid, .was-validated .form-control:valid {
    border-color: #19875440;
}

.shadow-lg.p-3.mb-5.bg-white.rounded {
  padding: 0px !important;
  max-width: 300px !important;
}

.shadow-lg.p-3.mb-5.bg-white.rounded #Cancel {
  display: none;
}

.shadow-lg.p-3.mb-5.bg-white.rounded > .text-body {
  background: var(--brand-color);
  color: white !important;
  padding: 10px !important;
  min-height: 40px;
}

/* Container that holds both the icon and text */
.shadow-lg.p-3.mb-5.bg-white.rounded > div {
  display: flex; /* Use flexbox to control the layout */
  align-items: center; /* Vertically align items */
  padding: 5px; /* Add some padding for spacing */
  border-bottom: 1px solid rgb(171, 171, 171);
}

.shadow-lg.p-3.mb-5.bg-white.rounded i.material-icons {
  margin-right: 10px; /* Space between the icon and the text */
  font-size: 48px !important;
  color: blue !important;
}

.shadow-lg.p-3.mb-5.bg-white.rounded label.text-body {
  flex: 1; /* Allow the label to take up remaining space */
  display: block;
}

/* Button container styling */
.shadow-lg.p-3.mb-5.bg-white.rounded > div:last-child {
  display: flex; /* Use flexbox for button alignment */
  justify-content: flex-end; /* Align buttons to the right */
  gap: 10px; /* Space between buttons */
  padding: 10px; /* Add padding for spacing */
  background-color: rgb(241, 241, 241); /* Set the background color for the button container */
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-right: 16px !important;
}

/* Button styling */
.shadow-lg.p-3.mb-5.bg-white.rounded .btn {
  background: var(--brand-color); 
  color: white !important; /* Set text color to white */
  width: 100px; /* Keep the button width */
  border: none; /* Remove border */
  padding: 5px; /* Add padding for better button look */
  cursor: pointer; /* Add pointer cursor for buttons */
  min-width:60px;
}

#IRMarkReceipt:not(:empty) {font-family:courier;margin-bottom:20px;display:block;margin-top:20px;}
#IRMarkReceipt:not(:empty)::before {
    content: "IRmark Receipt ";font-family:Source Sans Pro;
    font-weight: bold; font-size:13px;
    display: block; /* Makes the label appear on its own line */
    margin-bottom: 5px; /* Adds spacing between the label and the span content */
}



.donationstable th:nth-child(3) > div, .donationstable td:nth-child(2) > div,.donationstable th:nth-child(3) > div, .donationstable td:nth-child(2) > div {
  width: 100px;
  /* max-width: 25%; */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


span#RememberPassword {
    border: none;
}




div[style*="border: 1px solid rgb(171, 171, 171)"][style*="font-size: 10pt"]  {
  /* your styles here */
	border-radius:5px!important
}
div[style*="1px solid rgb(171, 171, 171)"] {min-height:auto!important;border-bottom: 0px solid white!important;}
div[style*="1px solid rgb(171, 171, 171)"] label{display: flex
;margin-left:70px;
												 margin-right:20px;
    align-items: center;
    justify-content: center;
    min-height: 60px;
    text-align: center;}
div[style*="1px solid rgb(171, 171, 171)"] :not(#Cancel) > .material-icons {
    /* float: right; */
    position: absolute;
    /* display: inline-block; */
    /* float: left; */
    /* padding-right: 15px; */
    padding-top: 10px;
    padding-left: 10px;
    opacity: 0.2;
}
div[style*="background-color: rgb(0, 158, 227)"] {background-color:var(--brand-color)!important;border-top-left-radius:5px;border-top-right-radius:5px;font-size: 14px;font-family: 'Source Sans Pro';/* font-weight: 300; */}

div[style*="background-color: rgb(241, 241, 241);"] {border-bottom-left-radius:5px;border-bottom-right-radius:5px;/* border-top: none!important; */}

 div[style*="background-color: rgb(241, 241, 241);"] button {border-radius:5px;border:none;background:#565e64;color:white;min-width:50px;min-height: 36px;font-family: 'Source Sans Pro';font-size: 16px;}
    

.smxGiftAidClaimForm .alert.alert-warning {
  background-color: #fffbe6; /* softer yellow */
  border: 1px solid #ffe58f;
  border-radius: 8px;
  padding: 1.5rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  font-size: 0.95rem;
  line-height: 1.6;
  color: #333;
}

.smxGiftAidClaimForm .alert.alert-warning ul {
  padding-left: 1.25rem;
  margin-bottom: 1.5rem;
}

.smxGiftAidClaimForm .alert.alert-warning li {
  margin-bottom: 0.75rem;
}

.smxGiftAidClaimForm .alert.alert-warning center {
  display: block;
  text-align: center;
  margin-top: 1rem;
}

.smxGiftAidClaimForm .claim-dialog {
  border: 0;
  border-radius: 6px;
  overflow: hidden;
  width: min(96vw, 1180px);
  max-width: 96vw;
  max-height: 96vh;
  display: flex;
  flex-direction: column;
}

.smxGiftAidClaimForm .modal-body {
  background: #fff;
  padding: 1rem;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(96vh - 120px);
}

.smxGiftAidClaimForm .claim-wizard {
  display: grid;
  gap: 1rem;
}

.smxGiftAidClaimForm .claim-step-toggle {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.smxGiftAidClaimForm .claim-stepbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  position: static;
  background: transparent;
  padding: 0 0 0.5rem;
  border-bottom: 1px solid #e9ecef;
}

.smxGiftAidClaimForm .claim-step-label {
  display: inline-flex;
  align-items: center;
  min-height: 2.25rem;
  padding: 0.4rem 0.9rem;
  border-radius: 999px;
  border: 1px solid #d6dde8;
  background: #fff;
  color: #6c7a8d;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
}

.smxGiftAidClaimForm #claimStep1:checked ~ .claim-stepbar label[for="claimStep1"],
.smxGiftAidClaimForm #claimStep2:checked ~ .claim-stepbar label[for="claimStep2"],
.smxGiftAidClaimForm #claimStep3:checked ~ .claim-stepbar label[for="claimStep3"] {
  border-color: var(--brand-color);
  color: var(--brand-color);
  background: #fff;
}

.smxGiftAidClaimForm .claim-stage {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}

.smxGiftAidClaimForm .claim-stage-history {
  background: transparent;
}

.smxGiftAidClaimForm .claim-stage-prepare {
  background: transparent;
}

.smxGiftAidClaimForm .claim-stage-review {
  background: transparent;
}

.smxGiftAidClaimForm .claim-stage-header {
  margin-bottom: 0.75rem;
}

.smxGiftAidClaimForm .claim-stage-header h5 {
  margin-bottom: 0.25rem !important;
}

.smxGiftAidClaimForm .claim-stage-copy {
  margin: 0;
  color: #708198;
  font-size: 0.95rem;
}

.smxGiftAidClaimForm .wizard-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.smxGiftAidClaimForm .wizard-nav-end {
  justify-content: flex-end;
}

.smxGiftAidClaimForm #PrepareClaimData {
  background: #fff;
  border-color: #d9e4f0 !important;
  border-radius: 14px !important;
  min-height: 8rem;
}

.smxGiftAidClaimForm #ImportReference,
.smxGiftAidClaimForm #AuthorisedOfficial,
.smxGiftAidClaimForm #ErrorHandling,
.smxGiftAidClaimForm #HMRCPassword,
.smxGiftAidClaimForm #OldestDateParameter,
.smxGiftAidClaimForm #NewestDateParameter,
.smxGiftAidClaimForm #UserClaimRef {
}

.smxGiftAidClaimForm .tablescroll {
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
}

.smxGiftAidClaimForm .modal-footer {
  margin-top: 0;
  border-top: 1px solid #e6ebf3;
  background: #f4f6fa;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  flex-shrink: 0;
}

@media (max-width: 991px) {
  .smxGiftAidClaimForm .claim-stepbar {
    gap: 0.5rem;
  }

  .smxGiftAidClaimForm .claim-step-label {
    width: 100%;
    justify-content: center;
  }
}

.smxGiftAidClaimForm #AgreeCheckBox {
  margin-left: 0.5rem;
  transform: scale(1.2);
  vertical-align: middle;
}



#ClientTableTable .fa-fw {
    font-size: 21px !important;
    margin: auto;
}








.PopUpForm {
  transition: transform 0.3s ease, width 0.3s ease;
}

@media (max-width: 1350px) and (min-width: 1100px) {
  .PopUpForm {
    transform: scale(0.8);
 margin:auto!important
	  position:absolute;
	top:0px!important;
	left:auto!important;
  }
}


.h6, h6 {
    font-size: 12px;
}

h5.modal-title {
    font-size: 18px;
    font-weight: 500;
}
.modal-body, .modal-header {
    padding: 10px !important;
}


@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1666px;
    }
}

.buttonmenu .col-lg-3 {
    max-width: 306px;
}

.smwtable th.th-col-1, .smwtable td.td-col-1,.smwtable .th-col-2 , .smwtable .td-col-2 {
    text-align: right;
}