/*-----------------------------
	Links, buttons etc.
-----------------------------*/
/*.window {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/window.gif) no-repeat 0 50%;
	}
.window_sidebar {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/window_sidebar.gif) no-repeat 0 50%;
	}
.document {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/document.gif) no-repeat 0 50%;
	}
.membership {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/id_card.gif) no-repeat 0 50%;
	}
.person {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/user1.gif) no-repeat 0 50%;
	}
.group , .friends {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/users1.gif) no-repeat 0 50%;
	}
.email {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/mail.gif) no-repeat 0 50%;
	}

.web {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/earth.gif) no-repeat 0 50%;
	}
.post {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/home.gif) no-repeat 0 50%;
	}
.phone {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/mobilephone2.gif) no-repeat 0 50%;
	}
.print {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/printer.gif) no-repeat 0 50%;
	}
.index {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/index.gif) no-repeat 0 50%;
	}
.message {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/document_text.gif) no-repeat 0 50%;
	}
.message_unread {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/document_new.gif) no-repeat 0 50%;
	}
.messagecentre {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/mailbox_full.gif) no-repeat 0 50%;
	}
.edit {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/edit.gif) no-repeat 0 50%;
	}
.ok {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/check2.gif) no-repeat 0 50%;
	}
.add {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/add2.png) no-repeat 0 50%;
	}
.home {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/home.gif) no-repeat 0 50%;
	}
.search {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/view.gif) no-repeat 0 50%;
	}
.attachment {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/document_attachment.gif) no-repeat 0 50%;
	}
.message_send {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/arrow_right_green.gif) no-repeat 0 50%;
	}
.message_send_disabled {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/arrow_right_blue.gif) no-repeat 0 50%;
	color: #999;
	}
.message_em {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/message_EM.gif) no-repeat 0 50%;
	}
.message_pm {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/message_PM.gif) no-repeat 0 50%;
	}
.message_sm {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/message_SM.gif) no-repeat 0 50%;
	}
.message_am {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/message_PM.gif) no-repeat 0 50%;
	}
.msl-message-status-sending {
    padding: 0 0 0 18px;
    display: inline-block;
    background: transparent url(images/icons/16/loading_16.gif) no-repeat 0 50%;
}
.msl-message-status-sent {
    padding: 0 0 0 18px;
    display: inline-block;
    background: transparent url(images/icons/16/check.gif) no-repeat 0 50%;
}
.msl-message-status-scheduled {
    padding: 0 0 0 18px;
    display: inline-block;
    background: transparent url(images/icons/16/clock.gif) no-repeat 0 50%;
}
.reset {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/warning.gif) no-repeat 0 50%;
	}

.warning {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/warning.gif) no-repeat 0 50%;
	}	
.enable {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/check2.gif) no-repeat 0 50%;
	}	
.disable , .stop {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/stop.gif) no-repeat 0 50%;
	}
.help {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/help2.gif) no-repeat 0 50%;
	}
.purchases {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/shoppingbasket_full.gif) no-repeat 0 50%;
	}
.mail_delete {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/mail_delete.gif) no-repeat 0 50%;
	}
.mail_read {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/mail_preferences.gif) no-repeat 0 50%;
	}
.mail_deleted {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/garbage.gif) no-repeat 0 50%;
	}
.mail_move {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/mail_into.gif) no-repeat 0 50%;
	}
.mail_sent {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/mail_forward.gif) no-repeat 0 50%;
	}
.mail_write {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/mail_write.gif) no-repeat 0 50%;
	}
.contact {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/address_book.gif) no-repeat 0 50%;
	}
.delete , .deleted {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/delete2.gif) no-repeat 0 50%;
	}
.undelete  {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/undo.gif) no-repeat 0 50%;
	}
.view {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/find.gif) no-repeat 0 50%;
	}
.save {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/disk_blue.gif) no-repeat 0 50%;
	}
.back {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/arrow_left_blue.gif) no-repeat 0 50%;
	}
.forward {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/arrow_right_blue.gif) no-repeat 0 50%;
	}
.collapse {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/up_minus.gif) no-repeat 0 50%;
	}
.expand {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/down_plus.gif) no-repeat 0 50%;
	}
.pm {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/document_pinned.gif) no-repeat 0 50%;
	}
.update {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/disk_blue.gif) no-repeat 0 50%;
	}
.cancel {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/delete2.gif) no-repeat 0 50%;
	}
.basket {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/basket.gif) no-repeat 0 50%;
	}	
.checkout {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/arrow_right_blue.gif) no-repeat 0 50%;
	}	
.delivery {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/box.gif) no-repeat 0 50%;
	}	
.report {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/document_text.gif) no-repeat 0 50%;
	}
.forums {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/message.gif) no-repeat 0 50%;
	}
.forum {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/document_text.gif) no-repeat 0 50%;
	}
.forum_watching {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/document_text.gif) no-repeat 0 50%;
	}
.forum_watching_new {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/document_new.gif) no-repeat 0 50%;
	}
.forum_reply {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/document_into.gif) no-repeat 0 50%;
	}
.forum_newtopic {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/document_add.gif) no-repeat 0 50%;
	}
.forum_quote {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/forum_quote.gif) no-repeat 0 50%;
	}
.forum_moderate {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/document_edit.gif) no-repeat 0 50%;
	}

.tickets {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/tickets.gif) no-repeat 0 50%;
	}
.up {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/arrow_up_blue.gif) no-repeat 0 50%;
	}
.down {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/arrow_down_blue.gif) no-repeat 0 50%;
	}
.upload {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/arrow_up_green.gif) no-repeat 0 50%;
	}
.clockwise {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/clockwise.gif) no-repeat 0 50%;
	}
.anticlockwise {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/anticlockwise.gif) no-repeat 0 50%;
	}
.horizontal {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/horizontal.gif) no-repeat 0 50%;
	}
.vertical {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/vertical.gif) no-repeat 0 50%;
	}
	.unioncontact {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/mail2.gif) no-repeat 0 50%;
	}
/*
Note, the order of sticky and announcement is used 
to give greater specificity to one or the other should both be applied
*/
.sitemap {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/signpost.gif) no-repeat 0 50%;
	}

.sticky {
	display: inline-flex;
	align-items: center;
}
	.sticky:before {
		margin-right: 0.25rem;
		content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3C!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--%3E%3Cpath d='M192 284.4C256.1 269.9 304 212.5 304 144 304 64.5 239.5 0 160 0S16 64.5 16 144c0 68.5 47.9 125.9 112 140.4L128 480c0 17.7 14.3 32 32 32s32-14.3 32-32l0-195.6zM168 96c-30.9 0-56 25.1-56 56 0 13.3-10.7 24-24 24s-24-10.7-24-24c0-57.4 46.6-104 104-104 13.3 0 24 10.7 24 24s-10.7 24-24 24z'/%3E%3C/svg%3E");
		width: .6rem;
		height: 1.3rem;
	}
.announcement {
	display: inline-flex;
	align-items: center;
}
	.announcement:before {
		margin-right: 0.25rem;
		content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--%3E%3Cpath d='M461.2 18.9C472.7 24 480 35.4 480 48l0 416c0 12.6-7.3 24-18.8 29.1s-24.8 3.2-34.3-5.1l-46.6-40.7c-43.6-38.1-98.7-60.3-156.4-63l0 95.7c0 17.7-14.3 32-32 32l-32 0c-17.7 0-32-14.3-32-32l0-96C57.3 384 0 326.7 0 256S57.3 128 128 128l84.5 0c61.8-.2 121.4-22.7 167.9-63.3l46.6-40.7c9.4-8.3 22.9-10.2 34.3-5.1zM224 320l0 .2c70.3 2.7 137.8 28.5 192 73.4l0-275.3c-54.2 44.9-121.7 70.7-192 73.4L224 320z'/%3E%3C/svg%3E");
		width: 1rem;
		height: 1.1rem;
		margin-right: 0.35rem;
	}
/* - Documents - */
.msl_xls {
	display: inline-flex;
	align-items: center;
}
	.msl_xls:before {
		margin-right: 0.25rem;
		content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free v6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--%3E%3Cpath fill='rgb(0, 0, 0)' d='M64 256l0-96 160 0 0 96L64 256zm0 64l160 0 0 96L64 416l0-96zm224 96l0-96 160 0 0 96-160 0zM448 256l-160 0 0-96 160 0 0 96zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z'/%3E%3C/svg%3E");
		width: 1rem;
		height: 1rem;
		margin-right: 0.25rem;
	}
.msl_pdf {
	display: inline-flex;
	align-items: center;
}
	.msl_pdf:before {
		margin-right: 0.25rem;
		content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3C!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--%3E%3Cpath fill='rgb(0, 0, 0)' d='M208 48L96 48c-8.8 0-16 7.2-16 16l0 384c0 8.8 7.2 16 16 16l80 0 0 48-80 0c-35.3 0-64-28.7-64-64L32 64C32 28.7 60.7 0 96 0L229.5 0c17 0 33.3 6.7 45.3 18.7L397.3 141.3c12 12 18.7 28.3 18.7 45.3l0 149.5-48 0 0-128-88 0c-39.8 0-72-32.2-72-72l0-88zM348.1 160L256 67.9 256 136c0 13.3 10.7 24 24 24l68.1 0zM240 380l32 0c33.1 0 60 26.9 60 60s-26.9 60-60 60l-12 0 0 28c0 11-9 20-20 20s-20-9-20-20l0-128c0-11 9-20 20-20zm32 80c11 0 20-9 20-20s-9-20-20-20l-12 0 0 40 12 0zm96-80l32 0c28.7 0 52 23.3 52 52l0 64c0 28.7-23.3 52-52 52l-32 0c-11 0-20-9-20-20l0-128c0-11 9-20 20-20zm32 128c6.6 0 12-5.4 12-12l0-64c0-6.6-5.4-12-12-12l-12 0 0 88 12 0zm76-108c0-11 9-20 20-20l48 0c11 0 20 9 20 20s-9 20-20 20l-28 0 0 24 28 0c11 0 20 9 20 20s-9 20-20 20l-28 0 0 44c0 11-9 20-20 20s-20-9-20-20l0-128z'/%3E%3C/svg%3E");
		width: 1rem;
		height: 1rem;
		margin-right: 0.25rem;
	}

/*------------------*/
.rss {
	display: inline-flex;
	align-items: center;
	}
	.rss:before {
		margin-right: 0.25rem;
		content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--%3E%3Cpath fill='rgb(255, 112, 0)' d='M0 64c0-17.7 14.3-32 32-32 229.8 0 416 186.2 416 416 0 17.7-14.3 32-32 32s-32-14.3-32-32C384 253.6 226.4 96 32 96 14.3 96 0 81.7 0 64zM0 416a64 64 0 1 1 128 0 64 64 0 1 1 -128 0zM32 160c159.1 0 288 128.9 288 288 0 17.7-14.3 32-32 32s-32-14.3-32-32c0-123.7-100.3-224-224-224-17.7 0-32-14.3-32-32s14.3-32 32-32z'/%3E%3C/svg%3E");
		width: 1rem;
		height: 1rem;
		margin-right: 0.25rem;
	}


.photo {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/photo_scenery.gif) no-repeat 0 50%;
	}
.photo_gallery {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/book_red.gif) no-repeat 0 50%;
	}
.photo_tag {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/pen_blue.gif) no-repeat 0 50%;
	}
.photo_draw_tag {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/pen_blue.gif) no-repeat 0 50%;
	}
.photo_del_tag  {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/photo/delTag.gif) no-repeat 0 50%;
	}

.league_table {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/league_table.gif) no-repeat 0 50%;
	}
.league_fixture {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/league_fixture.gif) no-repeat 0 50%;
	}
.league_player {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/dude4.gif) no-repeat 0 50%;
	}
.league_captain {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/dude2.gif) no-repeat 0 50%;
	}
.security {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/security_agent.gif) no-repeat 0 50%;
	}
.sort_az {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/sort_az_descending.gif) no-repeat 0 50%;
	}
.sort_za {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/sort_az_ascending.gif) no-repeat 0 50%;
	}
.copy {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/copy.gif) no-repeat 0 50%;
	}
.history {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/clock.gif) no-repeat 0 50%;
	}
.advanced {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/gears.gif) no-repeat 0 50%;
	}	
.close {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/close.gif) no-repeat 0 50%;
	}	
.customisation {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/note_edit.gif) no-repeat 0 50%;
	}
.submission {
	padding: 0 0 0 18px; display: inline-block;
	background: transparent url(images/icons/16/check2.gif) no-repeat 0 50%;
}
/* Icon only */
.icon-only {
    text-indent:-5000px;
    overflow: hidden;
    width: 18px;
}

/* MSL Default Icons.  Used throughout the site and on gridview tables. */

.msl_add {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/add2.png) no-repeat 0 0;
}
.msl_edit {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/edit.png) no-repeat 0 0;
}
.msl_delete {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/delete2.png) no-repeat 0 0;
}
.msl_view {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/view.png) no-repeat 0 0;
}
.msl_report {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/document_info.png) no-repeat 0 0;
}
.msl_save {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/disk_blue.png) no-repeat 0 0;
}
.msl_cancel {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/undo.png) no-repeat 0 0;
}
.msl_undo {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/undo.png) no-repeat 0 0;
}
.msl_rss {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/rss.png) no-repeat 0 0;
}
.msl_ticket {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/ticket_blue.png) no-repeat 0 0;
}
.msl_admin {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/control_panel.png) no-repeat 0 0;
}
.msl_compare {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/documents_exchange.png) no-repeat 0 50%;
}
.msl_properties {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/preferences.png) no-repeat 0 50%;
}
.msl_email {
	display: inline-flex;
	align-items:center;
}
	.msl_email:before {
		margin-right: 0.25rem;
		content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--%3E%3Cpath d='M48 64c-26.5 0-48 21.5-48 48 0 15.1 7.1 29.3 19.2 38.4l208 156c17.1 12.8 40.5 12.8 57.6 0l208-156c12.1-9.1 19.2-23.3 19.2-38.4 0-26.5-21.5-48-48-48L48 64zM0 196L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-188-198.4 148.8c-34.1 25.6-81.1 25.6-115.2 0L0 196z'/%3E%3C/svg%3E");
		width: 1rem;
		height: 1.1rem;
	}
.msl_web {
	display: inline-flex;
	align-items: center;
}
	.msl_web:before {
		margin-right: 0.25rem;
		content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3C!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--%3E%3Cpath d='M419.5 96c-16.6 0-32.7 4.5-46.8 12.7-15.8-16-34.2-29.4-54.5-39.5 28.2-24 64.1-37.2 101.3-37.2 86.4 0 156.5 70 156.5 156.5 0 41.5-16.5 81.3-45.8 110.6l-71.1 71.1c-29.3 29.3-69.1 45.8-110.6 45.8-86.4 0-156.5-70-156.5-156.5 0-1.5 0-3 .1-4.5 .5-17.7 15.2-31.6 32.9-31.1s31.6 15.2 31.1 32.9c0 .9 0 1.8 0 2.6 0 51.1 41.4 92.5 92.5 92.5 24.5 0 48-9.7 65.4-27.1l71.1-71.1c17.3-17.3 27.1-40.9 27.1-65.4 0-51.1-41.4-92.5-92.5-92.5zM275.2 173.3c-1.9-.8-3.8-1.9-5.5-3.1-12.6-6.5-27-10.2-42.1-10.2-24.5 0-48 9.7-65.4 27.1L91.1 258.2c-17.3 17.3-27.1 40.9-27.1 65.4 0 51.1 41.4 92.5 92.5 92.5 16.5 0 32.6-4.4 46.7-12.6 15.8 16 34.2 29.4 54.6 39.5-28.2 23.9-64 37.2-101.3 37.2-86.4 0-156.5-70-156.5-156.5 0-41.5 16.5-81.3 45.8-110.6l71.1-71.1c29.3-29.3 69.1-45.8 110.6-45.8 86.6 0 156.5 70.6 156.5 156.9 0 1.3 0 2.6 0 3.9-.4 17.7-15.1 31.6-32.8 31.2s-31.6-15.1-31.2-32.8c0-.8 0-1.5 0-2.3 0-33.7-18-63.3-44.8-79.6z'/%3E%3C/svg%3E");
		width: 1rem;
		height: 1.1rem;
	}
.msl_twitter {
	display: inline-flex;
	align-items: center;
}
	.msl_twitter:before {
		margin-right: 0.25rem;
		content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--%3E%3Cpath fill='%23000000' d='M357.2 48L427.8 48 273.6 224.2 455 464 313 464 201.7 318.6 74.5 464 3.8 464 168.7 275.5-5.2 48 140.4 48 240.9 180.9 357.2 48zM332.4 421.8l39.1 0-252.4-333.8-42 0 255.3 333.8z'/%3E%3C/svg%3E");
		width: 1rem;
		height: 1.1rem;
	}
.msl_facebook {
	display: inline-flex;
	align-items: center;
}
	.msl_facebook:before {
		margin-right: 0.25rem;
		content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--%3E%3Cpath fill='%231877f2' d='M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5l0-170.3-52.8 0 0-78.2 52.8 0 0-33.7c0-87.1 39.4-127.5 125-127.5 16.2 0 44.2 3.2 55.7 6.4l0 70.8c-6-.6-16.5-1-29.6-1-42 0-58.2 15.9-58.2 57.2l0 27.8 83.6 0-14.4 78.2-69.3 0 0 175.9C413.8 494.8 512 386.9 512 256z'/%3E%3C/svg%3E");
		width: 1rem;
		height: 1.1rem;
	}
.msl_instagram {
	display: inline-flex;
	align-items: center;
}
	.msl_instagram:before {
		margin-right: 0.25rem;
		content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--%3E%3Cpath fill='%238134af' d='M224.3 141a115 115 0 1 0 -.6 230 115 115 0 1 0 .6-230zm-.6 40.4a74.6 74.6 0 1 1 .6 149.2 74.6 74.6 0 1 1 -.6-149.2zm93.4-45.1a26.8 26.8 0 1 1 53.6 0 26.8 26.8 0 1 1 -53.6 0zm129.7 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM399 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3C/svg%3E");
		width: 1rem;
		height: 1.1rem;
	}
.msl_youtube {
	display: inline-flex;
	align-items: center;
}
	.msl_youtube:before {
		margin-right: 0.25rem;
		content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3C!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--%3E%3Cpath fill='%23ff0000' d='M549.7 124.1C543.5 100.4 524.9 81.8 501.4 75.5 458.9 64 288.1 64 288.1 64S117.3 64 74.7 75.5C51.2 81.8 32.7 100.4 26.4 124.1 15 167 15 256.4 15 256.4s0 89.4 11.4 132.3c6.3 23.6 24.8 41.5 48.3 47.8 42.6 11.5 213.4 11.5 213.4 11.5s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zM232.2 337.6l0-162.4 142.7 81.2-142.7 81.2z'/%3E%3C/svg%3E");
		width: 1rem;
		height: 1.1rem;
	}
.msl_webpage {
    padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/text_rich_colored.png) no-repeat 0 50%;
}
.msl_history {
    padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/clock.png) no-repeat 0 50%;
}
.msl_person {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/user.png) no-repeat 0 0;
}
.msl_membership {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/id_card2.png) no-repeat 0 0;
}
.msl_friends {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/users4.png) no-repeat 0 0;
}
.msl_groups {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/users1.png) no-repeat 0 0;
}
.msl_contact {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/mail.png) no-repeat 0 0;
}
.msl_message {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/mailbox_full.png) no-repeat 0 0;
}
.msl_calendar {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/calendar.png) no-repeat 0 0;
}
.msl_photo {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/photo_landscape.png) no-repeat 0 0;
}
.msl_shop {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/shopping_basket_empty.png) no-repeat 0 0;
}
.msl_basket {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/basket.gif) no-repeat 0 50%;
	}
.msl_pagemetadata {
	padding: 0 0 0 18px; display: inline-block;	min-height: 16px;
	background: transparent url(images/icons/16/document_info.png) no-repeat 0 0;
}
.msl_pagestyle {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/window_colors.png) no-repeat 0 0;
}
.msl_security {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/lock.png) no-repeat 0 0;
}
.msl_movepage {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/window_next.png) no-repeat 0 0;
}
.msl_documents {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/documents.png) no-repeat 0 0;
}
.msl_refresh {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/refresh.png) no-repeat 0 0;
}
.msl_tick {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/check.png) no-repeat 0 0;
}
.msl_stop {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/stop.png) no-repeat 0 0;
}
.msl_copy {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/copy.png) no-repeat 0 0;
}
.msl_nav_left {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/nav_left_blue.png) no-repeat 0 0;
}
.msl_nav_up {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/nav_up_blue.png) no-repeat 0 0;
}
.msl_nav_down {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/nav_down_blue.png) no-repeat 0 0;
}
.msl_stopgo_go {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/nav_plain_green.png) no-repeat 0 0;
}
.msl_stopgo_stop {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/nav_plain_red.png) no-repeat 0 0;
}
.msl_note_edit {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/note_edit.png) no-repeat 0 0;
}

.msl_sales {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/cashier.png) no-repeat 0 0;
}

.msl_tools {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/gears.png) no-repeat 0 0;
}

.msl_filter {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/funnel.png) no-repeat 0 0;
}

.msl_document {
	padding: 0 0 0 18px; display: inline-block;	min-height: 16px;
	background: transparent url(images/icons/16/document.gif) no-repeat 0 0;
}
.msl_image {
	padding: 0 0 0 18px; display: inline-block;	min-height: 16px;
	background: transparent url(images/icons/16/image.gif) no-repeat 0 0;
}

.msl_updating16 {
    background: url(images/icons/16/loading_16.gif) no-repeat scroll 50% 50% transparent;
    display: inline-block;
    min-height: 12px;
    padding: 0 0 0 18px;
}

.msl_updating32 {
    background: url(images/icons/32/loading_32.gif) no-repeat scroll 50% 50% transparent;
    display: inline-block;
    min-height: 32px;
    padding: 0 0 0 32px;
}

.msl_updating64 {
    background: url(images/icons/64/loading_64.gif) no-repeat scroll 50% 50% transparent;
    display: inline-block;
    min-height: 64px;
    padding: 0 0 0 64px;
}

.msl_sortorder {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/up_down.png) no-repeat 0 0;
}

.msl_election_posts {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/user1.png) no-repeat 0 0;
}

.msl_election_candidates {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/users4.png) no-repeat 0 0;
}

.msl_election_counts {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/chart.png) no-repeat 0 0;
}

.msl_notify_unconfigured {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/icon-notify-configure.png) no-repeat 0 0;
}

.msl_notify_inactive {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/icon-notify-inactive.png) no-repeat 0 0;
}

.msl_notify_active {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/icon-notify-active.png) no-repeat 0 0;
}


/* Page Types */
.msl_page_normal {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/document_plain.png) no-repeat 0 50%;
}
.msl_page_code {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/gear.png) no-repeat 0 50%;
}
.msl_page_system {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/gear.png) no-repeat 0 50%;
}
.msl_page_handler {
	padding: 0 0 0 18px; display: inline-block;	min-height: 16px;
	background: transparent url(images/icons/16/gear.png) no-repeat 0 50%;
}
.msl_page_admin {
	padding: 0 0 0 18px; display: inline-block;	min-height: 16px;
	background: transparent url(images/icons/16/gear.png) no-repeat 0 50%;
}
.msl_page_redirect {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/documents_exchange.png) no-repeat 0 50%;
}
.msl_page_form {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/form_blue.png) no-repeat 0 50%;
}
.msl_page_organisation {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/document_plain_blue.png) no-repeat 0 50%;
}
.msl_page_newsarticle {
	padding: 0 0 0 18px; display: inline-block;	min-height: 16px;
	background: transparent url(images/icons/16/document_info.png) no-repeat 0 50%;
}
.msl_page_event {
	padding: 0 0 0 18px; display: inline-block;	min-height: 16px;
	background: transparent url(images/icons/16/calendar.png) no-repeat 0 50%;
}
.msl_page_deleted {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/document_delete.png) no-repeat 0 50%;
}
.msl_page_dummy {
    background: transparent url("images/icons/16/document_dummy.png") no-repeat scroll 0 50%;
    display: inline-block;
    min-height: 16px;
    padding: 0 0 0 18px;
}

/* Contact Types */
/* Each one of these corresponds to a contact type in the database. */
.msl_contact-personal {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/user.png) no-repeat 0 0;
}
.msl_contact-home {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/home.png) no-repeat 0 0;
}
.msl_contact-mobile {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/mobilephone.png) no-repeat 0 0;
}
.msl_contact-other {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/id_card2.png) no-repeat 0 0;
}
.msl_contact-term-time {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/calendar.png) no-repeat 0 0;
}
.msl_contact-union {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/dude.png) no-repeat 0 0;
}
.msl_contact-university {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/graduate.png) no-repeat 0 0;
}
.msl_contact-work {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/briefcase.png) no-repeat 0 0;
}

/* these are the old ones, using the code. */
.msl_contact-PE {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/user.png) no-repeat 0 0;
}
.msl_contact-HO {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/home.png) no-repeat 0 0;
}
.msl_contact-MO {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/mobilephone.png) no-repeat 0 0;
}
.msl_contact-OT {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/id_card2.png) no-repeat 0 0;
}
.msl_contact-TT {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/calendar.png) no-repeat 0 0;
}
.msl_contact-UN {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/dude.png) no-repeat 0 0;
}
.msl_contact-UV {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/graduate.png) no-repeat 0 0;
}
.msl_contact-WO {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/briefcase.png) no-repeat 0 0;
}

.msl_gridview_image {
    padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent no-repeat 0 0;
}

/* Icons (FA update 2024) */
.btn-danger, .btn-primary, .btn-success {
	--fa-primary-color: #fff;
	--fa-secondary-color: #fff;
}


/* MSL Default Icons mapped to Font Awesome */

.msl_add {
	padding: 0 0 0 18px;
	display: inline-block;
	min-height: 16px;
	background-image: none;
}
	.msl_add:before {
		font-family: "Font Awesome 6 Pro";
		content: "\f055";
		font-weight: 900;
		margin-right: 0.25rem;
	}
.msl_edit {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/edit.png) no-repeat 0 0;
}
.msl_delete {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/delete2.png) no-repeat 0 0;
}
.msl_view {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/view.png) no-repeat 0 0;
}
.msl_report {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/document_info.png) no-repeat 0 0;
}
.msl_save {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/disk_blue.png) no-repeat 0 0;
}
.msl_cancel {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/undo.png) no-repeat 0 0;
}
.msl_undo {
	padding: 0 0 0 18px; display: inline-block; min-height: 16px;
	background: transparent url(images/icons/16/undo.png) no-repeat 0 0;
}
.msl_checkbox_checked {
	padding: 0 0 0 18px;
	display: inline-block;
	min-height: 16px;
	background: transparent url(images/icons/16/checkbox.png) no-repeat 0 0;
}

.msl_checkbox_unchecked {
	padding: 0 0 0 18px;
	display: inline-block;
	min-height: 16px;
	background: transparent url(images/icons/16/checkbox_unchecked.png) no-repeat 0 0;
}

/* Button bridging classes */

.button.btn-msl-icon {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 1rem;
	height: 2rem;
	width: 2rem;
}
.button.btn-edit {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--%3E%3Cpath fill='rgb(255, 255, 255)' d='M471.6 21.7c-21.9-21.9-57.3-21.9-79.2 0L368 46.1 465.9 144 490.3 119.6c21.9-21.9 21.9-57.3 0-79.2L471.6 21.7zm-299.2 220c-6.1 6.1-10.8 13.6-13.5 21.9l-29.6 88.8c-2.9 8.6-.6 18.1 5.8 24.6s15.9 8.7 24.6 5.8l88.8-29.6c8.2-2.7 15.7-7.4 21.9-13.5L432 177.9 334.1 80 172.4 241.7zM96 64C43 64 0 107 0 160L0 416c0 53 43 96 96 96l256 0c53 0 96-43 96-96l0-96c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 96c0 17.7-14.3 32-32 32L96 448c-17.7 0-32-14.3-32-32l0-256c0-17.7 14.3-32 32-32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L96 64z'/%3E%3C/svg%3E");
}
.button.btn-view {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3C!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--%3E%3Cpath fill='rgb(255, 255, 255)' d='M288 32c-80.8 0-145.5 36.8-192.6 80.6-46.8 43.5-78.1 95.4-93 131.1-3.3 7.9-3.3 16.7 0 24.6 14.9 35.7 46.2 87.7 93 131.1 47.1 43.7 111.8 80.6 192.6 80.6s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1 3.3-7.9 3.3-16.7 0-24.6-14.9-35.7-46.2-87.7-93-131.1-47.1-43.7-111.8-80.6-192.6-80.6zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64-11.5 0-22.3-3-31.7-8.4-1 10.9-.1 22.1 2.9 33.2 13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-12.2-45.7-55.5-74.8-101.1-70.8 5.3 9.3 8.4 20.1 8.4 31.7z'/%3E%3C/svg%3E");
}
.button.btn-compare {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--%3E%3Cpath fill='rgb(255, 255, 255)' d='M198.8 1.8c9-3.7 19.3-1.7 26.2 5.2l56 56c9.4 9.4 9.4 24.6 0 33.9l-56 56c-6.9 6.9-17.2 8.9-26.2 5.2S184 145.7 184 136l0-24-24 0c-17.7 0-32 14.3-32 32l0 214.7c28.3 12.3 48 40.5 48 73.3 0 44.2-35.8 80-80 80s-80-35.8-80-80c0-32.8 19.7-61 48-73.3L64 144c0-53 43-96 96-96l24 0 0-24c0-9.7 5.8-18.5 14.8-22.2zM392 80a24 24 0 1 0 48 0 24 24 0 1 0 -48 0zm-8 73.3c-28.3-12.3-48-40.5-48-73.3 0-44.2 35.8-80 80-80s80 35.8 80 80c0 32.8-19.7 61-48 73.3L448 368c0 53-43 96-96 96l-24 0 0 24c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-56-56c-9.4-9.4-9.4-24.6 0-33.9l56-56c6.9-6.9 17.2-8.9 26.2-5.2S328 366.3 328 376l0 24 24 0c17.7 0 32-14.3 32-32l0-214.7zM72 432a24 24 0 1 0 48 0 24 24 0 1 0 -48 0z'/%3E%3C/svg%3E");
}
.button.btn-delete {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--%3E%3Cpath fill='rgb(255, 255, 255)' d='M136.7 5.9L128 32 32 32C14.3 32 0 46.3 0 64S14.3 96 32 96l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-96 0-8.7-26.1C306.9-7.2 294.7-16 280.9-16L167.1-16c-13.8 0-26 8.8-30.4 21.9zM416 144L32 144 53.1 467.1C54.7 492.4 75.7 512 101 512L347 512c25.3 0 46.3-19.6 47.9-44.9L416 144z'/%3E%3C/svg%3E");
	background-color: #c00;
	border-color: #a00;
}
	.button.btn-delete:hover, .button.btn-delete:focus {
		background-color: #a00;
		border-color: #900;
	}
.button.btn-save {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--%3E%3Cpath fill='rgb(255, 255, 255)' d='M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-242.7c0-17-6.7-33.3-18.7-45.3L352 50.7C340 38.7 323.7 32 306.7 32L64 32zm32 96c0-17.7 14.3-32 32-32l160 0c17.7 0 32 14.3 32 32l0 64c0 17.7-14.3 32-32 32l-160 0c-17.7 0-32-14.3-32-32l0-64zM224 288a64 64 0 1 1 0 128 64 64 0 1 1 0-128z'/%3E%3C/svg%3E");
}
.button.btn-basket {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3C!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--%3E%3Cpath fill='rgb(255, 255, 255)' d='M288 0c6.6 0 12.9 2.7 17.4 7.5l144 152 .5 .5 78.1 0c17.7 0 32 14.3 32 32 0 14.5-9.6 26.7-22.8 30.7L491.1 429.9c-6.5 29.3-32.5 50.1-62.5 50.1l-281.3 0c-30 0-56-20.8-62.5-50.1l-46-207.2c-13.2-3.9-22.8-16.2-22.8-30.7 0-17.7 14.3-32 32-32l78.1 0 .5-.5 144-152C275.1 2.7 281.4 0 288 0zm0 58.9L192.2 160 383.8 160 288 58.9zM208 264c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112zm80-24c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm128 24c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112z'/%3E%3C/svg%3E");
}