/*
-------------------

	Baseapp

	Template · Layout
	Jun . 2022

	© Exactuflow
	http://baseapp.exactusensu.pt

-------------------
*/

	string {
		display: none !important;
	}

	html[lang="pt-pt"] string.pt{ display: inline !important; }
	html[lang="en-en"] string.en{ display: inline !important; }

/* Viewport */

	/* Viewport . Initialize */

		body.viewport {
			min-width: 300px;
			background-color: var(--color_primary);
			background-image: url(../media/viewport.app.bg.png);
			background-size: 204px 350px;
			font-family: "gotham";
			overflow-y: scroll;
		}

		._dev_ body.viewport {
			background-image: url(../media/viewport.dev.bg.png);
		}

		body.viewport.locked {
			overflow: hidden;
		}

		::-webkit-scrollbar {
/*		  -webkit-appearance: none;*/
/*		  width: 0px;*/
		}

/* Header */

	/* Header . Initialize */

		header {
			transition: height 500ms cubic-bezier(0.825, 0.000, 0.150, 1.000);
		}

	/* Header . Wrapper */

		header .wrapper {}

		/* Header . Wrapper . Extra-Small Screens */
		@media (min-width: 100px) {

			header .wrapper {
				padding: 10px 10px 10px 10px;
			}

		}

		/* Header . Wrapper . Small Screens */
		@media (max-width: 600px) {}

		/* Header . Wrapper . Medium Screens */
		@media (min-width: 600px) {}

		/* Header . Wrapper . Large screens */
		@media (min-width: 1200px) {

			header .wrapper {
				padding: 20px 10px 20px 10px;
			}

		}

	/* Header . Containers */

		/* Header . Containers . Blocks */

			header .block {
				display: block;
			}

			header .container.left .block {
				float: left;
			}

			header .container.right .block {
				float: right;
			}

			/* Header . Containers . Blocks . Branding */
				
				header .block.branding a {
					display: inline-block;
					padding-right: 10px;
					font-family: "gotham";
					font-weight: 300;
					line-height: 36px;
					text-decoration: none;
					color: #ffffff;
					transition: all 200ms cubic-bezier(0.825, 0.000, 0.150, 1.000);
					background-image: url(/resources/content/media/branding/branding.app.icon.light.png);
					background-repeat: no-repeat;
					background-position: 10px center;
				}

			/* Header . Containers . Blocks . Entity + Account */

				/* Dropper . Button */
				header .block.entity  .dropper button,
				header .block.account .dropper button {
					height: 36px !important;
					padding-left: 8px;
					padding-right: 30px !important;
					line-height: 36px !important;
				}

				header .block.entity  .dropper button:hover,
				header .block.entity  .dropper.open button,
				header .block.account  .dropper button:hover,
				header .block.account  .dropper.open button {
					border-color: rgba(255,255,255,0.3) !important;
				}

				/* Dropper . List */
				header .block.entity  .dropper ul li,
				header .block.account .dropper ul li {
					line-height: 24px;
				}

			/* Header . Containers . Blocks . Languages */

				/* Language selector */
				.language_selector {
					color: white;
				}

				/* Language selector */
				.language_selector.active {
					font-weight: bold;
				}

		/* Header . Containers . Blocks . Extra-Small Screens */
		@media (min-width: 100px) {

			/* Header . Containers . Blocks . Branding */
			header .block.branding a {
				padding-left: 36px;
				font-size: 20px;
				background-size: auto 50%;
			}

			/* Header . Containers . Blocks . Entity + Account */
			
				/* Dropper . Button */
				header .block.entity  .dropper *,
				header .block.account .dropper * {
					font-size: 12px !important;
				}

		}

		/* Header . Containers . Blocks . Small Screens */
		@media (max-width: 600px) { 

			/* Dropper . Button */
			header .block.account .dropper button {
				width: 36px !important;
				font-size: 0px !important;
				padding: 0px !important;
				background-image: none !important;
			}

			header .block.account .dropper button:after {
				content: "ȿ";
				font-family: BasekitSymbols !important;
				font-size: 34px !important;
			}

		}

		/* Header . Containers . Blocks . Medium Screens */
		@media (min-width: 600px) {

			/* Header . Containers . Blocks . Branding */
			header .block.branding a {
				padding-left: 40px;
				font-size: 24px;
				background-size: auto 60%;
			}

			/* Header . Containers . Blocks . Entity + Account */

				/* Dropper */
				header .block.entity  .dropper *,
				header .block.account .dropper * {
					font-size: 14px !important;
				}

		}

		/* Header . Containers . Blocks . Large screens */
		@media (min-width: 1200px) { }

/* Wrappers */

	/* Wrappers . Initialize */
		.wrapper {
			width: 100%;
			margin: 0px auto 0px auto;
			max-width: 1600px;
			overflow: auto;
			box-sizing: border-box;
			transition: max-width 500ms cubic-bezier(0.825, 0.000, 0.150, 1.000);
		}

		.viewport.fullscreen .wrapper,
		.wrapper.fullscreen {
			max-width: 100%;
		}

	/* Wrappers . Small Screens */
		@media (min-width: 100px) {

			.viewport.narrow .wrapper,
			.wrapper.narrow {
				width: 60%;
			}

			.viewport.medium .wrapper,
			.wrapper.medium  {
				width: 70%;
			}

			.viewport.wide .wrapper,
			.wrapper.wide {
				width: 90%;
			}

			.viewport.fullscreen .wrapper,
			.wrapper.fullscreen {
				width: 100% !important;
			}

		}

	/* Wrappers . Medium Screens */
		@media (min-width: 600px) {

			.viewport.narrow .wrapper,
			.wrapper.narrow {
				width: 50%;
			}

			.viewport.medium .wrapper,
			.wrapper.medium  {
				width: 70%;
			}

			.viewport.wide .wrapper,
			.wrapper.wide {
				width: 90%;
			}

			.viewport.fullscreen .wrapper,
			.wrapper.fullscreen {
				width: 100% !important;
			}

		}

	/* Wrappers . Large screens */
		@media (min-width: 1200px) {

			.viewport.narrow .wrapper,
			.wrapper.narrow {
				width: 50%;
			}

			.viewport.medium .wrapper,
			.wrapper.medium  {
				width: 70%;
			}

			.viewport.wide .wrapper,
			.wrapper.wide {
				width: 90%;
			}

			.viewport.fullscreen .wrapper,
			.wrapper.fullscreen {
				width: 100% !important;
			}

		}

	/* Wrappers . Huge screens */
		@media (min-width: 1700px) {

			.viewport.narrow .wrapper,
			.wrapper.narrow {
				width: 40%;
			}

			.viewport.medium .wrapper,
			.wrapper.medium  {
				width: 70%;
			}

			.viewport.wide .wrapper,
			.wrapper.wide {
				width: 90%;
			}

			.viewport.fullscreen .wrapper,
			.wrapper.fullscreen {
				width: 100% !important;
			}

		}

	/* Wrappers . Containers */

		/* Wrappers . Containers */
			.wrapper .container {
				box-sizing: border-box;
			}

		/* Wrappers . Containers . Left */
			.wrapper .container.left {
				float: left;
			}

		/* Wrappers . Containers . Right */
			.wrapper .container.right {
				float: right;
			}

/* Containers */

	/* Containers . Main */

		/* Containers . Main . Left and Right */
			.main .container.left,
			.main .container.right {
				position: relative;
				overflow: hidden;
				transition: width 500ms cubic-bezier(0.825, 0.000, 0.150, 1.000), opacity 500ms cubic-bezier(0.825, 0.000, 0.150, 1.000), transform 500ms cubic-bezier(0.825, 0.000, 0.150, 1.000), background-color 500ms cubic-bezier(0.825, 0.000, 0.150, 1.000);
				z-index: 1;
				opacity: 1;
				box-sizing: border-box;
			}

			.main .container.left.open,
			.main .container.right.open {
				background-color: var(--color_white);
			}

			.main .container.left.hidden,
			.main .container.right.hidden {
				display: block !important;
			}


			.main .container.left.hidden {
				transform: translateX(-90px);
				opacity: 0;
			}

			.main .container.right.hidden {
				transform: translateX(52px);
				opacity: 0;
			}


		/* Containers . Main . Small Screens */
			@media (min-width: 100px) {

				/* Main containers */

				.main .container.left,
				.main .container.right {
					position: fixed;
				}

				.main .container.right,
				.main .container.right.open {
					right: 0px;
				}

				.main .body .container.left,
				.main .body .container.right,
				.main .footer .container.left,
				.main .footer .container.right {
					width: 0px;
				}

				.main .container.left.closed,
				.main .header .container.left {
					width: 72px;
					z-index: 2;
				}

				.main .container.right.closed,
				.main .header .container.right {
					width: 52px;
					z-index: 1;
				}

				.main .container.left.open {
					width: calc( 100vw - 10px );
					z-index: 2;
				}

				.main .container.right.open {
					width: 100vw;
					z-index: 2;
				}

				.main .container.center {
					padding-left: 74px;
					padding-right: 44px;
				}

			}

		/* Containers . Main . Medium Screens */
			@media (min-width: 600px) {

				/* Main containers */

				.main .container.left,
				.main .container.right {
					position: fixed;
				}

				.main .header .container.left,
				.main .body .container.left,
				.main .footer .container.left,
				.main .container.left.closed {
					width: 74px;
				}

				.main .header .container.right,
				.main .body .container.right,
				.main .footer .container.right,
				.main .container.right.closed {
					width: 52px;
				}

				.main .container.left.open {
					width: 380px;
				}

				.main .container.right,
				.main .container.right.open {
					width: 300px;
				}

				.main .container.center {
					padding-right: 56px;
				}

			}

		/* Containers . Main . Large screens */
			@media (min-width: 1200px) {

				.main .container.left,
				.main .container.right {
					position: relative;
				}

				.main .header .container.left,
				.main .body .container.left,
				.main .footer .container.left,
				.main .container.left,
				.main .container.left.open {
					width: 350px;
				}

				.main .header .container.right,
				.main .body .container.right,
				.main .footer .container.right,
				.main .container.right,
				.main .container.right.open {
					width: 300px;
				}

				.main .container.left.closed {
					width: 74px;
				}

				.main .container.right.closed {
					width: 52px;
				}

				.main .container.center {
					padding-right: 0px;
				}

			}

/* Sections */

	/* Sections */
		section {
			background-color: #FFFFFF;
		}

	/* Sections . Main . Header */

			section.main .header {
				padding: 7px 0px 0px 0px;
				overflow: auto !important;
			}

			/* Small screen */
			@media (min-width: 100px) {

				section.main .header {
					padding: 10px 10px 24px 10px;
				}

			}

			/* Medium screen */
			@media (min-width: 600px) {

				section.main .header {
					padding: 10px 10px 24px 10px;
				}

			}

			/* Large screen */
			@media (min-width: 1200px) {

				section.main .header {
					padding: 10px 10px 24px 10px;
				}

			}

		/* Sections . Main . Header . Container . Left  */

			section.main .header .container.left .block.scope {
				user-select: none;
				overflow: hidden;
			}

			section.main .header .container.left.closed .block.scope {

			}

			section.main .header .container.left .block.scope .avatar {
				float: left;
				display: block;
			}

			section.main .header .container.left.closed .block.scope .avatar {
				overflow: hidden;
			}

			section.main .header .container.left .block.scope .avatar span,
			section.main .header .container.left .block.scope .avatar img  {
				display: block;
				float: left;
				border-radius: 50%;
			}

			section.main .header .container.left .block.scope .avatar::after,
			section.main .header .container.left .block.scope .avatar::after {
				float: left;
				content: "ɿ";
				font-family: BasekitSymbols;
				border-radius: 50%;
				background-color: rgba(var(--color_primary_r), var(--color_primary_g), var(--color_primary_b), 0.7);
				opacity: 0;
				transition: opacity 500ms cubic-bezier(0.825, 0.000, 0.150, 1.000);
			}

			.mobile section.main .header .container.left .block.scope .avatar::after,
			.tablet section.main .header .container.left .block.scope .avatar::after {
				opacity: 1;
			}

			section.main .header .container.left .block.scope .title {
				position: relative;
				top: 50%;
		  		transform: translateY(-50%);
				min-width: 200px;
				font-weight: normal;
				color: #505050;
				margin-right: 26px;
				transition: opacity 500ms ease-in-out;
			}

			section.main .header .container.left.closed .block.scope .title {
				opacity: 0;
				user-select: none;
			}

			/* Small screen */
			@media (min-width: 100px) {

				section.main .header .container.left .block.scope {
					height: 50px;
					padding-left: 56px;
				}

				section.main .header .container.left .block.scope .avatar {
					height: 50px;
					width: 50px;
					margin: 0px 10px 0px -56px;
				}

				section.main .header .container.left .block.scope .avatar span {
					height: 50px;
					width: 50px;
					line-height: 50px;
				}

				section.main .header .container.left .block.scope .avatar::after,
				section.main .header .container.left .block.scope .avatar::after {
					height: 50px;
					width: 50px;
					margin-top: -50px;
					line-height: 50px;
				}

				section.main .header .container.left .block.scope .title {
					font-size: 16px;
					min-width: 250px;
				}

			}

			/* Medium screen */
			@media (min-width: 600px) {

				section.main .header .container.left .block.scope {
					height: 70px;
					padding-left: 58px;
				}

				section.main .header .container.left .block.scope .avatar {
					height: 48px;
					width: 48px;
					margin: 11px 10px 0px -58px;
				}

				section.main .header .container.left .block.scope .avatar span {
					height: 48px;
					width: 48px;
					line-height: 48px;
				}

				section.main .header .container.left .block.scope .avatar::after,
				section.main .header .container.left .block.scope .avatar::after {
					height: 48px;
					width: 48px;
					margin-top: -48px;
					line-height: 48px;
				}

				section.main .header .container.left .block.scope .title {
					font-size: 18px;
					min-width: 250px;
				}

			}

			/* Large screen */
			@media (min-width: 1200px) {

			}

			.avatar {
				height: 36px;
				width: 36px;
				font-size: 22px;
				font-weight: 300;
				line-height: 38px;
				color: #ffffff;
				text-align: center;
				border-radius: 50%;
				background-color: #5194B5;
				margin-block-end: 0em;
				margin-block-start: 0em;
			}

			.avatar img {
				width: 100%;
				height: 100%;
				border-radius: 50%;
			}

		/* Sections . Main . Header . Container . Center  */

			section.main .header .container.center {
				overflow: auto;
				transition: all 500ms cubic-bezier(0.825, 0.000, 0.150, 1.000);
			}

			.stealth section.main .header .container.center {
				padding-left: 0px !important;
				padding-right: 0px !important;
			}

			section.main .header .container.center .block {
				float: left;
				box-sizing: border-box;
			}

			/* Context  */

				section.main .header .container.center .block.context {
					position: relative;
					width: 65%;
					transition: height 500ms cubic-bezier(0.825, 0.000, 0.150, 1.000);
				}

				section.main .header .container.center .block.context h1 {
					font-weight: 300;
					color: var(--color_primary);
				}

				section.main .header .container.center .block.context h2 {
					font-weight: 300;
					color: #59595B;
				}

			/* Actions */

				section.main .header .container.center .block.actions {
					width: 35%;
					text-align: right;
					transition: min-height 500ms cubic-bezier(0.825, 0.000, 0.150, 1.000);
				}

			/* Small screen */
			@media (min-width: 100px) {

				section.main .header .container.center,
				section.main .header .container.center .block {
					min-height: 50px;
				}

				/* Context  */

					section.main .header .container.center .block.context {
						padding: 10px 10px 0px 6px;
					}

					section.main .header .container.center .block.context h1 {
						font-size: 11px;
					}

					section.main .header .container.center .block.context h2 {
						font-size: 14px;
					}

				/* Actions */

					section.main .header .container.center .block.actions {
						padding: 10px 8px 0px 6px;
					}

			}

			/* Medium screen */
			@media (min-width: 600px) {

				section.main .header .container.center .block,
				section.main .header .container.center .block.context {
					min-height: 70px;
				}

				/* Context  */

					section.main .header .container.center .block.context {
						padding: 10px 10px 0px 10px;
					}

					section.main .header .container.center .block.context h1 {
						font-size: 16px;
						margin-bottom: 6px;
					}

					section.main .header .container.center .block.context h2 {
						font-size: 28px;
					}

				/* Actions */

					section.main .header .container.center .block.actions {
						padding: 18px 18px 0px 10px;
					}

			}

			/* Large screen */
			@media (min-width: 601px) {

				/* Actions */

					section.main .header .container.center .block.actions {
						padding: 20px 0px 0px 10px;
					}

			}

			@media (min-width: 768px) {

				/* Actions */

					section.main .header .container.center .block.actions {
						padding: 18px 0px 0px 10px;
					}

			}

			@media (min-width: 990px) {

				/* Actions */

					section.main .header .container.center .block.actions {
						padding: 21px 0px 0px 10px;
					}

			}

			/* Large screen */
			@media (min-width: 1200px) {

				section.main .header .container.center .block.context {
					padding: 12px 10px 0px 10px;
				}

				section.main .header .container.center {
					padding-left: 0px;
				}

				/* Actions */

					section.main .header .container.center .block.actions {
						padding: 18px 16px 0px 10px;
					}

			}

		/* Sections . Main . Header . Container . Right  */

			section.main .header .container.right {}

			/* Search */

				section.main .header .container.right .block.search {
					transition: height 500ms cubic-bezier(0.825, 0.000, 0.150, 1.000);
				}

				section.main .header .container.right .block.search icon {
					display: block;
					float: left;
					content: "n";
					font-size: 30px;
					font-family: BasekitSymbols;
					line-height: calc(1px * (var(--components_global_h) * var(--components_scale)))!important;
					text-align: center;
				}

				section.main .header .container.right .block.search input {
					float: left;
					width: 60%;
					border: none;
					outline: none;
					background-color: rgba(255, 255, 255, 0.5);
				}

				section.main .header .container.right .block.search input::placeholder {
					color: rgba(var(--color_primary_r),var(--color_primary_g),var(--color_primary_b),0.5);
					text-transform: uppercase;
				}
			
			/* Small screen */
			@media (min-width: 100px) {

				section.main .header .container.right .block.search {
					height: 50px;
					width: 290px;
				}

				section.main .header .container.right .block.search icon {
					width: 36px;
					margin-top: 7px;
				}

				section.main .header .container.right .block.search input {
					width: 273px;
					margin-left: -36px;
					margin-top: 7px;
					padding-left: 36px;
					padding-right: 0px;
					text-indent: 0px;
				}

				section.main .header .container.right .block.search input::placeholder {
				}

			}

			/* Medium screen */
			@media (min-width: 600px) {

				section.main .header .container.right .block.search {
					height: 70px;
				}

				section.main .header .container.right .block.search icon {
					width: 36px;
					margin-top: 20px;
				}

				section.main .header .container.right .block.search input {
					height: 36px;
					width: 273px;
					margin-top: 20px;
					padding-right: 0px;
					text-indent: 0px;
				}

			}

			/* Large screen */
			@media (min-width: 1200px) {

				section.main .header .container.right .block.search icon {
					margin-top: 18px;
				}

				section.main .header .container.right .block.search input {
					margin-top: 18px;
				}

			}


		/* Sections . Main . Header . Handles */

			/* Handles */
			section.main .header .container .block.handle {
				position: relative;
				width: 16px;
				transition: opacity 500ms ease-in-out;
				opacity: 0.4;
				user-select: none;
				cursor: pointer;
				background: linear-gradient(90deg, rgba(0,0,0,0) calc(50% - 1px),  rgba(var(--color_primary_r),var(--color_primary_g),var(--color_primary_b),1) calc(50%),  rgba(0,0,0,0) calc(50% + 1px)
			    );
			}

			section.main .header .container .block.handle:after {
				content: " ";
				display: block;
				height: 16px;
				width: 16px;
				border-radius: 50%;
				
				background-size: 13px 13px;
				background-position: center center;
				background-repeat: repeat-y;
				background-color: #ffffff;
			}

			section.main .header .container .block.handle:hover {
				opacity: 1;
			}

			/* Handles . Left */
			section.main .header .container.left .block.handle {
				float: right;
			}

			section.main .header .container.left .block.handle:after {
				display: block;
				content: "©";
				font-family: BasekitSymbols;
				font-size: 13px;
    			line-height: 16px;
    			text-align: center;
				transform: rotate(0deg);
				transition: all 1000ms cubic-bezier(0.825, 0.000, 0.150, 1.000);
			}

			section.main .header .container.left.closed .block.handle:after {
				transform: rotate(180deg);
			}

			/* Handles . Right */
			section.main .header .container.right .block.handle {
				float: left;
			}

			section.main .header .container.right .block.handle:after {
				display: block;
				content: "ª";
				font-family: BasekitSymbols;
				font-size: 13px;
    			line-height: 16px;
    			text-align: center;
				transform: rotate(0deg);
				transition: all 1000ms cubic-bezier(0.825, 0.000, 0.150, 1.000);
			}

			section.main .header .container.right.closed .block.handle:after {
				transform: rotate(-180deg);
			}

			/* Small screen */
			@media (min-width: 100px) {

				/* Handle */
				section.main .header .container .block.handle {
					min-height: 50px;
					
				}

				section.main .header .container .block.handle:after {
					margin: 17px 0px 0px 0px;
				}

				/* Handle . Left */
				section.main .header .container.left .block.handle {
					margin-top: -50px;
				}

			}

			/* Medium screen */
			@media (min-width: 600px) {

				/* Handle */
				section.main .header .container .block.handle {
					height: 70px;
				}

				section.main .header .container .block.handle:after {
					margin: 27px 0px 0px 0px;
				}

				/* Handle . Left */
				section.main .header .container.left .block.handle {
					margin-top: -70px;
				}

			}

	/* Sections . Main . Body */

			section.main .body {
				padding: 0px 0px 0px 0px;
				overflow: auto;
			}



			/* Small screen */
			@media (min-width: 100px) {

				section.main .body {
					padding: 0px 10px 0px 10px;
				}

			}

			/* Medium screen */
			@media (min-width: 600px) {

				section.main .body {
					padding: 0px 10px 0px 10px;
				}

			}

			/* Large screen */
			@media (min-width: 1200px) {

				section.main .body {
					padding: 0px 10px 0px 10px;
				}

			}



		/* Sections . Main . Body . Container . Left */

			section.main .body .container.left {
				background-image: url(../media/container.separator.png);
				background-size: 16px 16px;
				background-repeat: repeat-y;
				background-position: top right;
			}

			/* Sections . Main . Body . Container . Left . Wrapper */
			section.main .body .container.left .container_wrapper {
				overflow-y: scroll;

			}

			section.main .body .container.left .container_wrapper::-webkit-scrollbar {
				-webkit-appearance: none;
				width: 0px;
			}


			section.main .body .container.left .block:last-child {
				margin-bottom: 64px;
			}

			/* Sections . Main . Blocks . Navigation . Primary */

				/* Sections . Main . Blocks . Navigation . Primary . List */
				section.main .body .container.left .block.navigation.primary > ul {
					min-width: 250px;
					background-image: url(../media/navigation.line.dashed.png);
					background-size: 16px 16px;
					background-repeat: repeat-y;
				}

				section.main .body .container.left .block.navigation.primary > ul > li {
					position: relative;
					min-height: 24px;
					padding: 20px 0px 0px 0px;
					transition: all 500ms cubic-bezier(0.825, 0.000, 0.150, 1.000);
					overflow: hidden;
				}

				section.main .body .container.left .block.navigation.primary > ul > li:first-child {
					position: relative;
					padding: 0px 0px 6px 0px;
				}

				section.main .body .container.left .block.navigation.primary > ul > li * {
					user-select: none;
				}

				section.main .body .container.left .block.navigation.primary > ul > li:first-child a i {
					width: 32px;
					font-size: 32px;
				}

				section.main .body .container.left .block.navigation.primary > ul > li:last-child a i {
					width: 24px;
					font-size: 24px;
				}

				/* Sections . Main . Blocks . Navigation . Primary . Links */
				section.main .body .container.left .block.navigation.primary > ul > li > a {
					overflow: auto;
					float: left;
					display: inline-block;
					font-weight: normal;
					text-transform: uppercase;
				}

				section.main .body .container.left .block.navigation.primary > ul > li > a i {
					display: block;
					float: left;
					height: 24px;
					width: 24px;
					margin: 0px 12px 0px 12px;
					padding: 0px;
					font-size: 20px;
					line-height: 24px;
					color: #ffffff;
					text-align: center;
					font-style: normal;
					/*background-color: var(--color_primary);*/
				}

				section.main .body .container.left .block.navigation.primary > ul > li > a > span {
					display: inline-block;
					font-weight: 500;
					color: #7A7A7C;
					opacity: 1;
					transition: opacity 200ms ease-in-out;
				}

				section.main .body .container.left .block.navigation.primary a:hover span,
				section.main .body .container.left .block.navigation.primary ul > li.active > a > span,
				section.main .body .container.left .block.navigation.primary ul > li.active p.active a span,
				section.main .body .container.left .block.navigation.primary ul > li.active li.active .title string {
					color: var(--color_primary);
				}

				/* Sections . Main . Blocks . Navigation . Primary . Sub lists */
				section.main .body .container.left .block.navigation.primary > ul > li > ul > li {
					position: relative;
					margin-bottom: 0px;
					clear: both;
				}

				section.main .body .container.left .block.navigation.primary > ul > li > ul > li a  {
					float: none;
				}

				section.main .body .container.left .block.navigation.primary > ul > li > ul > li a span {
					display: inline-block;
					color: #7A7A7C;
					opacity: 1;
					font-size: var(--fs_default);
					transition: opacity 200ms ease-in-out;
				}

				/* Sections . Main . Blocks . Navigation . Primary . Closed */
				section.main .body .container.left.closed  .block.navigation.primary > ul > li {
					height: 24px !important;
					padding-top: 0px;
				}

				section.main .body .container.left.closed .block.navigation.primary > ul > li > a span,
				section.main .body .container.left.closed .block.navigation.primary > ul > li > ul > li a span {
					opacity: 0;
				}

				/* Small screen */
				@media (min-width: 100px) {

					/* Sections . Main . Blocks . Navigation . Primary */
					section.main .body .container.left .block.navigation.primary {
						padding-left: 8px;
					}

					/* Sections . Main . Blocks . Navigation . Primary . List */
					section.main .body .container.left .block.navigation.primary > ul {
						background-position: 9px 0px;
					}

					section.main .body .container.left.closed .block.navigation.primary > ul > li:first-child {
						position: relative;
						padding: 0px 0px 6px 0px;
					}
					/* Sections . Main . Blocks . Navigation . Primary . First item */
					section.main .body .container.left .block.navigation.primary > ul > li:first-child a i {
						margin: 0px 8px 0px 1px;
					}

					/* Sections . Main . Blocks . Navigation . Primary . Links */
					section.main .body .container.left .block.navigation.primary > ul > li > a {
						overflow: hidden;
					}

					/* Sections . Main . Blocks . Navigation . Primary . Icons */
					section.main .body .container.left .block.navigation.primary > ul > li > a i {
						margin: 0px 10px 0px 6px;
					}

					/* Sections . Main . Blocks . Navigation . Primary . Labels */
					section.main .body .container.left .block.navigation.primary > ul > li > a > span {
						padding-top: 6px;
					}

					/* Sections . Main . Blocks . Navigation . Primary . Sub lists */
					section.main .body .container.left .block.navigation.primary > ul > li > ul {
						margin-left: 58px;
						padding-top: 10px;
					}

					/* Sections . Main . Blocks . Navigation . Primary . Sub lists . Labels */
					section.main .body .container.left .block.navigation.primary > ul > li > ul > li a span {
						margin: 7px 0px 7px 0px;
					}

					section.main .body .container.left.closed .block.navigation.primary > ul > li {
						padding-top: 20px;
					}

				}

				/* Medium screen */
				@media (min-width: 600px) {

					/* Sections . Main . Blocks . Navigation . Primary */
					section.main .body .container.left .block.navigation.primary {
						padding-left: 0px;
					}
					
					/* Sections . Main . Blocks . Navigation . Primary . List */
					section.main .body .container.left .block.navigation.primary > ul {
						background-position: 16px 0px;
					}

					/* Sections . Main . Blocks . Navigation . Primary . First item */
					section.main .body .container.left.closed .block.navigation.primary > ul > li:first-child {
						position: relative;
						padding: 0px 0px 6px 0px;
					}

					section.main .body .container.left .block.navigation.primary > ul > li:first-child a i {
						margin: 0px 8px 0px 8px;
					}

					/* Sections . Main . Blocks . Navigation . Primary . Icons */
					section.main .body .container.left .block.navigation.primary > ul > li > a i {
						margin: 0px 12px 0px 12px;
					}

					/* Sections . Main . Blocks . Navigation . Primary . Labels */
					section.main .body .container.left .block.navigation.primary > ul > li > a > span {
						padding-top: 6px;
					}

					/* Sections . Main . Blocks . Navigation . Primary . Sub List */
					section.main .body .container.left .block.navigation.primary > ul > li > ul {
						margin-left: 58px;
						padding-top: 10px;
					}

					/* Sections . Main . Blocks . Navigation . Primary . Sub lists . Labels */
					section.main .body .container.left .block.navigation.primary > ul > li > ul > li a span {
						margin: 7px 0px 7px 0px;
					}

					/* Sections . Main . Blocks . Navigation . Primary . Closed */
					section.main .body .container.left.closed .block.navigation.primary > ul > li {
						padding-top: 20px;
					}

				}

			/* Sections . Main . Blocks . Navigation . Secondary */

				/* Sections . Main . Blocks . Navigation . Secondary */
				section.main .body .container.left .block.navigation.secondary {
					
				}

				/* Sections . Main . Blocks . Navigation . Secondary . List */
				section.main .body .container.left .block.navigation.secondary > ul {
					min-width: 250px;
				}

				/* Sections . Main . Blocks . Navigation . Secondary . Items */
				section.main .body .container.left .block.navigation.secondary > ul li {
					position: relative;
					padding-top: 24px;
					overflow: hidden;
				}

				/* Sections . Main . Blocks . Navigation . Secondary . Links */
				section.main .body .container.left .block.navigation.secondary > ul li a {
				    float: left;
				    display: inline-block;
				}

				/* Sections . Main . Blocks . Navigation . Secondary . Avatars */
				section.main .body .container.left .block.navigation.secondary > ul li a .avatar {
					position: relative;
					float: left;
				}

				/* Sections . Main . Blocks . Navigation . Secondary . Labels */
				section.main .body .container.left .block.navigation.secondary > ul li a span {
					display: inline-block;
					color: #7A7A7C;
					transition: opacity 200ms ease-in-out;
				}

				/* Sections . Main . Blocks . Navigation . Secondary . Labels Hover */
				section.main .body .container.left .block.navigation.secondary > ul li a:hover span {
					color: #EB6B53;
				}

				/* Sections . Main . Blocks . Navigation . Secondary . Closed . Items */
				section.main .body .container.left.closed .block.navigation.secondary > ul li {
					height: 32px;
				}

				/* Sections . Main . Blocks . Navigation . Secondary . Closed . Labels */
				section.main .body .container.left.closed .block.navigation.secondary > ul li a span {
					opacity: 0;
				}

				/* Small screen */
				@media (min-width: 100px) {

					/* Sections . Main . Blocks . Navigation . Secondary */
					section.main .body .container.left .block.navigation.secondary {
						padding-left: 6px;
					}

					/* Sections . Main . Blocks . Navigation . Secondary . List */
					section.main .body .container.left .block.navigation.secondary > ul li {
						padding: 24px 0px 0px 3px;
					}

					/* Sections . Main . Blocks . Navigation . Secondary . Closed */
					section.main .body .container.left .block.navigation.secondary > ul li a span {
						padding: 8px 0px 0px 10px;
					}

					/* Sections . Main . Blocks . Navigation . Secondary . Avatars */
					section.main .body .container.left .block.navigation.secondary > ul li a .avatar {
						height: 32px;
						width: 32px;
						font-size: 21px;
						line-height: 32px;
					}

				}

				/* Medium screen */
				@media (min-width: 600px) {

					/* Sections . Main . Blocks . Navigation . Secondary */
					section.main .body .container.left .block.navigation.secondary {
						padding-left: 0px;
					}

					/* Sections . Main . Blocks . Navigation . Secondary . List */
					section.main .body .container.left .block.navigation.secondary > ul li {
						padding: 24px 0px 0px 8px;
					}

					/* Sections . Main . Blocks . Navigation . Secondary . Links */
					section.main .body .container.left .block.navigation.secondary > ul li a span {
						padding: 8px 0px 0px 10px;
					}

					/* Sections . Main . Blocks . Navigation . Secondary . Link */
					section.main .body .container.left .block.navigation.secondary > ul li a .avatar {
						height: 32px;
						width: 32px;
						font-size: 21px;
						line-height: 33px;
					}

				}






	/* Sections . Main . Body . Container . Center */

		/* Sections . Main . Body . Container . Center */
		section.main .body .container.center {
			transition: padding 500ms cubic-bezier(0.825, 0.000, 0.150, 1.000), width 500ms cubic-bezier(0.825, 0.000, 0.150, 1.000);
		}

		section.main .body .container.center {
			padding-left: 0px !important;
			padding-right: 0px !important;
		}

		.stealth section.main .body .container.center {
			padding-left: 0px !important;
			padding-right: 0px !important;
		}

		/* Sections . Main . Body . Container . Left . Wrapper */
		section.main .body .container.center .container_wrapper {
			overflow: hidden;
		}

		/* Medium screen */
		@media (min-width: 600px) {

			/* Left padding management */

				.left_hidden section.main .body .container.center {
					padding-left: 0px !important;
				}

				.left_closed section.main .body .container.center,
				.left_open section.main .body .container.center {
					padding-left: 84px !important;
				}

			/* Right padding management */

				.right_hidden section.main .body .container.center {
					padding-right: 0px !important;
				}

				.right_closed section.main .body .container.center,
				.right_open section.main .body .container.center {
					padding-right: 52px !important;
				}

		}

		/* Medium screen */
		@media (min-width: 1200px) {

			/* Left padding management */

				.left_hidden section.main .body .container.center {
					padding-left: 0px !important;
				}

				.left_closed section.main .body .container.center {
					padding-left: 84px !important;
				}

				.left_open section.main .body .container.center {
					padding-left: 360px !important;
				}

			/* Right padding management */

				.right_hidden section.main .body .container.center {
					padding-right: 0px !important;
				}

				.right_closed section.main .body .container.center {
					padding-right: 62px !important;
				}

				.right_open section.main .body .container.center {
					padding-right: 310px !important;
				}

		}

	/* Sections . Main . Body . Container . Right */

		/* Sections . Main . Body . Container . Right */
		section.main .body .container.right {
			min-height: 300px;
			background-image: url(../media/container.separator.png);
			background-size: 16px 16px;
			background-repeat: repeat-y;
			background-position: top left;
			padding-left: 16px;
			padding-bottom: 64px;
			box-sizing: border-box;
			overflow: hidden;
		}

		/* Sections . Main . Body . Container . Left . Wrapper */
		section.main .body .container.right .container_wrapper {
			overflow-y: scroll;
		}

		section.main .body .container.right .container_wrapper::-webkit-scrollbar {
			-webkit-appearance: none;
			width: 0px;
		}

		/* Sections . Main . Body . Container . Right . Blocks */
		section.main .body .container.right .block {
			min-width: 284px;
			box-sizing: border-box;
		}

		section.main .body .container.right .block:last-child {
			padding-bottom: 64px;
		}

		/* Sections . Main . Body . Container . Right . Actions */

		section.main .body .container.right .block.actions {
			margin-bottom: calc(1px * ((var(--components_global_h) * var(--components_scale)) / 3) )!important;
		}

		section.main .body .container.right .block.actions ul {
			
		}

		section.main .body .container.right .block.actions ul li {
			display: block;
			overflow: auto;
			padding-top: calc(1px * ((var(--components_global_h) * var(--components_scale)) / 4) )!important;
			transition: all 200ms cubic-bezier(0.825, 0.000, 0.150, 1.000);
		}

		section.main .body .container.right .block.actions ul li * {
			user-select: none;
		}

		section.main .body .container.right .block.actions ul li icon {
			display: inline-block;
			float: left;
			width: 36px;
			margin-top: calc(-1px * (((var(--components_global_h) * var(--components_scale)) / 5) + 2) )!important;
			padding-right: calc(1px * ((var(--components_global_h) * var(--components_scale)) / 10) )!important;
			font-size: var(--fs_medium);
			line-height: calc(1px * (var(--components_global_h) * var(--components_scale)))!important;
			text-align: center;
			color: var(--color_text);
		}

		section.main .body .container.right .block.actions ul li string {

		}

		section.main .body .container.right .block.actions ul li:hover {
			background-color: rgba(var(--color_primary_r),var(--color_primary_g),var(--color_primary_b),0.05);
		}

		section.main .body .container.right .block.actions ul li:hover * {
			color: var(--color_primary);
		}

		section.main .body .container.right .block.actions ul li.disabled,
		section.main .body .container.right .block.actions ul li.disabled:hover * {
			color: var(--color_grey_medium) !important;
			background-color: transparent !important;
			cursor: not-allowed;
		}

		section.main .header .container.right .block.search input {
			float: right;
		}

		section.main .header .container.right .block.search input,
		section.main .body .container.right .actions string,	
		section.main .body .container.right .collapser string{
			opacity: 1;
			transition: all 800ms cubic-bezier(0.825, 0.000, 0.150, 1.000);
		}

		section.main .header .container.right.closed .block.search input,
		section.main .body .container.right.closed .actions string,	
		section.main .body .container.right.closed .collapser string {
			transition: all 200ms cubic-bezier(0.825, 0.000, 0.150, 1.000);
		}

		section.main .header .container.right.closed .block.search input,
		section.main .body .container.right.closed .actions string,	
		section.main .body .container.right.closed .collapser string,
		section.main .body .container.right.closed .collapser handle,
		section.main .body .container.right.closed .collapser .content {
			/*opacity: 0;*/
		}









		/* Footer */

		footer {
			padding: 60px 0px 100px 0px;
			text-align: center;
		}

		footer .branding.company {
			height: 100px;
			margin-bottom: 30px;
		}

		footer ul.navigation {
			text-align: center;
		}

		footer ul.navigation li {
			display: inline;
		}

		footer ul.navigation li::after {
			content: '·';
		}

		footer ul.navigation li:last-child::after {
			content: '';
		}

		footer ul.navigation li a {
			opacity: 0.5;
			color: var(--color_white);
		}

		footer ul.navigation li a:hover {
			opacity: 1;
		}











		

.blackout {
	position: fixed;
	display: block;
	height: 100vh;
	width: 100vw;
	top: 0px;
	left: 0px;
	background-color: var(--color_primary);
	z-index: 999999999;
	opacity: 1;
	transition: all 300ms cubic-bezier(0.825, 0.000, 0.150, 1.000);
}

.blackout.inactive {
	opacity: 0;
}

.blackout::after {
	display: block;
	content: "5";
	font-size: 64px;
	font-family: BasekitSymbols;
	color: var(--color_white_light);
	line-height: 100vh;
	text-align: center;
	animation: rotating 1.5s linear infinite;
}


@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.debug .wrapper,
.debug .block {
/*	border: 1px dashed red;*/
}




.chart .chart_bar {
	display: inline-block;
	width: 50%;
	cursor: pointer;
	transition: all 200ms cubic-bezier(0.825, 0.000, 0.150, 1.000);
}

.chart .chart_bar.disabled {
	cursor: not-allowed;
}

.chart .chart_bar .chart_labels string {
	cursor: default;
}


a.home_shortcut {
	--shortcut_button_height: 40;
	display: block;
	position: relative;
	float: right;
	height: calc(1px * var(--shortcut_button_height)) !important;
	width: calc(1px * var(--shortcut_button_height)) !important;
	margin: 0px 0px calc(1px * (var(--shortcut_button_height) * -1)) 0px;
	padding: 0px;
	font-size: calc(1px * (var(--shortcut_button_height) - 10));
	line-height: calc(1px * var(--shortcut_button_height)) !important;
	font-family: BasekitSymbols;
	text-align: center;
	z-index: 3;
}


/* Scope . Extra-Small Screens */
@media (min-width: 100px) {

}

/* Scope . Blocks . Small Screens */
@media (max-width: 600px) {

}

/* Scope . Blocks . Medium Screens */
@media (min-width: 600px) {

}

/* Scope . Blocks . Large screens */
@media (min-width: 1200px) {

}


.measuring {
	display: block;
	top: 0px;
	left: 0px;
	position: fixed;
	z-index: 99999999999;
	opacity: 1;
}


@media print{

	body {
		background: none !important;
	}

	header,
	.header >.container.left,
	.header >.container.right,
	.header >.container.center .right,
	.body >.container.left,
	.body >.container.right,
	footer {
		display: none;
		padding: 0px;
		width: 0px !important;
	}

	.header >.container.center .left{
		width: 100% !important;
	}

	.header >.container.center {
		text-align: center;
	}

	.header >.container.center .context h1 {
		font-size: 14pt !important;
		padding-bottom: 1mm;
	}

	.header >.container.center .context h2 {
		font-size: 20pt !important;
	}

	.container .container_wrapper > p {
		font-size: 12pt !importantz;
		text-align: center !important;
	}

	.left_open section.main .body .container.center {
		width: 100%;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}


}