/* Many reset css lists remove these, re-override in custom css if required */
b,strong { font-weight: bold; }
i,em { font-style: italic; }

/* TODO: Remove where it occurs, apply other classes if required */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* TODO: Is this still required? */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* Basic element styles */
/* These emulate basic Bootstrap layouts to support form controls that appear outside New Admin */
/* These should be applied using the weakest available rule so any other global styles override them */

[class*="my-3"] {
	margin: 1rem 0;
}
[class="form-text"] {
    margin-top: .25rem;
    font-size: .875em;
    color: #333;
}

input[type="file"] {
    padding: 0.375rem 0.75rem;
    background: #eee;
    border-radius: 0.375rem;
    margin-right: 0.5rem;
}
input[type="file"], input[type="submit"] {
	display: inline-block;
}
input[type="reset"]:not(.btn) {
    padding: 0.5rem 0.85rem;
    background: #fc0;
	color: #000;
}
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
	color: #252129;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    padding: .375rem 2.25rem .375rem .75rem;
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
}
.button  {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid #0d6efd;
    border-radius: .375rem;
    background-color: #0d6efd;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.button:hover, .button:active, .button:focus-visible {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0858ca;
}
.button:focus-visible {
	outline:0;
	box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, .5);
}
	.button[value*="Reset"] {
		color: #000;
		background-color: #ffc107;
		border-color: #ffc107;
	}
		.button[value*="Reset"]:hover {
			color: #000;
			background-color: #ffca2c;
			border-color: #ffc720;
		}
		.button[value*="Reset"]:focus {
			box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, .5);
		}
		.button[value*="Reset"]:active {
			color: #000;
			background-color: #ffcd39;
			border-color: #ffc720;
			box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
		}
		.button[value*="Reset"]:disabled {
			color: #fff;
			background-color: #6C757D;
			border-color: #6C757D;
			opacity: 0.5;
			pointer-events: none;
		}
		.button[value*="Reset"]:disabled:hover {
			color: #fff;
			background-color: #6C757D;
			border-color: #6C757D;
			opacity: 0.5;
		}

a.aspNetDisabled, button.aspNetDisabled {
	color: #fff;
	background-color: #6C757D;
	border-color: #6C757D;
	opacity: 0.5;
	pointer-events: none;
}
a.aspNetDisabled:hover, button.aspNetDisabled:hover {
	color: #fff;
	background-color: #6C757D;
	border-color: #6C757D;
	opacity: 0.5;
}
.form-check-input:has(label) {
	width: auto;
}
.form-check-input:has(label) label {
	margin-left: 0.25rem;
	font-weight: bold;
}

/*==========================================

	ASP.NET AJAX

==========================================*/
.modalBackground
{
	background: #333;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
}

.CatchEnter { display: none; }

/* Autocomplete lists - select grouping, product etc */

.autocomplete-list {
	z-index: 10003 !important;
	list-style: none;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.autocomplete_item {
	border-top: 1px solid #ccc;
	padding: 5px;
	font-size: 85%;
	overflow: hidden;
	background-color: #fff;
}

.autocomplete_item_highlight {
	background-color: #333;
	color: #fff;
	border-top: 1px solid #ccc;
	padding: 5px;
	font-size: 85%;
	overflow: hidden;
}

.error, .msl_warning {
	display: block;
	margin: 0.5rem 0;
	padding: 0.75rem 0.75rem 0.75rem 2.75rem;
	color: #c00;
	background: #ffc;
	border: 1px solid #c00;
	align-items:center;
	position: relative;
}
.error:before, .error_inline:before, .msl_warning:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23cc0000' d='M320 64C334.7 64 348.2 72.1 355.2 85L571.2 485C577.9 497.4 577.6 512.4 570.4 524.5C563.2 536.6 550.1 544 536 544L104 544C89.9 544 76.9 536.6 69.6 524.5C62.3 512.4 62.1 497.4 68.8 485L284.8 85C291.8 72.1 305.3 64 320 64zM320 232C306.7 232 296 242.7 296 256L296 368C296 381.3 306.7 392 320 392C333.3 392 344 381.3 344 368L344 256C344 242.7 333.3 232 320 232zM346.7 448C347.3 438.1 342.4 428.7 333.9 423.5C325.4 418.4 314.7 418.4 306.2 423.5C297.7 428.7 292.8 438.1 293.4 448C292.8 457.9 297.7 467.3 306.2 472.5C314.7 477.6 325.4 477.6 333.9 472.5C342.4 467.3 347.3 457.9 346.7 448z'/%3E%3C/svg%3E");
	width: 1.5rem;
	position: absolute;
	left: 0.75rem;
	top: 50%;
	transform: translateY(-50%);
	margin-top: 0.25rem;
}
.error[style*="hidden"] {
	display: none;
}
.confirm {
	display: block;
	margin: 0.5rem 0;
	padding: 0.75rem 0.75rem 0.75rem 2.75rem;
	color: #060;
	background: #cfb;
	border: 1px solid #060;
	align-items:center;
	position: relative;
}
.confirm:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23006000' d='M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z'/%3E%3C/svg%3E");
	width: 1.5rem;
	position: absolute;
	left: 0.75rem;
	top: 50%;
	transform: translateY(-50%);
	margin-top: 0.15rem;
}

.input_error {
	color: #c00;
	background: #FFEBEB;
	border: 1px solid #EBAFAF;
	}
.error_inline {
	display: inline-block;
	position: relative;
	padding: 0 0 0 1.5rem;
	color: #c00;
}
.error_inline:before {
	left:0;
	width: 1.2rem;
	margin-top:0.15rem;
}
.required {
	color: #c00;
	}
.form_hint {
	display: block;
	clear: both;
	color: #966;
	font-size: 80%;
	margin: 0;
}

.chkLabel {
	display: inline;
	font-weight: normal;
}
input.datebox {
	width: 6em;
}

/* MSL Notification control wrapper style
    - used in conjunction with error/warning/information styles below */
.msl_notification
{
    background-color: #ffc ;
    border: none;
    margin:1em 0 1em 0;
    padding:0.2em;
    font-weight:bold;
}
.msl_admin_page > .msl_notification {
	float: none;
}

.msl_info {
    display: block;
    clear: both;
    margin: 0.2em;
    padding: 2px 2px 2px 28px;
    background: url(images/interface/information.png) no-repeat 4px 4px;
    border: none;
    border-width: 2px 0;
}
.msl_error {
    display: block;
    clear: both;
    margin: 0.2em;
    padding: 2px 2px 2px 28px;
    background: url(images/interface/forbidden.png) no-repeat 4px 4px;
    border: none;
    border-width: 2px 0;
}
/* When info appears as a table header icon */
th.control .msl_info {
    padding: 0;
    width: 16px;
    margin: 0 auto;
    border: none;
    background-position: 50% 50%;
}

.msl_sitemsg {
    display: block;
	margin: 0em;
	padding: 8px;
	font-size:1.5em;
	background-color:#dfdfdf;
	text-align: center;
	border: none;
	border-width: 2px 0;
}

.msl-vol-opportunity-apply .msl_notification {margin:0;}

/*==========================================

	Data tables / Editing Grids

==========================================*/

.table > :not(caption) > * > * {
	padding: .6rem !important;
}
.table th {
	background: #e1e5e9 !important;
}

.table th a[href*="Sort"] {
	text-decoration: none;
	transition: 0.2s ease all;
	padding: 3px 8px;
	display: inline-block;
	margin: -4px -10px;
	border-radius: 5px;
	border: 1px solid transparent;
	color: #000;
}
.table th a[href*="Sort"]:after {
	content: "\f0dc";
	margin-left: 0.5rem;
	font-family: "Font Awesome 6 Sharp";
	font-size: 0.8rem;
	vertical-align: .05rem;
}
.table th a[href*="Sort"]:hover {
	background-color: #fff;
}
.table td.number,
.table td[align="right"],
.table th.number,
.table th[align="right"],
.footer-right {
	text-align: right;
}
.table th[align="center"] {
	text-align: center;
}
.gvPage td {
	padding: 1px 2px;
}
.table th.date {
	width: 8em;
	white-space: nowrap;
}
.table td.control {
	text-align: center;
}

.table th.control {
	width: 18px;
	text-align: center;
}

.table th.shrinky {
    width: 18px;
    white-space:nowrap;
}

.table th.control-edit {
	width: 42px;
}

.table th.control {
    font-size:0;
    text-indent:-5000px;
    overflow: hidden;
}

.table a[class^="msl_"] {
    text-indent: -5000px;
    overflow: hidden;
    white-space: nowrap;
}

.table a.msl_warning, .table a.msl_error {
    text-indent:0;
}
.table td.image-cell img {
	max-width: none;
}

/*=======================================================

	Comments

=======================================================*/
.comment_panel {
	clear: both;
}

/* temp while the comment box is a textarea not an editor instance */
.comment textarea.textbox {width:100%;}

dl.comments {
	width: 100%;
	padding: 0;
	margin: 0;
}
dl.comments dt {
	width: 100px;
	float: right;
	clear: both;
	margin: 0 0 1em 0;
	padding: 5px 5px 5px 15px;
	background: url(images/comment_right.gif) no-repeat 0 0;
	text-align: center;
}
dl.comments dd {
	display: block;
	min-height:7em;
	margin: 0 120px 0.5em 0;
	border: 1px solid #eee;
	padding: 0;
	clear: none;
}
dl.comments dt img.avatar {
	display: block;
	margin: 0 auto;
	width: 50px;
}
dl.comments span.comment_details {
	display: block;
	background: #eee;
	color: #999;
	position: relative;
	padding: 0.25em 0 0.25em 0.6em;
	font-size: 70%;
}
dl.comments span.comment_date {

}
dl.comments span.comment_delete {
	display: block;
	position: absolute;
	top: 2px;
	right: 5px;
}
dl.comments span.comment_delete a {
	color: #c33;
	text-decoration: none;
}
dl.comments span.comment_delete a:hover {
	text-decoration: underline;
}
dl.comments span.comment {
	display: block;
	padding: 0.5em;
}
#add_comment dd {
	border-color: #09c;
}
#add_comment span.comment_details {
	background-color: #09c;
}
dl.comments span.comment_details h3 {
	color: #fff;
	margin: 0;
	font-size: 85%;
	padding: 0;
}
#add_comment dt {
	background-image: url(images/comment_right_on.gif)
}
/*=======================================================

	Form Layouts

=======================================================*/

.vp_form fieldset {
	margin: 1rem 0;
	border-radius: 5px;
	padding: 3rem 1rem 1rem;
	position: relative;
	font-family: "Poppins", sans-serif;
	border: 1px solid #ccc;
}

	.vp_form fieldset > legend + .my-3 {
		margin-top: 0.5rem !important;
	}
	.vp_form fieldset > .my-3:last-child {
		margin-bottom: 0 !important;
	}
.vp_form fieldset legend {
	position: absolute;
	top:0;
	margin:0 !important;
	background: #eee;
	left:0;
	width: auto;
	padding: 0.5rem 1rem;
	border-radius: 5px 0 5px 0;
	color: #000;
	font-size: 1rem;
}
.vp_form fieldset legend:before {
	display: none;
}


.vpForm .vpDate,
.vpForm .vpPopup {
	z-index: 100;
}

.vp_form .title {
	font-weight: bold;
	margin-bottom: 0.5em;
	display:inline-block;
}
.vp_form .vp_highlight  {
	background: #cde5fd;
}


.msl_admin_page textarea { height: 8em; }

.vp_form label {margin-left:0; /* Bootstrap reset */}

.vp_form .toggle-wrapper {display: flex;}
.vp_form .toggle-wrapper > a {
    text-decoration: none;
    padding: 3px 6px;
    border: 1px solid #337ab7;
    text-align: center;
    margin-bottom: 0.5rem;
    cursor: pointer;
    font-size: 0.9rem;
    transition: 0.2s ease all;
    background: #fff;
    color: #000;
}
.vp_form .toggle-wrapper > a:hover {
	background: #337ab7;
	color: #fff;
}
.vp_form .toggle-wrapper a + a {
	margin-left: 0.5rem;
}
.vp_form .toggle-wrapper > div {
	flex-grow:1;
	margin-left: 0.5rem;
	margin-bottom: 0.5rem;
	position: relative;
}
.vp_form .toggle-wrapper input[type="text"] {
	padding: 3px 6px;
	font-size: 0.9rem;
	width: 100%;
}
.vp_form .toggle-wrapper .msl-filter-clear {
	position: absolute;
	right: 0.25rem;
	top: 50%;
	transform: translateY(-50%);
	margin:0;
	padding:0;
	text-decoration: none;
	font-size: 0.9rem;
	cursor: pointer;
	transition: 0.2s ease all;
	line-height:1;
	padding: 3px;
	border-radius: 3px;
}
.vp_form .toggle-wrapper .msl-filter-clear:hover {
	color: #fff;
	background: #900;
}

/* hide hints icon on forms that are not in the new style yet */
.iconopenhints, .iconclosehints {display:none;}

#form_controls {
	text-align: center;
}

.vp_form .form_error
{
	display: block;
	color: #c00;
	font-size: 0.9rem;
}


#passwordStrength
{
	display: block;
	visibility: hidden;
	width: 224px;
}
#passwordStrength span {
	display: block;
	float: left;
	width: 68px;
	border: 1px solid #ccc;
	text-align: center;
	font-size: 85%;
	padding: 2px;
	color: #ccc;
	background-color: #fff;
}
#passwordStrength.pass_weak span.password_weak {
	color: #fff;
	background-color: #c00;
}
#passwordStrength.pass_ok span.password_ok {
	color: #666;
	background-color: #cc0;
}
#passwordStrength.pass_good span.password_good {
	color: #fff;
	background-color: #393;
}

/* 48px icon grid layout */
#msl ul.msl_linkgrid {
	display: block;
	clear: both;
	list-style: none;
	width: 90%;
	margin: 1em;
}
#msl ul.msl_linkgrid li {
	display: inline;

}
#msl ul.msl_linkgrid li a {
	display: block;
	float: left;
	position: relative;
	width: 130px;
	min-height: 3.6em;
	overflow: visible;
	padding-top: 58px;
	margin: 5px;
	text-decoration: none;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 50% 5px;
}
#msl ul.msl_linkgrid li a:hover {
	background-color: #94b8dc;
}
#msl ul.msl_linkgrid li a span
{
    font-size: 85%;
    color: #666;
    display: block;
}

ul.msl_linkgrid li a.msl_linkgrid_news { background-image: url(images/icons/48/newspaper.png); }
ul.msl_linkgrid li a.msl_linkgrid_events { background-image: url(images/icons/48/calendar_31.png); }
ul.msl_linkgrid li a.msl_linkgrid_tickets { background-image: url(images/icons/48/eventtickets.png); }
ul.msl_linkgrid li a.msl_linkgrid_attendance { background-image: url(images/icons/48/icon-attendance-48.png); }
ul.msl_linkgrid li a.msl_linkgrid_pages { background-image: url(images/icons/48/text_rich_colored.png); }
ul.msl_linkgrid li a.msl_linkgrid_details { background-image: url(images/icons/48/about.png); }
ul.msl_linkgrid li a.msl_linkgrid_members { background-image: url(images/icons/48/user_information.png); }
ul.msl_linkgrid li a.msl_linkgrid_groups { background-image: url(images/icons/48/users2.png); }
ul.msl_linkgrid li a.msl_linkgrid_signups { background-image: url(images/icons/48/hand_point2.gif); }
ul.msl_linkgrid li a.msl_linkgrid_api { background-image: url(images/icons/48/gear.png) }
ul.msl_linkgrid li a.msl_linkgrid_email { background-image: url(images/icons/48/mail_write.png); }
ul.msl_linkgrid li a.msl_linkgrid_sms { background-image: url(images/icons/48/mobilephone2.png); }
ul.msl_linkgrid li a.msl_linkgrid_poll { background-image: url(images/icons/48/chart_pie2.png); }
ul.msl_linkgrid li a.msl_linkgrid_reports { background-image: url(images/icons/48/document_info.png); }
ul.msl_linkgrid li a.msl_linkgrid_resources { background-image: url(images/icons/48/documents.png); }
ul.msl_linkgrid li a.msl_linkgrid_permissions { background-image: url(images/icons/48/user1_lock.png); }
ul.msl_linkgrid li a.msl_linkgrid_jobs { background-image: url(images/icons/48/desk.png); }
ul.msl_linkgrid li a.msl_linkgrid_tripreg { background-image: url(images/icons/48/trips.png); }
ul.msl_linkgrid li a.msl_linkgrid_meetings { background-image: url(images/icons/48/messages.png); }
ul.msl_linkgrid li a.msl_linkgrid_products { background-image: url(images/icons/48/product.png); }
ul.msl_linkgrid li a.msl_linkgrid_teamsheets { background-image: url(images/icons/48/teamsheets.png); }

ul.msl_linkgrid li a.msl_linkgrid_newpage { background-image: url(images/icons/48/window_new.png); }
ul.msl_linkgrid li a.msl_linkgrid_editpage { background-image: url(images/icons/48/window_edit.png); }
ul.msl_linkgrid li a.msl_linkgrid_sitedesign { background-image: url(images/icons/48/window_colors.png); }
ul.msl_linkgrid li a.msl_linkgrid_sitenavigation { background-image: url(images/icons/48/window_sidebar.png); }
ul.msl_linkgrid li a.msl_linkgrid_sitetoolbars { background-image: url(images/icons/48/window_dialog.png); }
ul.msl_linkgrid li a.msl_linkgrid_siteimages { background-image: url(images/icons/48/photo_scenery.png); }
ul.msl_linkgrid li a.msl_linkgrid_terms { background-image: url(images/icons/48/documents.png); }
ul.msl_linkgrid li a.msl_linkgrid_recaptcha { background-image: url(images/icons/48/recaptchalogo.png); }
ul.msl_linkgrid li a.msl_linkgrid_sgf { background-image: url(images/icons/48/sgf-48.png); }
ul.msl_linkgrid li a.msl_linkgrid_gas {	background-image: url(images/icons/48/sgf-48.png); }
ul.msl_linkgrid li a.msl_linkgrid_activities { background-image: url(images/icons/48/activities_icon.png); }
ul.msl_linkgrid li a.msl_linkgrid_fundraising { background-image: url(images/icons/48/funds2.png); }
ul.msl_linkgrid li a.msl_linkgrid_contactrequests {	background-image: url(images/icons/48/messages.png); }
ul.msl_linkgrid li a.msl_linkgrid_volunteering { background-image: url(images/icons/48/volunteering.png); }
ul.msl_linkgrid li a.msl_linkgrid_surveys { background-image: url(images/icons/48/clipboard.png);
}

/*------------------------------------------------------------------------------------------------------------
The following are override styles specifically for the admin pages only
--------------------------------------------------------------------------------------------------------------*/

/* Replacement styles for new admin toolbar */

.msl-toolbar {
    margin: 1rem 0;
	border-bottom: 1px solid #ccc;
}

.msl-toolbar-sub {
    border: none;
    margin: 0 0 1rem;
}

.msl-toolbar ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.msl-toolbar ul li {
    padding: 0;
    margin: 0;
}

.msl-toolbar ul li a {
    display: flex;
	align-items: center;
    padding: 0.5rem 1rem;
    margin: 0 1rem 1rem 0;  
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
    transition: 0.2s ease all;
	font-size: 1rem;
}
	.msl-toolbar ul li a:not(.btn) {
		background: #fff;
		border: 1px solid #ccc;
		color: #000;
	}
.msl-toolbar ul li:first-child a {
	margin-left:0;
}
.msl-toolbar ul li a i:first-child {
	margin-right: 0.5rem;
}

.msl-toolbar ul li a:not(.btn):hover, .msl-toolbar ul li a:not(.btn):focus, .msl-toolbar ul li a:not(.btn).active {
    background: #0d6efd;
    color: #fff;
    border-color: #006ecd;
	font-weight: normal;
}

.msl-toolbar ul li a.aspNetDisabled {
	color: #fff;
	background-color: #6C757D;
	border-color: #6C757D;
	opacity: 0.5;
	pointer-events: none;
}
.msl-toolbar ul li a.aspNetDisabled:hover {
	color: #fff;
	background-color: #6C757D;
	border-color: #6C757D;
	opacity: 0.5;
}

/* ---------------------------
 admin page form styles
 --------------------------- */

/* checkbox list */
.msl_admin_page .vp_form .checkbox table input{margin-left:0;}
.checkbox ul {
	margin:0;
	padding:0;
}
.checkbox li {list-style:none;}

/* Override default widths for event page date recurrence */
.vp_form [id*="DateRecurrence"] .vpFormPair input, .vp_form [id*="DateRecurrence"] .vpFormPair select {width:auto;float: none;display: inline-block;}


/* allows for checkbox text to be set using either title or text */

.msl_admin_page .vp_form .checkbox input {width:auto;margin:0;}
.msl_admin_page .vp_form .checkbox label{clear:none;text-align:left;width:auto;display:block;float:left;margin-right:0;padding-left:0;}
.msl_admin_page .vp_form .checkbox table td {
	padding: 0.25rem 0.5rem;
}
/* temporary styles for embedded forms on the elections pages */
@media all and (min-width:992px) {
	.msl_admin_page .msl-embedded-survey .vp_content {
		padding: 0;
		margin: 0;
	}
}

.vp_form .msl-embedded-survey p {
	padding: 0.5em 0;
}

.msl_admin_page .vp_form .msl-embedded-survey .title {
	font-weight: 700;
	margin: 1em 0 0.5em 0;
}

.msl_admin_page .vp_form .msl-embedded-survey .vpFormPair:first-of-type .title {
	margin: 0 0 0.5em 0;
}

@media all and (min-width:992px) {
	.msl_admin_page .vp_form .msl-embedded-survey .title {
		float: none;
		display: inline-block;
		width: auto;
		text-align: right;
		margin: 1em 0 0.5em 0;
	}

	.msl_admin_page .vp_form .msl-embedded-survey .vpFormPair:first-of-type .title {
		margin: 0 0 0.5em 0;
	}
}

.msl_admin_page .vp_form .msl-embedded-survey input {
	float: none;
	display: inline-block;
	width: auto;
	padding: 0;
	margin: 0;
}

.msl_admin_page .vp_form .msl-embedded-survey input + label {
	float: none;
	display: inline-block;
}

.msl_admin_page .vp_form .msl-embedded-survey textarea {
	float: none;
}

.msl_admin_page .vp_form .msl-embedded-survey select {
	float: none;
}

.vp_form p:empty {
	padding: 0;
}

.msl_admin_page .vp_form .msl-embedded-survey .checkbox label {
	margin-right: 1em;
}

.msl_admin_page .msl-embedded-survey .vp_content .msl_datepicker {
	float: none;
	display: inline-block;
	margin-left: 0.5em;
}

.msl-embedded-survey-user fieldset {
	margin-top: 2em;
}

.msl-embedded-survey-user .vpFormPair {
	margin-top: 1em;
}

.msl-embedded-survey-user .vpFormPair:first-of-type {
	margin-top: 0;
}

.msl-embedded-survey-user .vpFormPair .title {
	font-weight: 700;
}

/* end temporary styles for embedded forms */

/* New styles for HTMLeditor control (Froala) */

.title + .fr-box {
	clear:left;
}
@media all and (min-width:992px) {
	.vp_form.popup .fr-box {
		max-width: 992px;
	}
}

/* special styles for the editor control */
.msl_admin_page .editor {clear:left;}

/* special styles for the news layout control*/
.msl_admin_page .vp_form .control_editor_newslayout select{clear:both;}
.msl_admin_page .vp_form .control_editor_newslayout .vp_content{float:left;}

/* styles the dropdown icon for select group control */
.msl-selectgroup-image{float:left;}
.msl-selectgroup-image:hover{cursor:pointer;}

/* Forces the expand and grouping type icons to have width*/

[id*="tvGroups"] td a img {min-width:20px;}

.msl_admin_page .vp_form .ad_preview_box {float:left;}

/* ------------------------------------
  Poll Admin page colour picker styles
 --------------------------------------*/

.vp_content.colour-preview {
    float:left;
    width:3.5em;
    margin:0 0.5em 0 0;
}

.vp_form .vp_content.colour-preview + input {
    width:11em;
}

/* --------------------------------------------------------------
 report page styles
 ---------------------------------------------------------------- */

/* Sets height of report display */
.msl_admin_page .report_viewer iframe {height:600px !important;}

/* Wrapper div for report viewer control */
.msl_admin_page #report_viewer_wrapper {padding-top:16px;margin-top:2.5em;overflow-y:scroll;}
/* Removing unnecessary scrollbars */
.msl_admin_page #report_viewer_wrapper {
    overflow-y: hidden;
}

#ctl00_ctl00_Main_AdminPageContent_ReportViewer1 .ToolBarButtonsCell {
    overflow: visible;
}
#ctl00_ctl00_Main_AdminPageContent_ReportViewer1 .ToolBarButtonsCell > div {
    display: inline-block !important;
}


/* -------------------------------------------------------------
 filter panel styles
 --------------------------------------------------------------- */
.filter-panel {
	margin: 1rem 0;
	padding: 0;
	background: #eee;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.button-panel {
	margin: 1rem 0;
}
.filter-panel-row {
	display: flex;
	flex-grow:1;
	flex-wrap: wrap;
	padding: .65rem 1.1rem;
	position: relative;
	align-items: stretch;
	align-content: center;
	width: 100%;
	margin: 0;
}
.filter-panel-row:empty {
	display: none;
}
.filter-panel-row:empty+.filter-panel-row {
	border-top: none;
}
	.filter-panel-row .my-2 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.filter-panel-row .my-3 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		display: flex;
		flex-grow: 1;
	}
.filter-panel-row .my-3 .form-control, .filter-panel-row .my-3 .form-select {
	flex-grow:1;
}

.filter-panel-row.filter-panel-utility {
	background: #fafafa;
	border-radius: 0 0 5px 5px;
}

.filter-panel-row .msl-divider {
    border-right: 1px solid #ccc;
    margin-right: 1rem;
    margin-left: 0.25rem;
}
	.filter-panel-row + .filter-panel-row {
		border-top: 1px solid #ccc;
	}
	.filter-panel legend {
		background: #ccc;
		padding: 0.5rem 1rem;
		margin: 0;
		width: auto;
		font-size: 1.5rem;
		font-weight: bold;
	}

.filter-panel-row *:last-child {
	margin:0;
}
	.filter-panel-row label, .filter-panel-row .label {
		margin: 0;
		font-weight: bold;
		display: flex;
		align-items: center;
		padding: .375rem .5rem .375rem 0;
		font-size: 1rem;
		line-height: 1.5;
		color: #212529;
		text-align: center;
		white-space: nowrap;
}
.filter-panel-row .validationwrapper {display: flex;align-items: center;}
.filter-panel-row .validationwrapper .form_error {
	margin: 0 0.5rem 0 0;
	align-items: center;
	font-size: .7rem;
	line-height: 1.5;
	background: #c00;
	padding: 0.2rem 0.4rem;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	border: none;
}

.vp_form [class="filter-panel-row"] *,
.ajax__tab_body [class="filter-panel-row"] * {
	font-size: inherit;
}
	.filter-panel-row .button {
		margin: 0 0 0 auto;
	}
.filter-panel-row input, .vp_form .filter-panel-row input {
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	width: auto;
}
.filter-panel-row input[type="checkbox"]+label {
	margin-left:0;
}
.filter-panel-row input[type="checkbox"]+label {
	margin-left:.5rem;
	margin-right: 1rem;
}
.filter-panel-row select,
.filter-panel-row > input[type="text"],
.filter-panel-row > input[type="date"],
.filter-panel-row div:not(.input-group) input[type="date"],
.filter-panel-row .vpFormPair:not(.vpDate) input {
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right: 1rem;
	padding: .375rem .5rem;
	border-radius: 3px;
	line-height: 1.5;
	background-clip: padding-box;
	border: 1px solid #ced2d6;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	font-size: 1rem;
	position: relative;
	flex: 1 1 auto;
	width: 1%;
	min-width: 0;
}
	.filter-panel-row select:last-child,
    .filter-panel-row input[type="text"]:last-child,
.filter-panel-row input[type="date"]:last-child,
#aspnetForm .filter-panel-row .vp_content:last-child input,
#aspnetForm .filter-panel-row input:not(.tomselect-checkbox):last-child {
		margin-right:0;
	}
.filter-panel-row a {
	padding: 0.35rem 0.5rem;
	font-weight: normal;
	font-size: 1rem;
	text-decoration: none;
	background-position: left 50%;
}
.filter-panel-row a.msl_refresh, .filter-panel-row a.msl_add {
	padding-left: 1.5rem;
}

.filter-panel-row .button +.button,
.filter-panel-row [type="submit"] +.button,
.filter-panel-row .button + [type="submit"],
.filter-panel-row [type="submit"] + [type="submit"],
.filter-panel-row a + a,
.button-panel .button + .button
{
	margin-left: 0.5rem;
}

#aspnetForm .filter-panel-row .vpFormPair,
#aspnetForm .filter-panel-row .vp_content,
#aspnetForm .filter-panel-row .vp_range {
	display: flex;
	margin-bottom:0;
	margin-top:0;
	flex-grow: 1;
	flex-wrap: wrap;
}

#aspnetForm .filter-panel-row .vpDate:only-child .my-2 {
	flex-grow:1;
}

#aspnetForm .filter-panel-row * + .vpFormPair {
	margin-left: 1rem;
}
@media (min-width:768px) {
.filter-panel-row .ts-wrapper {
	flex-grow:1;
	margin-right: 1rem;
}
}

.filter-panel-row .ts-wrapper:last-child {
	margin-right: 0;
}
.filter-panel-row .ts-wrapper.has-items .ts-control {
	padding-bottom: 3px;
}
.filter-panel-row .ts-control .clear-button {
	opacity:1;
	font-size: 1.2rem;
}
.filter-checkbox {
	display: flex;
}

.filter-panel-row .vpDate, .filter-panel-row .vp_range {
	display: flex;
	flex-grow: 1;
	align-items: center;
}

.filter-panel-row table tr, .filter-panel-row table td {
	display: flex;
}
.filter-panel-row table tr {
	flex-wrap: wrap;
}

@media (max-width: 992px) {
	.filter-panel-row label, .filter-panel-row .input-wrap .label {
		white-space:inherit;
	}
	.filter-panel-row select, .filter-panel-row input[type="text"] {
		min-width: 120px;
	}
}

@media (max-width: 768px) {
	.filter-panel-row {
		display: block;
	}
	.filter-panel-row + .filter-panel-row {
		border: none;
		padding-top:0;
	}
	.filter-panel-row + .filter-panel-utility {
		padding-top:.5rem;
	}
	.filter-panel-row label, .filter-panel-row .label {
		margin-bottom:-.25rem;
	}
	.filter-panel-row label.switch {
		margin-bottom: 0.5rem;
	}
	.filter-panel-row input[type="checkbox"],
	.filter-panel-row input[type="radio"]{
		margin-top: 0.75rem;
		margin-bottom: 0.75rem;
	}
	.filter-panel-row input[type="checkbox"] + label,
	.filter-panel-row input[type="checkbox"] + .label,
	.filter-panel-row input[type="radio"] + label,
	.filter-panel-row input[type="radio"] + .label
	{
		display: inline;
		margin-bottom: 0;
	}
	.filter-panel-row select, .filter-panel-row input[type="text"], .filter-panel-row input[type="date"] {
		width: 100%;
		margin-bottom: 1rem
	}
	.filter-panel-row .msl-divider {
		border-right:none;
		border-top: 1px solid #ccc;
		width: 100%;
		height: 1px;
		display: block;
		margin-bottom: 0.5rem;
	}
}

.filter-panel-row .vpFormSubmit {
	display: flex;
}
#aspnetForm .filter-panel-row * + .vpFormSubmit {
	margin-left: 1rem;
}

/* -------------------------------------------------------------
 AJAX Control Toolkit accordion styles
----------------------------------------------------------------- */
.msl_admin_page .ac-header {border:solid 1px #999; background:#eee; padding:1em;}
.msl_admin_page .ac-selected-header {border:solid 1px #999; background:#eee; padding:1em; font-weight:bold; }
.msl_admin_page .ac-content {border:solid 1px #999; padding:1em; }

/* nested accordion styles */
.msl_admin_page .ac-content .ac-header {border:solid 1px #999; background:#ccc; padding:1em;}
.msl_admin_page .ac-content .ac-selected-header {border:solid 1px #999; background:#ccc; padding:1em; font-weight:bold; }


/* temp - local testing */
.ac-header {border:solid 1px #999; background:#eee; padding:1em;}
.ac-selected-header {border:solid 1px #999; background:#eee; padding:1em; font-weight:bold; }
.ac-content {border:solid 1px #999; padding:1em; }


.msl_admin_page .vp_content.editor {margin:0;}

/* special styles for the postal address control */
.vp_form .title.address_title {
	margin-bottom: 0.5rem;
	/*font-weight: bold;*/
}
.msl_admin_page .clear_address {float:left;clear:both;}
.msl_admin_page .vp_form input .countrydropdown {display:inline-block; width:15em;padding:0;margin:0;}

.form-address .vp_content {float:left;}
.msl_admin_page .form-address .vp_content {float:none;margin-top:2em;}
.form-address .vp_content label {width:8em;display:inline-block;margin: 0 0 0.5em;}
.msl_admin_page .form-address .vp_content label {margin: 0 1em 1em -9em;}
.form-address .vp_content select, .form-address .vp_content input {margin-bottom:0;}
.form-address .clear_address {display: inline-block;color: #900;}

/* add scrollbars to checkbox lists */

.msl_admin_page .scroll_checkbox_list
{
    overflow: auto;
    border: solid 1px;
    width: 100%;
    height: 200px;
}

.msl_admin_page .scroll_gridview
{
    overflow-y:scroll;
    overflow-x:hidden;
    width: 98%;
    height: 300px;
    padding-right:15px;
    margin-bottom:20px;
}

.msl_admin_page .info_panel
{
    background-color:InfoBackground ;
    color: InfoText;
    font-weight: bold;
    padding:6px;
    margin-top:6px;
}

.msl_admin_page .popup, .vp_form.popup
{
   	width: auto;
	border: 1px solid #999;
	background: #fff;
	padding: 6px;
	z-index:10001 !important;
    max-height:90%;
    max-width:95%;
    overflow-y:auto;
}

.popup > fieldset:first-of-type {
    margin-top: 0;
}

.popup > fieldset:last-child {
    margin-bottom: 0;
}
.msl_admin_page .vp_form.popup .vpFormSubmit {
    padding: 1rem;
    border-top: 1px solid #ccc;
	margin: 0 -6px -6px;
    text-align: left;
    background: #fafafa;
}

.msl_admin_page .vp_form.popup fieldset .vpFormSubmit {
	margin: 0 -14px -14px;
}

.vp_form.popup .vpFormSubmit .button {
	margin: 0 1rem 0 0 !important;
	padding: 0.5rem !important;
	float: none;
	display: inline-block;
}
.vp_form.popup .vpFormSubmit .button:last-of-type {
	margin:0 !important;
}
.modalBackground
{
	z-index:10000 !important;
}

/* modal close button */
.popup .msl-close {
    position: absolute;
    top: 7px;
    right: 7px;
    border: none;
    font-size: 2rem;
    line-height: 0;
    background: #fff;
    width: 40px;
    height: 40px;
    transition: 0.2s ease all;
    cursor: pointer;
}

	.popup .msl-close:hover, .popup .msl-close:focus {
		background: #900;
		color: #fff;
	}

/* style for review registrations button keys */

.tool-key-wrap {
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items: center;
}
.tool-key-wrap div.tools {
	float:none
}
body div.button_key
{
    display: flex;
    justify-content: end;
    padding: 0;
    clear:both;
    align-items: center;
}
.button_key_label {
	padding: .75rem .75rem;
	font-weight: bold;
	background: #eee;
	border-bottom: 1px solid #ccc;
}
.button_key ul
{
	background: #fff;
	margin: 0;
	padding: 0 0.5rem;
	display: flex;
	list-style:none;
	border-bottom: 1px solid #ccc;
	flex-wrap: wrap;
}

.button_key li
{
    margin: 0;
    display: flex;
    padding: .75rem .5rem;
    align-items: center;
}

.button_key li i {
	margin-right: 0.35rem;
	color: #06c;
}

.button_key li+li {
	margin:0 0 0 .5rem;
}
.button_key li span {
	line-height:1;
	padding-left: 1.25rem;
}
/* CollapsiblePanel extender classes */
.msl_admin_page .showhidelink {
    background: none repeat scroll 0 0 #ffc;
    border: 1px solid #fc0;
    color: #333333;
    display: block;
    font-weight: bold;
    line-height: 1;
    margin: 0.5em;
    padding: 0.5em;
    cursor:pointer;
}

.msl_admin_page .showhidelink:hover {
    background:#ffa;
    border: 1px solid #ca0;
    box-shadow: 0 0 3px 0 #ccc;
}

/* survey checkboxlist/radiolist */
.vp_content ul {
    list-style: none;
}

/* containers for plain text, preserve spacing and newlines */
.multi-line-plain-text {white-space:pre-wrap;}

.msl-clearfloat {
    clear: both;
}

.msl_admin_page .vp_content .image_preview {
    max-width:100px;
    max-height:100px;
}

/* CKEditor style overrides */
body .cke_combopanel{
    width:250px;
}

/* Icon-enabled text columns */
.msl_table .msl-no-text span {
    text-indent: -5000px;
    overflow: hidden;
    white-space: nowrap;
}

/* Applied to content relevant for screenreaders only
   The content can be read by a screenreader but is not visible on screen
   Applies to caption on review basket page */
.msl-visually-hidden, #reviewbasket .msl_table[id$="_gvItems"] caption, #reviewbasket .msl_table[id$="_gvSavedItems"] caption {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* Slider control */

.slider-wrap.vp_content {
	display: inline-block;
	text-align: center;
}

.qt_slider .title {
	display: block;
}

.slider-wrap.vp_content > span.slider-value {
	display: inline-block;
	text-align: center;
	background: #eee;
	padding: 0.25rem 0.75rem;
	font-weight: bold;
	border-radius: 3px;
	border: 1px solid #ccc;
	margin-bottom: 0.5rem
}

.slider-bar-wrap {
	display: flex;
	align-items: center;
}

	.slider-bar-wrap > * + * {
		margin-left: .5rem;
	}

	.slider-bar-wrap > span {
		padding: 0.25rem .5rem;
		background: #cda;
		border-radius: 50%;
		width: 2rem;
		text-align: center;
	}


/* Finance Code modal */
.msl-fc {
	display: flex;
	flex-wrap: wrap;
}

	.msl-fc > div {
		flex-grow: 1;
	}

		.msl-fc > div label, .msl-fc > div input {
			display: block;
			float: none;
		}

.vp_form .msl-fc > div label {
	margin: 0 0;
	font-size: 0.9rem;
}

.vp_form .msl-fc > div input {
	margin: 0 1rem 0.5rem 0;
	width: auto;
	max-width: 180px;
	padding: 0.25rem 0.5rem;
}

@media all and (max-width:600px) {
	.msl-fc {
		flex-direction: column;
	}
}

/* Paging */

.paging {
	display: flex;
	flex-wrap: wrap;
	margin: 1rem 0;
}
.paging-section {
	flex-grow:1;
	display: flex
}
.paging .paging-section:first-of-type a:first-of-type {
	margin-left:0;
}
.paging .paging-section:last-of-type a:last-of-type {
	margin-right:0;
}
.paging-section a {
	padding: .5rem;
	text-decoration: none;
	border: 1px solid #ccc;
	border-radius: 5px;
	flex-grow:1;
	text-align: center;
	color: #000;
	transition: 0.2s ease all;
	margin: 0 0.25rem;
}

.pages-wrapper a {
	margin: 0 0.25rem;
}
.paging-section a:hover, .paging-section a:focus, .paging-section a:active {
	background: #ccc;
}

.paging-section a.aspNetDisabled {
	color: #fff;
	background-color: #6C757D;
	border-color: #6C757D;
	opacity:0.5;
	pointer-events:none;
}


.msl-info-panel[id]{
	clear: both;
	padding: 1rem;
	margin:1rem;
	border: 1px solid #ccc;
	border-radius: 5px;
	display: flex;
	align-items: center;

}
.msl-info-panel[id] p {
	flex: 4 1 min-content;
	margin:0;
	padding: 0 2rem;
	background-position: left 50%;
}

.msl-info-panel[id] a {
	background: #fc0;
	color: #000;
	text-decoration: none;
	padding: 0.5rem 1rem;
	border-radius: 10px;
	transition: 0.2s ease all;
	border: 1px solid transparent;
}
.msl-info-panel[id] a:hover {
	background: #fff;
	border: 1px solid #fc0;
}

/* Editor Toolbars */

.edit-wrap {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 2.5rem 1rem 1rem;
	margin: 1rem 0;
	position: relative;
}
.edit-wrap .edit-buttons {
	display: flex;
}
	.edit-wrap .edit-buttons input {
		margin-left: .5rem;
	}
		.edit-wrap .edit-buttons input:first-child {
			margin-left: auto;
		}
.edit-textbox {
	margin: 1rem 0;
}
.edit-textbox > textarea {
	display: block;
	width: 100%;
	font-size: 1rem;
	height: 8rem;
}
.edit-wrap .editor-label {
	font-size: 1rem;
	position: absolute;
	top:0;
	left:0;
	padding: 0.35rem 0.5rem;
	background: #ddd;
	border-radius: 5px 0 5px 0;
}

/* New Admin toggle button */
/* This can be removed once New Admin is standard */
.new-admin-toggle {
	background:#fff;padding: 2px;margin: 0.25rem;border-radius: 5px;color: #000;border: 1px solid #ccc;
}
.msl-commentername-placeholder {
	font-weight: lighter;
}

/* Select Organisation filtering */
#msl-selectorganisation-organisation-list > .col {
	display: block;
}
#msl-selectorganisation-organisation-list > .col[data-visibility-type="false"],
#msl-selectorganisation-organisation-list > .col[data-visibility-cat="false"],
#msl-selectorganisation-organisation-list > .col[data-visibility-name="false"]{
	display: none;
}

.msl-hide-if-empty:empty {
	display: none !important;
}

.btn.btn-add {
    --bs-btn-color: #fff;
    --bs-btn-bg: #3aa705;
    --bs-btn-border-color: #3aa705;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #08a730;
    --bs-btn-hover-border-color: #18b735;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #18b735;
    --bs-btn-active-border-color: #18b735;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #3aa705;
    --bs-btn-disabled-border-color: #3aa705;
}
.btn-add:before {
	font-family: "Font Awesome 6 Pro";
	content: "\2b";
	margin-right: 0.5rem;
}
.btn-add:empty {
    padding: 0.5rem;
    line-height: 1;
}
.btn-add:empty:before {
	margin:0;
}
.fa-shim .btn-add.button {
	color: #fff;
    background: #3aa705;
    border: 1px solid #3aa705;
}
.fa-shim .fa-calendar:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23ffffff' d='M224 64C206.3 64 192 78.3 192 96L192 128L160 128C124.7 128 96 156.7 96 192L96 240L544 240L544 192C544 156.7 515.3 128 480 128L448 128L448 96C448 78.3 433.7 64 416 64C398.3 64 384 78.3 384 96L384 128L256 128L256 96C256 78.3 241.7 64 224 64zM96 288L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 288L96 288z'/%3E%3C/svg%3E");
	width: 1.25rem;
	height: 1.25rem;
}
/* Status Property Badges */
.status-property {
    padding: 0.375rem 0.75rem;
    font-size: .8rem;
    line-height: 1.5;
    display: inline-block;
    font-weight: var(--bs-btn-font-weight);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    border: var(--bs-border-width) solid var(--bs-btn-border-color);
    background-color: var(--bs-btn-bg);
}
.status-property.status-green {
    background: #6c0;
}
.status-property.status-yellow {
    background: #fc0;
}
.status-property.status-info {
    background: #0dcaf0;
}
.status-property.status-red {
    border-color: #c00;
    color: #c00;
    background: #fff;
}
.status-property.status-grey {
    background: #ccc;
}

.btn-helper-class {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s 
ease-in-out, background-color .15s 
ease-in-out, border-color .15s 
ease-in-out, box-shadow .15s 
ease-in-out;
}

.fa-shim .fa-trash.btn-helper-class:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23ffffff' d='M232.7 69.9L224 96L128 96C110.3 96 96 110.3 96 128C96 145.7 110.3 160 128 160L512 160C529.7 160 544 145.7 544 128C544 110.3 529.7 96 512 96L416 96L407.3 69.9C402.9 56.8 390.7 48 376.9 48L263.1 48C249.3 48 237.1 56.8 232.7 69.9zM512 208L128 208L149.1 531.1C150.7 556.4 171.7 576 197 576L443 576C468.3 576 489.3 556.4 490.9 531.1L512 208z'/%3E%3C/svg%3E");
	width: 1.5rem;
	display: flex;
}

/* Gridview Pager */
table td:only-of-type > table {
	width: 100%;
}
table td:only-of-type > table tr {
	display: flex;
	justify-content:space-evenly;
}
table td:only-of-type > table td {
	text-align: center;
	flex-grow:1;
	padding:0;
}
table td:only-of-type > table a, table td:only-of-type > table span {
	text-decoration: none;
	width: 100%;
	display: block;
	padding: .5rem;
}
table td:only-of-type > table a {
	background: #eee;
	color: #333;
	transition:0.2s ease all;
}
table td:only-of-type > table a:hover {
	background: #ccc;
}
table td:only-of-type > table span {
	background: #ccc;
}