.tiles .tile.workspace.type-generic .link,
	.workspace-type-generic #workspace-name,
	.workspace-type-generic #toggle-sidebar,
	.workspace-type-generic.case-mat,
	#workspace-colour-chooser-trigger,
	.super-space-preview.workspace-type-generic:before,
	.workspace-preview.workspace-type-generic:before,
	.workspace-type-generic.module-workspace-home .workspace-tabs a.landing:after,
	.workspace-type-generic.module-settings .workspace-tabs a.settings:after,
	.workspace-type-generic.module-documents .workspace-tabs a.documents:after,
	.workspace-type-generic.module-events .workspace-tabs a.events:after,
	.workspace-type-generic.module-tasks .workspace-tabs a.tasks:after,
	.workspace-type-generic.module-video-conference .workspace-tabs a.video-conference:after,
	.workspace-type-generic.module-whiteboard .workspace-tabs a.whiteboard:after {
		background-color: #2DB9C8;
	}

	.pat-calendar .cal-cat-generic,
	ul.cal-events > li.cal-cat-generic.no-date {
		--pat-checklist-checkbox-background-colour: #2DB9C8;
		--pat-checklist-checkbox-background-colour-checked: #2DB9C8;
	}

	.checklist .cal-cat-generic,
	.cal-events .cal-cat-generic .title a,
	.workspace-type-generic .workspace-tabs a,
	.workspace-type-generic #workspace-name a {
		color: #2DB9C8;
	}



	.tiles .tile.workspace.type-board .link,
	.workspace-type-board #workspace-name,
	.workspace-type-board #toggle-sidebar,
	.workspace-type-board.case-mat,
	#workspace-colour-chooser-trigger,
	.super-space-preview.workspace-type-board:before,
	.workspace-preview.workspace-type-board:before,
	.workspace-type-board.module-workspace-home .workspace-tabs a.landing:after,
	.workspace-type-board.module-settings .workspace-tabs a.settings:after,
	.workspace-type-board.module-documents .workspace-tabs a.documents:after,
	.workspace-type-board.module-events .workspace-tabs a.events:after,
	.workspace-type-board.module-tasks .workspace-tabs a.tasks:after,
	.workspace-type-board.module-video-conference .workspace-tabs a.video-conference:after,
	.workspace-type-board.module-whiteboard .workspace-tabs a.whiteboard:after {
		background-color: #285c75;
	}

	.pat-calendar .cal-cat-board,
	ul.cal-events > li.cal-cat-board.no-date {
		--pat-checklist-checkbox-background-colour: #285c75;
		--pat-checklist-checkbox-background-colour-checked: #285c75;
	}

	.checklist .cal-cat-board,
	.cal-events .cal-cat-board .title a,
	.workspace-type-board .workspace-tabs a,
	.workspace-type-board #workspace-name a {
		color: #285c75;
	}



	.tiles .tile.workspace.type-committee .link,
	.workspace-type-committee #workspace-name,
	.workspace-type-committee #toggle-sidebar,
	.workspace-type-committee.case-mat,
	#workspace-colour-chooser-trigger,
	.super-space-preview.workspace-type-committee:before,
	.workspace-preview.workspace-type-committee:before,
	.workspace-type-committee.module-workspace-home .workspace-tabs a.landing:after,
	.workspace-type-committee.module-settings .workspace-tabs a.settings:after,
	.workspace-type-committee.module-documents .workspace-tabs a.documents:after,
	.workspace-type-committee.module-events .workspace-tabs a.events:after,
	.workspace-type-committee.module-tasks .workspace-tabs a.tasks:after,
	.workspace-type-committee.module-video-conference .workspace-tabs a.video-conference:after,
	.workspace-type-committee.module-whiteboard .workspace-tabs a.whiteboard:after {
		background-color: #96DCE1;
	}

	.pat-calendar .cal-cat-committee,
	ul.cal-events > li.cal-cat-committee.no-date {
		--pat-checklist-checkbox-background-colour: #96DCE1;
		--pat-checklist-checkbox-background-colour-checked: #96DCE1;
	}

	.checklist .cal-cat-committee,
	.cal-events .cal-cat-committee .title a,
	.workspace-type-committee .workspace-tabs a,
	.workspace-type-committee #workspace-name a {
		color: #96DCE1;
	}



	.tiles .tile.workspace.type-adhocgroup .link,
	.workspace-type-adhocgroup #workspace-name,
	.workspace-type-adhocgroup #toggle-sidebar,
	.workspace-type-adhocgroup.case-mat,
	#workspace-colour-chooser-trigger,
	.super-space-preview.workspace-type-adhocgroup:before,
	.workspace-preview.workspace-type-adhocgroup:before,
	.workspace-type-adhocgroup.module-workspace-home .workspace-tabs a.landing:after,
	.workspace-type-adhocgroup.module-settings .workspace-tabs a.settings:after,
	.workspace-type-adhocgroup.module-documents .workspace-tabs a.documents:after,
	.workspace-type-adhocgroup.module-events .workspace-tabs a.events:after,
	.workspace-type-adhocgroup.module-tasks .workspace-tabs a.tasks:after,
	.workspace-type-adhocgroup.module-video-conference .workspace-tabs a.video-conference:after,
	.workspace-type-adhocgroup.module-whiteboard .workspace-tabs a.whiteboard:after {
		background-color: #8ca918;
	}

	.pat-calendar .cal-cat-adhocgroup,
	ul.cal-events > li.cal-cat-adhocgroup.no-date {
		--pat-checklist-checkbox-background-colour: #8ca918;
		--pat-checklist-checkbox-background-colour-checked: #8ca918;
	}

	.checklist .cal-cat-adhocgroup,
	.cal-events .cal-cat-adhocgroup .title a,
	.workspace-type-adhocgroup .workspace-tabs a,
	.workspace-type-adhocgroup #workspace-name a {
		color: #8ca918;
	}



	.tiles .tile.workspace.type-vec .link,
	.workspace-type-vec #workspace-name,
	.workspace-type-vec #toggle-sidebar,
	.workspace-type-vec.case-mat,
	#workspace-colour-chooser-trigger,
	.super-space-preview.workspace-type-vec:before,
	.workspace-preview.workspace-type-vec:before,
	.workspace-type-vec.module-workspace-home .workspace-tabs a.landing:after,
	.workspace-type-vec.module-settings .workspace-tabs a.settings:after,
	.workspace-type-vec.module-documents .workspace-tabs a.documents:after,
	.workspace-type-vec.module-events .workspace-tabs a.events:after,
	.workspace-type-vec.module-tasks .workspace-tabs a.tasks:after,
	.workspace-type-vec.module-video-conference .workspace-tabs a.video-conference:after,
	.workspace-type-vec.module-whiteboard .workspace-tabs a.whiteboard:after {
		background-color: #d19d49;
	}

	.pat-calendar .cal-cat-vec,
	ul.cal-events > li.cal-cat-vec.no-date {
		--pat-checklist-checkbox-background-colour: #d19d49;
		--pat-checklist-checkbox-background-colour-checked: #d19d49;
	}

	.checklist .cal-cat-vec,
	.cal-events .cal-cat-vec .title a,
	.workspace-type-vec .workspace-tabs a,
	.workspace-type-vec #workspace-name a {
		color: #d19d49;
	}



	.tiles .tile.workspace.type-blackout .link,
	.workspace-type-blackout #workspace-name,
	.workspace-type-blackout #toggle-sidebar,
	.workspace-type-blackout.case-mat,
	#workspace-colour-chooser-trigger,
	.super-space-preview.workspace-type-blackout:before,
	.workspace-preview.workspace-type-blackout:before,
	.workspace-type-blackout.module-workspace-home .workspace-tabs a.landing:after,
	.workspace-type-blackout.module-settings .workspace-tabs a.settings:after,
	.workspace-type-blackout.module-documents .workspace-tabs a.documents:after,
	.workspace-type-blackout.module-events .workspace-tabs a.events:after,
	.workspace-type-blackout.module-tasks .workspace-tabs a.tasks:after,
	.workspace-type-blackout.module-video-conference .workspace-tabs a.video-conference:after,
	.workspace-type-blackout.module-whiteboard .workspace-tabs a.whiteboard:after {
		background-color: black;
	}

	.pat-calendar .cal-cat-blackout,
	ul.cal-events > li.cal-cat-blackout.no-date {
		--pat-checklist-checkbox-background-colour: black;
		--pat-checklist-checkbox-background-colour-checked: black;
	}

	.checklist .cal-cat-blackout,
	.cal-events .cal-cat-blackout .title a,
	.workspace-type-blackout .workspace-tabs a,
	.workspace-type-blackout #workspace-name a {
		color: black;
	}



	.tiles .tile.workspace.type-project .link,
	.workspace-type-project #workspace-name,
	.workspace-type-project #toggle-sidebar,
	.workspace-type-project.case-mat,
	#workspace-colour-chooser-trigger,
	.super-space-preview.workspace-type-project:before,
	.workspace-preview.workspace-type-project:before,
	.workspace-type-project.module-workspace-home .workspace-tabs a.landing:after,
	.workspace-type-project.module-settings .workspace-tabs a.settings:after,
	.workspace-type-project.module-documents .workspace-tabs a.documents:after,
	.workspace-type-project.module-events .workspace-tabs a.events:after,
	.workspace-type-project.module-tasks .workspace-tabs a.tasks:after,
	.workspace-type-project.module-video-conference .workspace-tabs a.video-conference:after,
	.workspace-type-project.module-whiteboard .workspace-tabs a.whiteboard:after {
		background-color: #62CBD6;
	}

	.pat-calendar .cal-cat-project,
	ul.cal-events > li.cal-cat-project.no-date {
		--pat-checklist-checkbox-background-colour: #62CBD6;
		--pat-checklist-checkbox-background-colour-checked: #62CBD6;
	}

	.checklist .cal-cat-project,
	.cal-events .cal-cat-project .title a,
	.workspace-type-project .workspace-tabs a,
	.workspace-type-project #workspace-name a {
		color: #62CBD6;
	}



	.tiles .tile.workspace.type-group .link,
	.workspace-type-group #workspace-name,
	.workspace-type-group #toggle-sidebar,
	.workspace-type-group.case-mat,
	#workspace-colour-chooser-trigger,
	.super-space-preview.workspace-type-group:before,
	.workspace-preview.workspace-type-group:before,
	.workspace-type-group.module-workspace-home .workspace-tabs a.landing:after,
	.workspace-type-group.module-settings .workspace-tabs a.settings:after,
	.workspace-type-group.module-documents .workspace-tabs a.documents:after,
	.workspace-type-group.module-events .workspace-tabs a.events:after,
	.workspace-type-group.module-tasks .workspace-tabs a.tasks:after,
	.workspace-type-group.module-video-conference .workspace-tabs a.video-conference:after,
	.workspace-type-group.module-whiteboard .workspace-tabs a.whiteboard:after {
		background-color: #8ca918;
	}

	.pat-calendar .cal-cat-group,
	ul.cal-events > li.cal-cat-group.no-date {
		--pat-checklist-checkbox-background-colour: #8ca918;
		--pat-checklist-checkbox-background-colour-checked: #8ca918;
	}

	.checklist .cal-cat-group,
	.cal-events .cal-cat-group .title a,
	.workspace-type-group .workspace-tabs a,
	.workspace-type-group #workspace-name a {
		color: #8ca918;
	}



	.tiles .tile.workspace.type-case .link,
	.workspace-type-case #workspace-name,
	.workspace-type-case #toggle-sidebar,
	.workspace-type-case.case-mat,
	#workspace-colour-chooser-trigger,
	.super-space-preview.workspace-type-case:before,
	.workspace-preview.workspace-type-case:before,
	.workspace-type-case.module-workspace-home .workspace-tabs a.landing:after,
	.workspace-type-case.module-settings .workspace-tabs a.settings:after,
	.workspace-type-case.module-documents .workspace-tabs a.documents:after,
	.workspace-type-case.module-events .workspace-tabs a.events:after,
	.workspace-type-case.module-tasks .workspace-tabs a.tasks:after,
	.workspace-type-case.module-video-conference .workspace-tabs a.video-conference:after,
	.workspace-type-case.module-whiteboard .workspace-tabs a.whiteboard:after {
		background-color: #FAAA40;
	}

	.pat-calendar .cal-cat-case,
	ul.cal-events > li.cal-cat-case.no-date {
		--pat-checklist-checkbox-background-colour: #FAAA40;
		--pat-checklist-checkbox-background-colour-checked: #FAAA40;
	}

	.checklist .cal-cat-case,
	.cal-events .cal-cat-case .title a,
	.workspace-type-case .workspace-tabs a,
	.workspace-type-case #workspace-name a {
		color: #FAAA40;
	}





	.application-absence + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/absence.svg);
			
				background-color: teal;
			
		
	}

	
	    body .portlet.app-absence .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-absence,
		body .app-icon.app-absence,
		body .tiles .tile.app .link .icon.app-icon.app-absence,
		body #app-space #tabs-bar .tab.application-absence .app-name:before {
			background-color: teal;
		}

		.application-body.application-absence,
		.pat-modal.application-absence {
			--colour-accent: teal;
		}
	

	.application-activities + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/activities.svg);
			
				background-color: #4267B2;
			
		
	}

	
	    body .portlet.app-activities .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-activities,
		body .app-icon.app-activities,
		body .tiles .tile.app .link .icon.app-icon.app-activities,
		body #app-space #tabs-bar .tab.application-activities .app-name:before {
			background-color: #4267B2;
		}

		.application-body.application-activities,
		.pat-modal.application-activities {
			--colour-accent: #4267B2;
		}
	

	.application-administrator-tool + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/administrator-tool.svg);
			
				background-color: dimgray;
			
		
	}

	
	    body .portlet.app-administrator-tool .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-administrator-tool,
		body .app-icon.app-administrator-tool,
		body .tiles .tile.app .link .icon.app-icon.app-administrator-tool,
		body #app-space #tabs-bar .tab.application-administrator-tool .app-name:before {
			background-color: dimgray;
		}

		.application-body.application-administrator-tool,
		.pat-modal.application-administrator-tool {
			--colour-accent: dimgray;
		}
	

	.application-app-store + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/app-store.svg);
			
				background-color: DodgerBlue;
			
		
	}

	
	    body .portlet.app-app-store .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-app-store,
		body .app-icon.app-app-store,
		body .tiles .tile.app .link .icon.app-icon.app-app-store,
		body #app-space #tabs-bar .tab.application-app-store .app-name:before {
			background-color: DodgerBlue;
		}

		.application-body.application-app-store,
		.pat-modal.application-app-store {
			--colour-accent: DodgerBlue;
		}
	

	.application-assessments + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/assessments.svg);
			
				background-color: #996699;
			
		
	}

	
	    body .portlet.app-assessments .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-assessments,
		body .app-icon.app-assessments,
		body .tiles .tile.app .link .icon.app-icon.app-assessments,
		body #app-space #tabs-bar .tab.application-assessments .app-name:before {
			background-color: #996699;
		}

		.application-body.application-assessments,
		.pat-modal.application-assessments {
			--colour-accent: #996699;
		}
	

	.application-audit + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/audit.svg);
			
				background-color: teal;
			
		
	}

	
	    body .portlet.app-audit .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-audit,
		body .app-icon.app-audit,
		body .tiles .tile.app .link .icon.app-icon.app-audit,
		body #app-space #tabs-bar .tab.application-audit .app-name:before {
			background-color: teal;
		}

		.application-body.application-audit,
		.pat-modal.application-audit {
			--colour-accent: teal;
		}
	

	.application-boilerplate-library + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/boilerplate-library.svg);
			
				background-color: green;
			
		
	}

	
	    body .portlet.app-boilerplate-library .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-boilerplate-library,
		body .app-icon.app-boilerplate-library,
		body .tiles .tile.app .link .icon.app-icon.app-boilerplate-library,
		body #app-space #tabs-bar .tab.application-boilerplate-library .app-name:before {
			background-color: green;
		}

		.application-body.application-boilerplate-library,
		.pat-modal.application-boilerplate-library {
			--colour-accent: green;
		}
	

	.application-bookmarks + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/bookmarks.svg);
			
				background-color: purple;
			
		
	}

	
	    body .portlet.app-bookmarks .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-bookmarks,
		body .app-icon.app-bookmarks,
		body .tiles .tile.app .link .icon.app-icon.app-bookmarks,
		body #app-space #tabs-bar .tab.application-bookmarks .app-name:before {
			background-color: purple;
		}

		.application-body.application-bookmarks,
		.pat-modal.application-bookmarks {
			--colour-accent: purple;
		}
	

	.application-calendar + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/calendar.svg);
			
				background-color: orangered;
			
		
	}

	
	    body .portlet.app-calendar .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-calendar,
		body .app-icon.app-calendar,
		body .tiles .tile.app .link .icon.app-icon.app-calendar,
		body #app-space #tabs-bar .tab.application-calendar .app-name:before {
			background-color: orangered;
		}

		.application-body.application-calendar,
		.pat-modal.application-calendar {
			--colour-accent: orangered;
		}
	

	.application-case-manager + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/case-manager.svg);
			
				background-color: teal;
			
		
	}

	
	    body .portlet.app-case-manager .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-case-manager,
		body .app-icon.app-case-manager,
		body .tiles .tile.app .link .icon.app-icon.app-case-manager,
		body #app-space #tabs-bar .tab.application-case-manager .app-name:before {
			background-color: teal;
		}

		.application-body.application-case-manager,
		.pat-modal.application-case-manager {
			--colour-accent: teal;
		}
	

	.application-contacts + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/contacts.svg);
			
				background-color: rgb(143, 104, 6);;
			
		
	}

	
	    body .portlet.app-contacts .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-contacts,
		body .app-icon.app-contacts,
		body .tiles .tile.app .link .icon.app-icon.app-contacts,
		body #app-space #tabs-bar .tab.application-contacts .app-name:before {
			background-color: rgb(143, 104, 6);;
		}

		.application-body.application-contacts,
		.pat-modal.application-contacts {
			--colour-accent: rgb(143, 104, 6);;
		}
	

	.application-contracts + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/contracts.svg);
			
				background-color: green;
			
		
	}

	
	    body .portlet.app-contracts .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-contracts,
		body .app-icon.app-contracts,
		body .tiles .tile.app .link .icon.app-icon.app-contracts,
		body #app-space #tabs-bar .tab.application-contracts .app-name:before {
			background-color: green;
		}

		.application-body.application-contracts,
		.pat-modal.application-contracts {
			--colour-accent: green;
		}
	

	.application-classifieds + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/classifieds.svg);
			
				background-color: rgb(148, 131, 87);
			
		
	}

	
	    body .portlet.app-classifieds .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-classifieds,
		body .app-icon.app-classifieds,
		body .tiles .tile.app .link .icon.app-icon.app-classifieds,
		body #app-space #tabs-bar .tab.application-classifieds .app-name:before {
			background-color: rgb(148, 131, 87);
		}

		.application-body.application-classifieds,
		.pat-modal.application-classifieds {
			--colour-accent: rgb(148, 131, 87);
		}
	

	.application-document-browser + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/document-browser.svg);
			
				background-color: purple;
			
		
	}

	
	    body .portlet.app-document-browser .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-document-browser,
		body .app-icon.app-document-browser,
		body .tiles .tile.app .link .icon.app-icon.app-document-browser,
		body #app-space #tabs-bar .tab.application-document-browser .app-name:before {
			background-color: purple;
		}

		.application-body.application-document-browser,
		.pat-modal.application-document-browser {
			--colour-accent: purple;
		}
	

	.application-feedback + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/feedback.svg);
			
				background-color: limegreen;
			
		
	}

	
	    body .portlet.app-feedback .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-feedback,
		body .app-icon.app-feedback,
		body .tiles .tile.app .link .icon.app-icon.app-feedback,
		body #app-space #tabs-bar .tab.application-feedback .app-name:before {
			background-color: limegreen;
		}

		.application-body.application-feedback,
		.pat-modal.application-feedback {
			--colour-accent: limegreen;
		}
	

	.application-help + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/help.svg);
			
				background-color: dimgray;
			
		
	}

	
	    body .portlet.app-help .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-help,
		body .app-icon.app-help,
		body .tiles .tile.app .link .icon.app-icon.app-help,
		body #app-space #tabs-bar .tab.application-help .app-name:before {
			background-color: dimgray;
		}

		.application-body.application-help,
		.pat-modal.application-help {
			--colour-accent: dimgray;
		}
	

	.application-image-bank + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/image-bank.svg);
			
				background-color: #fe28a2;
			
		
	}

	
	    body .portlet.app-image-bank .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-image-bank,
		body .app-icon.app-image-bank,
		body .tiles .tile.app .link .icon.app-icon.app-image-bank,
		body #app-space #tabs-bar .tab.application-image-bank .app-name:before {
			background-color: #fe28a2;
		}

		.application-body.application-image-bank,
		.pat-modal.application-image-bank {
			--colour-accent: #fe28a2;
		}
	

	.application-jobs + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/jobs.svg);
			
				background-color: purple;
			
		
	}

	
	    body .portlet.app-jobs .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-jobs,
		body .app-icon.app-jobs,
		body .tiles .tile.app .link .icon.app-icon.app-jobs,
		body #app-space #tabs-bar .tab.application-jobs .app-name:before {
			background-color: purple;
		}

		.application-body.application-jobs,
		.pat-modal.application-jobs {
			--colour-accent: purple;
		}
	

	.application-library + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/library.svg);
			
				background-color: darkorange;
			
		
	}

	
	    body .portlet.app-library .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-library,
		body .app-icon.app-library,
		body .tiles .tile.app .link .icon.app-icon.app-library,
		body #app-space #tabs-bar .tab.application-library .app-name:before {
			background-color: darkorange;
		}

		.application-body.application-library,
		.pat-modal.application-library {
			--colour-accent: darkorange;
		}
	

	.application-mailings + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/mailings.svg);
			
				background-color: DodgerBlue;
			
		
	}

	
	    body .portlet.app-mailings .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-mailings,
		body .app-icon.app-mailings,
		body .tiles .tile.app .link .icon.app-icon.app-mailings,
		body #app-space #tabs-bar .tab.application-mailings .app-name:before {
			background-color: DodgerBlue;
		}

		.application-body.application-mailings,
		.pat-modal.application-mailings {
			--colour-accent: DodgerBlue;
		}
	

	.application-meetings + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/meetings.svg);
			
				background-color: limegreen;
			
		
	}

	
	    body .portlet.app-meetings .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-meetings,
		body .app-icon.app-meetings,
		body .tiles .tile.app .link .icon.app-icon.app-meetings,
		body #app-space #tabs-bar .tab.application-meetings .app-name:before {
			background-color: limegreen;
		}

		.application-body.application-meetings,
		.pat-modal.application-meetings {
			--colour-accent: limegreen;
		}
	

	.application-messages + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/messages.svg);
			
				background-color: limegreen;
			
		
	}

	
	    body .portlet.app-messages .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-messages,
		body .app-icon.app-messages,
		body .tiles .tile.app .link .icon.app-icon.app-messages,
		body #app-space #tabs-bar .tab.application-messages .app-name:before {
			background-color: limegreen;
		}

		.application-body.application-messages,
		.pat-modal.application-messages {
			--colour-accent: limegreen;
		}
	

	.application-news + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/news.svg);
			
				background-color: #f73558;
			
		
	}

	
	    body .portlet.app-news .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-news,
		body .app-icon.app-news,
		body .tiles .tile.app .link .icon.app-icon.app-news,
		body #app-space #tabs-bar .tab.application-news .app-name:before {
			background-color: #f73558;
		}

		.application-body.application-news,
		.pat-modal.application-news {
			--colour-accent: #f73558;
		}
	

	.application-notifications + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/notifications.svg);
			
				background-color: dimgray;
			
		
	}

	
	    body .portlet.app-notifications .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-notifications,
		body .app-icon.app-notifications,
		body .tiles .tile.app .link .icon.app-icon.app-notifications,
		body #app-space #tabs-bar .tab.application-notifications .app-name:before {
			background-color: dimgray;
		}

		.application-body.application-notifications,
		.pat-modal.application-notifications {
			--colour-accent: dimgray;
		}
	

	.application-office + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/office.svg);
			
				background-color: DodgerBlue;
			
		
	}

	
	    body .portlet.app-office .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-office,
		body .app-icon.app-office,
		body .tiles .tile.app .link .icon.app-icon.app-office,
		body #app-space #tabs-bar .tab.application-office .app-name:before {
			background-color: DodgerBlue;
		}

		.application-body.application-office,
		.pat-modal.application-office {
			--colour-accent: DodgerBlue;
		}
	

	.application-family-tree + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/family-tree.svg);
			
				background-color: maroon;
			
		
	}

	
	    body .portlet.app-family-tree .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-family-tree,
		body .app-icon.app-family-tree,
		body .tiles .tile.app .link .icon.app-icon.app-family-tree,
		body #app-space #tabs-bar .tab.application-family-tree .app-name:before {
			background-color: maroon;
		}

		.application-body.application-family-tree,
		.pat-modal.application-family-tree {
			--colour-accent: maroon;
		}
	

	.application-polls + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/polls.svg);
			
				background-color: green;
			
		
	}

	
	    body .portlet.app-polls .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-polls,
		body .app-icon.app-polls,
		body .tiles .tile.app .link .icon.app-icon.app-polls,
		body #app-space #tabs-bar .tab.application-polls .app-name:before {
			background-color: green;
		}

		.application-body.application-polls,
		.pat-modal.application-polls {
			--colour-accent: green;
		}
	

	.application-preferences + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/preferences.svg);
			
				background-color: dimgray;
			
		
	}

	
	    body .portlet.app-preferences .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-preferences,
		body .app-icon.app-preferences,
		body .tiles .tile.app .link .icon.app-icon.app-preferences,
		body #app-space #tabs-bar .tab.application-preferences .app-name:before {
			background-color: dimgray;
		}

		.application-body.application-preferences,
		.pat-modal.application-preferences {
			--colour-accent: dimgray;
		}
	

	.application-profile + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/profile.svg);
			
				background-color: dimgray;
			
		
	}

	
	    body .portlet.app-profile .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-profile,
		body .app-icon.app-profile,
		body .tiles .tile.app .link .icon.app-icon.app-profile,
		body #app-space #tabs-bar .tab.application-profile .app-name:before {
			background-color: dimgray;
		}

		.application-body.application-profile,
		.pat-modal.application-profile {
			--colour-accent: dimgray;
		}
	

	.application-setup + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/setup.svg);
			
				background-color: steelblue;
			
		
	}

	
	    body .portlet.app-setup .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-setup,
		body .app-icon.app-setup,
		body .tiles .tile.app .link .icon.app-icon.app-setup,
		body #app-space #tabs-bar .tab.application-setup .app-name:before {
			background-color: steelblue;
		}

		.application-body.application-setup,
		.pat-modal.application-setup {
			--colour-accent: steelblue;
		}
	

	.application-search + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/search.svg);
			
				background-color: dimgray;
			
		
	}

	
	    body .portlet.app-search .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-search,
		body .app-icon.app-search,
		body .tiles .tile.app .link .icon.app-icon.app-search,
		body #app-space #tabs-bar .tab.application-search .app-name:before {
			background-color: dimgray;
		}

		.application-body.application-search,
		.pat-modal.application-search {
			--colour-accent: dimgray;
		}
	

	.application-publisher + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/publisher.svg);
			
				background-color: #0073aa;
			
		
	}

	
	    body .portlet.app-publisher .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-publisher,
		body .app-icon.app-publisher,
		body .tiles .tile.app .link .icon.app-icon.app-publisher,
		body #app-space #tabs-bar .tab.application-publisher .app-name:before {
			background-color: #0073aa;
		}

		.application-body.application-publisher,
		.pat-modal.application-publisher {
			--colour-accent: #0073aa;
		}
	

	.application-registration + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/registration.svg);
			
				background-color: black;
			
		
	}

	
	    body .portlet.app-registration .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-registration,
		body .app-icon.app-registration,
		body .tiles .tile.app .link .icon.app-icon.app-registration,
		body #app-space #tabs-bar .tab.application-registration .app-name:before {
			background-color: black;
		}

		.application-body.application-registration,
		.pat-modal.application-registration {
			--colour-accent: black;
		}
	

	.application-slide-bank + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/slide-bank.svg);
			
				background-color: firebrick;
			
		
	}

	
	    body .portlet.app-slide-bank .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-slide-bank,
		body .app-icon.app-slide-bank,
		body .tiles .tile.app .link .icon.app-icon.app-slide-bank,
		body #app-space #tabs-bar .tab.application-slide-bank .app-name:before {
			background-color: firebrick;
		}

		.application-body.application-slide-bank,
		.pat-modal.application-slide-bank {
			--colour-accent: firebrick;
		}
	

	.application-todo + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/todo.svg);
			
				background-color: Purple;
			
		
	}

	
	    body .portlet.app-todo .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-todo,
		body .app-icon.app-todo,
		body .tiles .tile.app .link .icon.app-icon.app-todo,
		body #app-space #tabs-bar .tab.application-todo .app-name:before {
			background-color: Purple;
		}

		.application-body.application-todo,
		.pat-modal.application-todo {
			--colour-accent: Purple;
		}
	

	.application-whiteboard + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/whiteboard.svg);
			
				background-color: blue;
			
		
	}

	
	    body .portlet.app-whiteboard .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-whiteboard,
		body .app-icon.app-whiteboard,
		body .tiles .tile.app .link .icon.app-icon.app-whiteboard,
		body #app-space #tabs-bar .tab.application-whiteboard .app-name:before {
			background-color: blue;
		}

		.application-body.application-whiteboard,
		.pat-modal.application-whiteboard {
			--colour-accent: blue;
		}
	

	.application-workspaces + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/workspaces.svg);
			
				background-color: DodgerBlue;
			
		
	}

	
	    body .portlet.app-workspaces .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-workspaces,
		body .app-icon.app-workspaces,
		body .tiles .tile.app .link .icon.app-icon.app-workspaces,
		body #app-space #tabs-bar .tab.application-workspaces .app-name:before {
			background-color: DodgerBlue;
		}

		.application-body.application-workspaces,
		.pat-modal.application-workspaces {
			--colour-accent: DodgerBlue;
		}
	

	.application-corporate-objectives + .application-label .breadcrumbs a:before {
		
			background-image: url(../../quaive/app-icons/corporate-objectives.svg);
			
				background-color: Black;
			
		
	}

	
	    body .portlet.app-corporate-objectives .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-corporate-objectives,
		body .app-icon.app-corporate-objectives,
		body .tiles .tile.app .link .icon.app-icon.app-corporate-objectives,
		body #app-space #tabs-bar .tab.application-corporate-objectives .app-name:before {
			background-color: Black;
		}

		.application-body.application-corporate-objectives,
		.pat-modal.application-corporate-objectives {
			--colour-accent: Black;
		}
	

	.application-beer-app + .application-label .breadcrumbs a:before {
		
	}

	
	    body .portlet.app-beer-app .portlet-title a:before,
		body #app-space .tiles.apps .link .icon, body .app-promo-tiles .app-promo-tile .link .icon.app-icon.app-beer-app,
		body .app-icon.app-beer-app,
		body .tiles .tile.app .link .icon.app-icon.app-beer-app,
		body #app-space #tabs-bar .tab.application-beer-app .app-name:before {
			background-color: DodgerBlue;
		}

		.application-body.application-beer-app,
		.pat-modal.application-beer-app {
			--colour-accent: DodgerBlue;
		}
	



	#tabs-bar .tab.application-absence .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/absence.svg);
		
	}

	#app-space.active-app-absence.state-on .tab.application-absence .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-absence) #tabs-bar .tab.application-absence,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-absence .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-absence .app-name:before,
	#app-space:not(.active-app-absence) #tabs-bar .tab.application-absence .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-absence) #tabs-bar .tab.application-absence .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-absence) #tabs-bar .tab.application-absence:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-absence.state-on ~ #tabs-bar .tab.application-absence {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-absence.state-on #tabs-bar .tab.application-absence .app-name,
	#app-space.active-app-absence.state-on #tabs-bar .tab.application-absence .close-button:before,
	#app-space.active-app-absence.state-on #tabs-bar .tab.application-absence .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-absence #application-body-absence {
        display: block;
	}

	#app-space.active-app-absence.state-on .tab.application-absence:before {
        display: none;
	}

	#tabs-bar .tab.application-activities .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/activities.svg);
		
	}

	#app-space.active-app-activities.state-on .tab.application-activities .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-activities) #tabs-bar .tab.application-activities,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-activities .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-activities .app-name:before,
	#app-space:not(.active-app-activities) #tabs-bar .tab.application-activities .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-activities) #tabs-bar .tab.application-activities .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-activities) #tabs-bar .tab.application-activities:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-activities.state-on ~ #tabs-bar .tab.application-activities {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-activities.state-on #tabs-bar .tab.application-activities .app-name,
	#app-space.active-app-activities.state-on #tabs-bar .tab.application-activities .close-button:before,
	#app-space.active-app-activities.state-on #tabs-bar .tab.application-activities .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-activities #application-body-activities {
        display: block;
	}

	#app-space.active-app-activities.state-on .tab.application-activities:before {
        display: none;
	}

	#tabs-bar .tab.application-administrator-tool .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/administrator-tool.svg);
		
	}

	#app-space.active-app-administrator-tool.state-on .tab.application-administrator-tool .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-administrator-tool) #tabs-bar .tab.application-administrator-tool,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-administrator-tool .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-administrator-tool .app-name:before,
	#app-space:not(.active-app-administrator-tool) #tabs-bar .tab.application-administrator-tool .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-administrator-tool) #tabs-bar .tab.application-administrator-tool .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-administrator-tool) #tabs-bar .tab.application-administrator-tool:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-administrator-tool.state-on ~ #tabs-bar .tab.application-administrator-tool {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-administrator-tool.state-on #tabs-bar .tab.application-administrator-tool .app-name,
	#app-space.active-app-administrator-tool.state-on #tabs-bar .tab.application-administrator-tool .close-button:before,
	#app-space.active-app-administrator-tool.state-on #tabs-bar .tab.application-administrator-tool .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-administrator-tool #application-body-administrator-tool {
        display: block;
	}

	#app-space.active-app-administrator-tool.state-on .tab.application-administrator-tool:before {
        display: none;
	}

	#tabs-bar .tab.application-app-store .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/app-store.svg);
		
	}

	#app-space.active-app-app-store.state-on .tab.application-app-store .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-app-store) #tabs-bar .tab.application-app-store,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-app-store .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-app-store .app-name:before,
	#app-space:not(.active-app-app-store) #tabs-bar .tab.application-app-store .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-app-store) #tabs-bar .tab.application-app-store .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-app-store) #tabs-bar .tab.application-app-store:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-app-store.state-on ~ #tabs-bar .tab.application-app-store {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-app-store.state-on #tabs-bar .tab.application-app-store .app-name,
	#app-space.active-app-app-store.state-on #tabs-bar .tab.application-app-store .close-button:before,
	#app-space.active-app-app-store.state-on #tabs-bar .tab.application-app-store .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-app-store #application-body-app-store {
        display: block;
	}

	#app-space.active-app-app-store.state-on .tab.application-app-store:before {
        display: none;
	}

	#tabs-bar .tab.application-assessments .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/assessments.svg);
		
	}

	#app-space.active-app-assessments.state-on .tab.application-assessments .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-assessments) #tabs-bar .tab.application-assessments,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-assessments .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-assessments .app-name:before,
	#app-space:not(.active-app-assessments) #tabs-bar .tab.application-assessments .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-assessments) #tabs-bar .tab.application-assessments .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-assessments) #tabs-bar .tab.application-assessments:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-assessments.state-on ~ #tabs-bar .tab.application-assessments {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-assessments.state-on #tabs-bar .tab.application-assessments .app-name,
	#app-space.active-app-assessments.state-on #tabs-bar .tab.application-assessments .close-button:before,
	#app-space.active-app-assessments.state-on #tabs-bar .tab.application-assessments .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-assessments #application-body-assessments {
        display: block;
	}

	#app-space.active-app-assessments.state-on .tab.application-assessments:before {
        display: none;
	}

	#tabs-bar .tab.application-audit .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/audit.svg);
		
	}

	#app-space.active-app-audit.state-on .tab.application-audit .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-audit) #tabs-bar .tab.application-audit,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-audit .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-audit .app-name:before,
	#app-space:not(.active-app-audit) #tabs-bar .tab.application-audit .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-audit) #tabs-bar .tab.application-audit .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-audit) #tabs-bar .tab.application-audit:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-audit.state-on ~ #tabs-bar .tab.application-audit {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-audit.state-on #tabs-bar .tab.application-audit .app-name,
	#app-space.active-app-audit.state-on #tabs-bar .tab.application-audit .close-button:before,
	#app-space.active-app-audit.state-on #tabs-bar .tab.application-audit .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-audit #application-body-audit {
        display: block;
	}

	#app-space.active-app-audit.state-on .tab.application-audit:before {
        display: none;
	}

	#tabs-bar .tab.application-boilerplate-library .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/boilerplate-library.svg);
		
	}

	#app-space.active-app-boilerplate-library.state-on .tab.application-boilerplate-library .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-boilerplate-library) #tabs-bar .tab.application-boilerplate-library,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-boilerplate-library .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-boilerplate-library .app-name:before,
	#app-space:not(.active-app-boilerplate-library) #tabs-bar .tab.application-boilerplate-library .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-boilerplate-library) #tabs-bar .tab.application-boilerplate-library .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-boilerplate-library) #tabs-bar .tab.application-boilerplate-library:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-boilerplate-library.state-on ~ #tabs-bar .tab.application-boilerplate-library {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-boilerplate-library.state-on #tabs-bar .tab.application-boilerplate-library .app-name,
	#app-space.active-app-boilerplate-library.state-on #tabs-bar .tab.application-boilerplate-library .close-button:before,
	#app-space.active-app-boilerplate-library.state-on #tabs-bar .tab.application-boilerplate-library .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-boilerplate-library #application-body-boilerplate-library {
        display: block;
	}

	#app-space.active-app-boilerplate-library.state-on .tab.application-boilerplate-library:before {
        display: none;
	}

	#tabs-bar .tab.application-bookmarks .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/bookmarks.svg);
		
	}

	#app-space.active-app-bookmarks.state-on .tab.application-bookmarks .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-bookmarks) #tabs-bar .tab.application-bookmarks,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-bookmarks .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-bookmarks .app-name:before,
	#app-space:not(.active-app-bookmarks) #tabs-bar .tab.application-bookmarks .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-bookmarks) #tabs-bar .tab.application-bookmarks .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-bookmarks) #tabs-bar .tab.application-bookmarks:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-bookmarks.state-on ~ #tabs-bar .tab.application-bookmarks {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-bookmarks.state-on #tabs-bar .tab.application-bookmarks .app-name,
	#app-space.active-app-bookmarks.state-on #tabs-bar .tab.application-bookmarks .close-button:before,
	#app-space.active-app-bookmarks.state-on #tabs-bar .tab.application-bookmarks .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-bookmarks #application-body-bookmarks {
        display: block;
	}

	#app-space.active-app-bookmarks.state-on .tab.application-bookmarks:before {
        display: none;
	}

	#tabs-bar .tab.application-calendar .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/calendar.svg);
		
	}

	#app-space.active-app-calendar.state-on .tab.application-calendar .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-calendar) #tabs-bar .tab.application-calendar,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-calendar .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-calendar .app-name:before,
	#app-space:not(.active-app-calendar) #tabs-bar .tab.application-calendar .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-calendar) #tabs-bar .tab.application-calendar .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-calendar) #tabs-bar .tab.application-calendar:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-calendar.state-on ~ #tabs-bar .tab.application-calendar {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-calendar.state-on #tabs-bar .tab.application-calendar .app-name,
	#app-space.active-app-calendar.state-on #tabs-bar .tab.application-calendar .close-button:before,
	#app-space.active-app-calendar.state-on #tabs-bar .tab.application-calendar .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-calendar #application-body-calendar {
        display: block;
	}

	#app-space.active-app-calendar.state-on .tab.application-calendar:before {
        display: none;
	}

	#tabs-bar .tab.application-case-manager .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/case-manager.svg);
		
	}

	#app-space.active-app-case-manager.state-on .tab.application-case-manager .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-case-manager) #tabs-bar .tab.application-case-manager,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-case-manager .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-case-manager .app-name:before,
	#app-space:not(.active-app-case-manager) #tabs-bar .tab.application-case-manager .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-case-manager) #tabs-bar .tab.application-case-manager .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-case-manager) #tabs-bar .tab.application-case-manager:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-case-manager.state-on ~ #tabs-bar .tab.application-case-manager {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-case-manager.state-on #tabs-bar .tab.application-case-manager .app-name,
	#app-space.active-app-case-manager.state-on #tabs-bar .tab.application-case-manager .close-button:before,
	#app-space.active-app-case-manager.state-on #tabs-bar .tab.application-case-manager .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-case-manager #application-body-case-manager {
        display: block;
	}

	#app-space.active-app-case-manager.state-on .tab.application-case-manager:before {
        display: none;
	}

	#tabs-bar .tab.application-contacts .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/contacts.svg);
		
	}

	#app-space.active-app-contacts.state-on .tab.application-contacts .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-contacts) #tabs-bar .tab.application-contacts,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-contacts .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-contacts .app-name:before,
	#app-space:not(.active-app-contacts) #tabs-bar .tab.application-contacts .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-contacts) #tabs-bar .tab.application-contacts .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-contacts) #tabs-bar .tab.application-contacts:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-contacts.state-on ~ #tabs-bar .tab.application-contacts {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-contacts.state-on #tabs-bar .tab.application-contacts .app-name,
	#app-space.active-app-contacts.state-on #tabs-bar .tab.application-contacts .close-button:before,
	#app-space.active-app-contacts.state-on #tabs-bar .tab.application-contacts .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-contacts #application-body-contacts {
        display: block;
	}

	#app-space.active-app-contacts.state-on .tab.application-contacts:before {
        display: none;
	}

	#tabs-bar .tab.application-contracts .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/contracts.svg);
		
	}

	#app-space.active-app-contracts.state-on .tab.application-contracts .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-contracts) #tabs-bar .tab.application-contracts,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-contracts .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-contracts .app-name:before,
	#app-space:not(.active-app-contracts) #tabs-bar .tab.application-contracts .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-contracts) #tabs-bar .tab.application-contracts .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-contracts) #tabs-bar .tab.application-contracts:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-contracts.state-on ~ #tabs-bar .tab.application-contracts {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-contracts.state-on #tabs-bar .tab.application-contracts .app-name,
	#app-space.active-app-contracts.state-on #tabs-bar .tab.application-contracts .close-button:before,
	#app-space.active-app-contracts.state-on #tabs-bar .tab.application-contracts .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-contracts #application-body-contracts {
        display: block;
	}

	#app-space.active-app-contracts.state-on .tab.application-contracts:before {
        display: none;
	}

	#tabs-bar .tab.application-classifieds .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/classifieds.svg);
		
	}

	#app-space.active-app-classifieds.state-on .tab.application-classifieds .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-classifieds) #tabs-bar .tab.application-classifieds,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-classifieds .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-classifieds .app-name:before,
	#app-space:not(.active-app-classifieds) #tabs-bar .tab.application-classifieds .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-classifieds) #tabs-bar .tab.application-classifieds .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-classifieds) #tabs-bar .tab.application-classifieds:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-classifieds.state-on ~ #tabs-bar .tab.application-classifieds {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-classifieds.state-on #tabs-bar .tab.application-classifieds .app-name,
	#app-space.active-app-classifieds.state-on #tabs-bar .tab.application-classifieds .close-button:before,
	#app-space.active-app-classifieds.state-on #tabs-bar .tab.application-classifieds .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-classifieds #application-body-classifieds {
        display: block;
	}

	#app-space.active-app-classifieds.state-on .tab.application-classifieds:before {
        display: none;
	}

	#tabs-bar .tab.application-document-browser .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/document-browser.svg);
		
	}

	#app-space.active-app-document-browser.state-on .tab.application-document-browser .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-document-browser) #tabs-bar .tab.application-document-browser,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-document-browser .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-document-browser .app-name:before,
	#app-space:not(.active-app-document-browser) #tabs-bar .tab.application-document-browser .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-document-browser) #tabs-bar .tab.application-document-browser .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-document-browser) #tabs-bar .tab.application-document-browser:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-document-browser.state-on ~ #tabs-bar .tab.application-document-browser {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-document-browser.state-on #tabs-bar .tab.application-document-browser .app-name,
	#app-space.active-app-document-browser.state-on #tabs-bar .tab.application-document-browser .close-button:before,
	#app-space.active-app-document-browser.state-on #tabs-bar .tab.application-document-browser .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-document-browser #application-body-document-browser {
        display: block;
	}

	#app-space.active-app-document-browser.state-on .tab.application-document-browser:before {
        display: none;
	}

	#tabs-bar .tab.application-feedback .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/feedback.svg);
		
	}

	#app-space.active-app-feedback.state-on .tab.application-feedback .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-feedback) #tabs-bar .tab.application-feedback,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-feedback .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-feedback .app-name:before,
	#app-space:not(.active-app-feedback) #tabs-bar .tab.application-feedback .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-feedback) #tabs-bar .tab.application-feedback .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-feedback) #tabs-bar .tab.application-feedback:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-feedback.state-on ~ #tabs-bar .tab.application-feedback {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-feedback.state-on #tabs-bar .tab.application-feedback .app-name,
	#app-space.active-app-feedback.state-on #tabs-bar .tab.application-feedback .close-button:before,
	#app-space.active-app-feedback.state-on #tabs-bar .tab.application-feedback .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-feedback #application-body-feedback {
        display: block;
	}

	#app-space.active-app-feedback.state-on .tab.application-feedback:before {
        display: none;
	}

	#tabs-bar .tab.application-help .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/help.svg);
		
	}

	#app-space.active-app-help.state-on .tab.application-help .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-help) #tabs-bar .tab.application-help,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-help .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-help .app-name:before,
	#app-space:not(.active-app-help) #tabs-bar .tab.application-help .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-help) #tabs-bar .tab.application-help .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-help) #tabs-bar .tab.application-help:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-help.state-on ~ #tabs-bar .tab.application-help {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-help.state-on #tabs-bar .tab.application-help .app-name,
	#app-space.active-app-help.state-on #tabs-bar .tab.application-help .close-button:before,
	#app-space.active-app-help.state-on #tabs-bar .tab.application-help .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-help #application-body-help {
        display: block;
	}

	#app-space.active-app-help.state-on .tab.application-help:before {
        display: none;
	}

	#tabs-bar .tab.application-image-bank .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/image-bank.svg);
		
	}

	#app-space.active-app-image-bank.state-on .tab.application-image-bank .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-image-bank) #tabs-bar .tab.application-image-bank,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-image-bank .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-image-bank .app-name:before,
	#app-space:not(.active-app-image-bank) #tabs-bar .tab.application-image-bank .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-image-bank) #tabs-bar .tab.application-image-bank .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-image-bank) #tabs-bar .tab.application-image-bank:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-image-bank.state-on ~ #tabs-bar .tab.application-image-bank {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-image-bank.state-on #tabs-bar .tab.application-image-bank .app-name,
	#app-space.active-app-image-bank.state-on #tabs-bar .tab.application-image-bank .close-button:before,
	#app-space.active-app-image-bank.state-on #tabs-bar .tab.application-image-bank .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-image-bank #application-body-image-bank {
        display: block;
	}

	#app-space.active-app-image-bank.state-on .tab.application-image-bank:before {
        display: none;
	}

	#tabs-bar .tab.application-jobs .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/jobs.svg);
		
	}

	#app-space.active-app-jobs.state-on .tab.application-jobs .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-jobs) #tabs-bar .tab.application-jobs,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-jobs .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-jobs .app-name:before,
	#app-space:not(.active-app-jobs) #tabs-bar .tab.application-jobs .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-jobs) #tabs-bar .tab.application-jobs .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-jobs) #tabs-bar .tab.application-jobs:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-jobs.state-on ~ #tabs-bar .tab.application-jobs {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-jobs.state-on #tabs-bar .tab.application-jobs .app-name,
	#app-space.active-app-jobs.state-on #tabs-bar .tab.application-jobs .close-button:before,
	#app-space.active-app-jobs.state-on #tabs-bar .tab.application-jobs .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-jobs #application-body-jobs {
        display: block;
	}

	#app-space.active-app-jobs.state-on .tab.application-jobs:before {
        display: none;
	}

	#tabs-bar .tab.application-library .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/library.svg);
		
	}

	#app-space.active-app-library.state-on .tab.application-library .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-library) #tabs-bar .tab.application-library,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-library .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-library .app-name:before,
	#app-space:not(.active-app-library) #tabs-bar .tab.application-library .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-library) #tabs-bar .tab.application-library .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-library) #tabs-bar .tab.application-library:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-library.state-on ~ #tabs-bar .tab.application-library {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-library.state-on #tabs-bar .tab.application-library .app-name,
	#app-space.active-app-library.state-on #tabs-bar .tab.application-library .close-button:before,
	#app-space.active-app-library.state-on #tabs-bar .tab.application-library .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-library #application-body-library {
        display: block;
	}

	#app-space.active-app-library.state-on .tab.application-library:before {
        display: none;
	}

	#tabs-bar .tab.application-mailings .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/mailings.svg);
		
	}

	#app-space.active-app-mailings.state-on .tab.application-mailings .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-mailings) #tabs-bar .tab.application-mailings,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-mailings .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-mailings .app-name:before,
	#app-space:not(.active-app-mailings) #tabs-bar .tab.application-mailings .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-mailings) #tabs-bar .tab.application-mailings .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-mailings) #tabs-bar .tab.application-mailings:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-mailings.state-on ~ #tabs-bar .tab.application-mailings {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-mailings.state-on #tabs-bar .tab.application-mailings .app-name,
	#app-space.active-app-mailings.state-on #tabs-bar .tab.application-mailings .close-button:before,
	#app-space.active-app-mailings.state-on #tabs-bar .tab.application-mailings .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-mailings #application-body-mailings {
        display: block;
	}

	#app-space.active-app-mailings.state-on .tab.application-mailings:before {
        display: none;
	}

	#tabs-bar .tab.application-meetings .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/meetings.svg);
		
	}

	#app-space.active-app-meetings.state-on .tab.application-meetings .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-meetings) #tabs-bar .tab.application-meetings,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-meetings .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-meetings .app-name:before,
	#app-space:not(.active-app-meetings) #tabs-bar .tab.application-meetings .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-meetings) #tabs-bar .tab.application-meetings .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-meetings) #tabs-bar .tab.application-meetings:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-meetings.state-on ~ #tabs-bar .tab.application-meetings {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-meetings.state-on #tabs-bar .tab.application-meetings .app-name,
	#app-space.active-app-meetings.state-on #tabs-bar .tab.application-meetings .close-button:before,
	#app-space.active-app-meetings.state-on #tabs-bar .tab.application-meetings .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-meetings #application-body-meetings {
        display: block;
	}

	#app-space.active-app-meetings.state-on .tab.application-meetings:before {
        display: none;
	}

	#tabs-bar .tab.application-messages .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/messages.svg);
		
	}

	#app-space.active-app-messages.state-on .tab.application-messages .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-messages) #tabs-bar .tab.application-messages,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-messages .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-messages .app-name:before,
	#app-space:not(.active-app-messages) #tabs-bar .tab.application-messages .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-messages) #tabs-bar .tab.application-messages .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-messages) #tabs-bar .tab.application-messages:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-messages.state-on ~ #tabs-bar .tab.application-messages {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-messages.state-on #tabs-bar .tab.application-messages .app-name,
	#app-space.active-app-messages.state-on #tabs-bar .tab.application-messages .close-button:before,
	#app-space.active-app-messages.state-on #tabs-bar .tab.application-messages .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-messages #application-body-messages {
        display: block;
	}

	#app-space.active-app-messages.state-on .tab.application-messages:before {
        display: none;
	}

	#tabs-bar .tab.application-news .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/news.svg);
		
	}

	#app-space.active-app-news.state-on .tab.application-news .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-news) #tabs-bar .tab.application-news,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-news .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-news .app-name:before,
	#app-space:not(.active-app-news) #tabs-bar .tab.application-news .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-news) #tabs-bar .tab.application-news .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-news) #tabs-bar .tab.application-news:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-news.state-on ~ #tabs-bar .tab.application-news {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-news.state-on #tabs-bar .tab.application-news .app-name,
	#app-space.active-app-news.state-on #tabs-bar .tab.application-news .close-button:before,
	#app-space.active-app-news.state-on #tabs-bar .tab.application-news .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-news #application-body-news {
        display: block;
	}

	#app-space.active-app-news.state-on .tab.application-news:before {
        display: none;
	}

	#tabs-bar .tab.application-notifications .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/notifications.svg);
		
	}

	#app-space.active-app-notifications.state-on .tab.application-notifications .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-notifications) #tabs-bar .tab.application-notifications,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-notifications .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-notifications .app-name:before,
	#app-space:not(.active-app-notifications) #tabs-bar .tab.application-notifications .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-notifications) #tabs-bar .tab.application-notifications .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-notifications) #tabs-bar .tab.application-notifications:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-notifications.state-on ~ #tabs-bar .tab.application-notifications {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-notifications.state-on #tabs-bar .tab.application-notifications .app-name,
	#app-space.active-app-notifications.state-on #tabs-bar .tab.application-notifications .close-button:before,
	#app-space.active-app-notifications.state-on #tabs-bar .tab.application-notifications .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-notifications #application-body-notifications {
        display: block;
	}

	#app-space.active-app-notifications.state-on .tab.application-notifications:before {
        display: none;
	}

	#tabs-bar .tab.application-office .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/office.svg);
		
	}

	#app-space.active-app-office.state-on .tab.application-office .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-office) #tabs-bar .tab.application-office,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-office .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-office .app-name:before,
	#app-space:not(.active-app-office) #tabs-bar .tab.application-office .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-office) #tabs-bar .tab.application-office .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-office) #tabs-bar .tab.application-office:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-office.state-on ~ #tabs-bar .tab.application-office {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-office.state-on #tabs-bar .tab.application-office .app-name,
	#app-space.active-app-office.state-on #tabs-bar .tab.application-office .close-button:before,
	#app-space.active-app-office.state-on #tabs-bar .tab.application-office .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-office #application-body-office {
        display: block;
	}

	#app-space.active-app-office.state-on .tab.application-office:before {
        display: none;
	}

	#tabs-bar .tab.application-family-tree .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/family-tree.svg);
		
	}

	#app-space.active-app-family-tree.state-on .tab.application-family-tree .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-family-tree) #tabs-bar .tab.application-family-tree,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-family-tree .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-family-tree .app-name:before,
	#app-space:not(.active-app-family-tree) #tabs-bar .tab.application-family-tree .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-family-tree) #tabs-bar .tab.application-family-tree .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-family-tree) #tabs-bar .tab.application-family-tree:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-family-tree.state-on ~ #tabs-bar .tab.application-family-tree {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-family-tree.state-on #tabs-bar .tab.application-family-tree .app-name,
	#app-space.active-app-family-tree.state-on #tabs-bar .tab.application-family-tree .close-button:before,
	#app-space.active-app-family-tree.state-on #tabs-bar .tab.application-family-tree .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-family-tree #application-body-family-tree {
        display: block;
	}

	#app-space.active-app-family-tree.state-on .tab.application-family-tree:before {
        display: none;
	}

	#tabs-bar .tab.application-polls .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/polls.svg);
		
	}

	#app-space.active-app-polls.state-on .tab.application-polls .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-polls) #tabs-bar .tab.application-polls,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-polls .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-polls .app-name:before,
	#app-space:not(.active-app-polls) #tabs-bar .tab.application-polls .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-polls) #tabs-bar .tab.application-polls .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-polls) #tabs-bar .tab.application-polls:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-polls.state-on ~ #tabs-bar .tab.application-polls {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-polls.state-on #tabs-bar .tab.application-polls .app-name,
	#app-space.active-app-polls.state-on #tabs-bar .tab.application-polls .close-button:before,
	#app-space.active-app-polls.state-on #tabs-bar .tab.application-polls .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-polls #application-body-polls {
        display: block;
	}

	#app-space.active-app-polls.state-on .tab.application-polls:before {
        display: none;
	}

	#tabs-bar .tab.application-preferences .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/preferences.svg);
		
	}

	#app-space.active-app-preferences.state-on .tab.application-preferences .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-preferences) #tabs-bar .tab.application-preferences,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-preferences .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-preferences .app-name:before,
	#app-space:not(.active-app-preferences) #tabs-bar .tab.application-preferences .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-preferences) #tabs-bar .tab.application-preferences .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-preferences) #tabs-bar .tab.application-preferences:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-preferences.state-on ~ #tabs-bar .tab.application-preferences {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-preferences.state-on #tabs-bar .tab.application-preferences .app-name,
	#app-space.active-app-preferences.state-on #tabs-bar .tab.application-preferences .close-button:before,
	#app-space.active-app-preferences.state-on #tabs-bar .tab.application-preferences .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-preferences #application-body-preferences {
        display: block;
	}

	#app-space.active-app-preferences.state-on .tab.application-preferences:before {
        display: none;
	}

	#tabs-bar .tab.application-profile .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/profile.svg);
		
	}

	#app-space.active-app-profile.state-on .tab.application-profile .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-profile) #tabs-bar .tab.application-profile,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-profile .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-profile .app-name:before,
	#app-space:not(.active-app-profile) #tabs-bar .tab.application-profile .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-profile) #tabs-bar .tab.application-profile .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-profile) #tabs-bar .tab.application-profile:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-profile.state-on ~ #tabs-bar .tab.application-profile {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-profile.state-on #tabs-bar .tab.application-profile .app-name,
	#app-space.active-app-profile.state-on #tabs-bar .tab.application-profile .close-button:before,
	#app-space.active-app-profile.state-on #tabs-bar .tab.application-profile .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-profile #application-body-profile {
        display: block;
	}

	#app-space.active-app-profile.state-on .tab.application-profile:before {
        display: none;
	}

	#tabs-bar .tab.application-setup .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/setup.svg);
		
	}

	#app-space.active-app-setup.state-on .tab.application-setup .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-setup) #tabs-bar .tab.application-setup,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-setup .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-setup .app-name:before,
	#app-space:not(.active-app-setup) #tabs-bar .tab.application-setup .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-setup) #tabs-bar .tab.application-setup .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-setup) #tabs-bar .tab.application-setup:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-setup.state-on ~ #tabs-bar .tab.application-setup {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-setup.state-on #tabs-bar .tab.application-setup .app-name,
	#app-space.active-app-setup.state-on #tabs-bar .tab.application-setup .close-button:before,
	#app-space.active-app-setup.state-on #tabs-bar .tab.application-setup .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-setup #application-body-setup {
        display: block;
	}

	#app-space.active-app-setup.state-on .tab.application-setup:before {
        display: none;
	}

	#tabs-bar .tab.application-search .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/search.svg);
		
	}

	#app-space.active-app-search.state-on .tab.application-search .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-search) #tabs-bar .tab.application-search,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-search .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-search .app-name:before,
	#app-space:not(.active-app-search) #tabs-bar .tab.application-search .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-search) #tabs-bar .tab.application-search .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-search) #tabs-bar .tab.application-search:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-search.state-on ~ #tabs-bar .tab.application-search {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-search.state-on #tabs-bar .tab.application-search .app-name,
	#app-space.active-app-search.state-on #tabs-bar .tab.application-search .close-button:before,
	#app-space.active-app-search.state-on #tabs-bar .tab.application-search .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-search #application-body-search {
        display: block;
	}

	#app-space.active-app-search.state-on .tab.application-search:before {
        display: none;
	}

	#tabs-bar .tab.application-publisher .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/publisher.svg);
		
	}

	#app-space.active-app-publisher.state-on .tab.application-publisher .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-publisher) #tabs-bar .tab.application-publisher,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-publisher .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-publisher .app-name:before,
	#app-space:not(.active-app-publisher) #tabs-bar .tab.application-publisher .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-publisher) #tabs-bar .tab.application-publisher .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-publisher) #tabs-bar .tab.application-publisher:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-publisher.state-on ~ #tabs-bar .tab.application-publisher {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-publisher.state-on #tabs-bar .tab.application-publisher .app-name,
	#app-space.active-app-publisher.state-on #tabs-bar .tab.application-publisher .close-button:before,
	#app-space.active-app-publisher.state-on #tabs-bar .tab.application-publisher .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-publisher #application-body-publisher {
        display: block;
	}

	#app-space.active-app-publisher.state-on .tab.application-publisher:before {
        display: none;
	}

	#tabs-bar .tab.application-registration .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/registration.svg);
		
	}

	#app-space.active-app-registration.state-on .tab.application-registration .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-registration) #tabs-bar .tab.application-registration,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-registration .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-registration .app-name:before,
	#app-space:not(.active-app-registration) #tabs-bar .tab.application-registration .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-registration) #tabs-bar .tab.application-registration .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-registration) #tabs-bar .tab.application-registration:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-registration.state-on ~ #tabs-bar .tab.application-registration {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-registration.state-on #tabs-bar .tab.application-registration .app-name,
	#app-space.active-app-registration.state-on #tabs-bar .tab.application-registration .close-button:before,
	#app-space.active-app-registration.state-on #tabs-bar .tab.application-registration .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-registration #application-body-registration {
        display: block;
	}

	#app-space.active-app-registration.state-on .tab.application-registration:before {
        display: none;
	}

	#tabs-bar .tab.application-slide-bank .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/slide-bank.svg);
		
	}

	#app-space.active-app-slide-bank.state-on .tab.application-slide-bank .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-slide-bank) #tabs-bar .tab.application-slide-bank,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-slide-bank .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-slide-bank .app-name:before,
	#app-space:not(.active-app-slide-bank) #tabs-bar .tab.application-slide-bank .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-slide-bank) #tabs-bar .tab.application-slide-bank .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-slide-bank) #tabs-bar .tab.application-slide-bank:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-slide-bank.state-on ~ #tabs-bar .tab.application-slide-bank {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-slide-bank.state-on #tabs-bar .tab.application-slide-bank .app-name,
	#app-space.active-app-slide-bank.state-on #tabs-bar .tab.application-slide-bank .close-button:before,
	#app-space.active-app-slide-bank.state-on #tabs-bar .tab.application-slide-bank .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-slide-bank #application-body-slide-bank {
        display: block;
	}

	#app-space.active-app-slide-bank.state-on .tab.application-slide-bank:before {
        display: none;
	}

	#tabs-bar .tab.application-todo .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/todo.svg);
		
	}

	#app-space.active-app-todo.state-on .tab.application-todo .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-todo) #tabs-bar .tab.application-todo,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-todo .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-todo .app-name:before,
	#app-space:not(.active-app-todo) #tabs-bar .tab.application-todo .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-todo) #tabs-bar .tab.application-todo .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-todo) #tabs-bar .tab.application-todo:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-todo.state-on ~ #tabs-bar .tab.application-todo {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-todo.state-on #tabs-bar .tab.application-todo .app-name,
	#app-space.active-app-todo.state-on #tabs-bar .tab.application-todo .close-button:before,
	#app-space.active-app-todo.state-on #tabs-bar .tab.application-todo .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-todo #application-body-todo {
        display: block;
	}

	#app-space.active-app-todo.state-on .tab.application-todo:before {
        display: none;
	}

	#tabs-bar .tab.application-whiteboard .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/whiteboard.svg);
		
	}

	#app-space.active-app-whiteboard.state-on .tab.application-whiteboard .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-whiteboard) #tabs-bar .tab.application-whiteboard,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-whiteboard .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-whiteboard .app-name:before,
	#app-space:not(.active-app-whiteboard) #tabs-bar .tab.application-whiteboard .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-whiteboard) #tabs-bar .tab.application-whiteboard .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-whiteboard) #tabs-bar .tab.application-whiteboard:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-whiteboard.state-on ~ #tabs-bar .tab.application-whiteboard {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-whiteboard.state-on #tabs-bar .tab.application-whiteboard .app-name,
	#app-space.active-app-whiteboard.state-on #tabs-bar .tab.application-whiteboard .close-button:before,
	#app-space.active-app-whiteboard.state-on #tabs-bar .tab.application-whiteboard .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-whiteboard #application-body-whiteboard {
        display: block;
	}

	#app-space.active-app-whiteboard.state-on .tab.application-whiteboard:before {
        display: none;
	}

	#tabs-bar .tab.application-workspaces .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/workspaces.svg);
		
	}

	#app-space.active-app-workspaces.state-on .tab.application-workspaces .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-workspaces) #tabs-bar .tab.application-workspaces,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-workspaces .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-workspaces .app-name:before,
	#app-space:not(.active-app-workspaces) #tabs-bar .tab.application-workspaces .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-workspaces) #tabs-bar .tab.application-workspaces .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-workspaces) #tabs-bar .tab.application-workspaces:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-workspaces.state-on ~ #tabs-bar .tab.application-workspaces {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-workspaces.state-on #tabs-bar .tab.application-workspaces .app-name,
	#app-space.active-app-workspaces.state-on #tabs-bar .tab.application-workspaces .close-button:before,
	#app-space.active-app-workspaces.state-on #tabs-bar .tab.application-workspaces .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-workspaces #application-body-workspaces {
        display: block;
	}

	#app-space.active-app-workspaces.state-on .tab.application-workspaces:before {
        display: none;
	}

	#tabs-bar .tab.application-corporate-objectives .app-name:before {
		
			/*filter: invert(100%) !important;*/
	        border-color: transparent !important;
			background-image: url(../../quaive/app-icons/corporate-objectives.svg);
		
	}

	#app-space.active-app-corporate-objectives.state-on .tab.application-corporate-objectives .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-corporate-objectives) #tabs-bar .tab.application-corporate-objectives,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-corporate-objectives .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-corporate-objectives .app-name:before,
	#app-space:not(.active-app-corporate-objectives) #tabs-bar .tab.application-corporate-objectives .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-corporate-objectives) #tabs-bar .tab.application-corporate-objectives .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-corporate-objectives) #tabs-bar .tab.application-corporate-objectives:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-corporate-objectives.state-on ~ #tabs-bar .tab.application-corporate-objectives {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-corporate-objectives.state-on #tabs-bar .tab.application-corporate-objectives .app-name,
	#app-space.active-app-corporate-objectives.state-on #tabs-bar .tab.application-corporate-objectives .close-button:before,
	#app-space.active-app-corporate-objectives.state-on #tabs-bar .tab.application-corporate-objectives .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-corporate-objectives #application-body-corporate-objectives {
        display: block;
	}

	#app-space.active-app-corporate-objectives.state-on .tab.application-corporate-objectives:before {
        display: none;
	}

	#tabs-bar .tab.application-beer-app .app-name:before {
		
	}

	#app-space.active-app-beer-app.state-on .tab.application-beer-app .app-name:before {
        filter: invert(0%) !important;
        opacity: 1 !important;
        // border-top-right-radius: 0;
        // border-bottom-right-radius: 0;
	}

	#app-space:not(.active-app-beer-app) #tabs-bar .tab.application-beer-app,
	#app-space.state-paused #tabs-bar .tab {
		background:  var(--colour-tab-dimmed) !important;
		opacity: 0.8;
		box-shadow: var(--tabs-bar-tab-box-shadow-dimmed);
		// width: 33px;
		// box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	}

	#app-space.state-off #tabs-bar .tab.application-beer-app .app-name:before,
	#app-space.state-paused #tabs-bar .tab.application-beer-app .app-name:before,
	#app-space:not(.active-app-beer-app) #tabs-bar .tab.application-beer-app .app-name:before {
		background-color: transparent !important;
	}

	#app-space:not(.active-app-beer-app) #tabs-bar .tab.application-beer-app .more-menu-toggle,
	#app-space.state-paused #tabs-bar .tab .more-menu-toggle {
		display: none;
	}

	#app-space:not(.active-app-beer-app) #tabs-bar .tab.application-beer-app:hover,
	#app-space.state-paused #tabs-bar .tab:hover {
		opacity: 1;
	}

	#application-body-beer-app.state-on ~ #tabs-bar .tab.application-beer-app {
		display: inline-block;
		animation: bounceIn 1s;
	}

	#app-space.active-app-beer-app.state-on #tabs-bar .tab.application-beer-app .app-name,
	#app-space.active-app-beer-app.state-on #tabs-bar .tab.application-beer-app .close-button:before,
	#app-space.active-app-beer-app.state-on #tabs-bar .tab.application-beer-app .more-menu-toggle:before {
		/*color: black*/
	}

	#app-space.state-on.active-app-beer-app #application-body-beer-app {
        display: block;
	}

	#app-space.active-app-beer-app.state-on .tab.application-beer-app:before {
        display: none;
	}