@media all
{
	/* Override intranet_resource to get all content in row-actions to be clickable */
	/*#wrapper table.widefat tr td
	{
		position: initial;
	}*/

	.widget.proposal_notice .section > div
	{
		overflow: hidden;
		padding: .5em;
	}

		.widget.proposal_notice .section > div > i
		{
			float: left;
			font-size: 2.5em;
			text-align: center;
			width: 5rem;
		}

		.widget.proposal_notice .section > div > p
		{
			float: right;
			width: calc(100% - 6rem);
		}

	.bar_chart{}

		.bar_chart.display_labels
		{
			margin-bottom: 5em;
		}

		.bar_chart ul
		{
			float: left;
			list-style: none;
		}

			.bar_chart.is_absolute ul
			{
				margin: 0 0 1em 6%;
			}

			.bar_chart ul li
			{
				color: #fff;
				cursor: pointer;
				float: left;
				font-size: .8em;
				margin: 0 .5em .5em 0;
				padding: .5em 1em;
			}

			.bar_chart ul li:hover
			{
				box-shadow: inset 0 0 10em rgba(0, 0, 0, .1);
			}

		.bar_chart .content
		{
			clear: both;
			display: -webkit-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			height: 30vh;
			margin: 2em .5em 3em !important;
			position: relative;
		}

			.bar_chart ol
			{
				display: none;
				-webkit-box-flex: 1 1 auto;
				-webkit-flex: 1 1 auto;
				-ms-flex: 1 1 auto;
				flex: 1 1 auto;
				font-size: .7em;
				height: 100%;
				left: 0;
				list-style: none;
				margin: -.7em 0 0;
				position: relative;
				top: 0;
			}

				.bar_chart ol:last-child
				{
					text-align: left;
				}

				.bar_chart.is_absolute ol
				{
					display: block;
				}

					.bar_chart ol.active
					{
						font-weight: bold;
					}

					.bar_chart ol:first-child li
					{
						position: absolute;
						right: .4em;
					}

					.bar_chart ol:last-child li
					{
						position: absolute;
						left: .4em;
					}

						.bar_chart ol li:first-child
						{
							position: relative;
						}

			.bar_chart .content > div
			{
				border-width: 0 .1em .1em .1em;
				border-color: #999;
				border-style: solid;
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-box-flex: 1 1 auto;
				-webkit-flex: 1 1 auto;
				-ms-flex: 1 1 auto;
				flex: 1 1 auto;
				height: 100%;
				width: 100%;

				/* Safari */
				-webkit-justify-content: space-around;
				justify-content: space-around;
				-webkit-align-items: flex-end;
				align-items: flex-end;
			}

				.bar_chart .content > div:last-child
				{
					border-right-width: 0;
				}

				.bar_chart .content > div > div
				{
					background-color: #e6e6e6;
					-webkit-box-flex: 1 1 auto;
					-webkit-flex: 1 1 auto;
					-ms-flex: 1 1 auto;
					flex: 1 1 auto;
					height: 100%;
					margin: 0 1.5%;
					position: relative;
					text-align: center;
					max-width: 5em;
				}

					.bar_chart .content > div > div.today, .bar_chart .content > div > div:hover
					{
						box-shadow: inset 0 0 10em rgba(0, 0, 0, .1);
					}

					.bar_chart .content > div label
					{
						bottom: -2em;
						font-size: .8em;
						left: -.6em;
						overflow: hidden;
						position: absolute;
						right: -.6em;
						text-align: center;
						text-overflow: ellipsis;
						white-space: nowrap;
					}

						.bar_chart.display_labels .content > div label
						{
							bottom: -3em;
							overflow: unset;
							text-overflow: unset;
							transform: rotate(90deg);
						}

						.bar_chart .content > div label:hover
						{
							background: #fff;
							border: .2em solid #999;
							border-radius: .3em;
							color: #000;
							left: auto;
							opacity: .9;
							padding: .5em;
							right: auto;
							text-align: left;
							text-overflow: initial;
							-webkit-transform: translateX(-50%);
							transform: translateX(-50%);
							white-space: normal;
							z-index: 1;
						}

					.bar_chart .content span
					{
						display: block;
						position: absolute;
						width: 100%;
						z-index: 1;
					}

					.bar_chart .content .bars
					{
						display: -webkit-box;
						display: -ms-flexbox;
						display: -webkit-flex;
						display: flex;
						height: 100%;
					}

						.bar_chart .content .bar
						{
							-webkit-box-flex: 1 1 auto;
							-webkit-flex: 1 1 auto;
							-ms-flex: 1 1 auto;
							flex: 1 1 auto;
							position: relative;
						}

							.bar_chart .content .bar > div
							{
								bottom: 0;
								position: absolute;
								width: 100%;
							}

								.bar_chart .content .bar > div:hover, .bar_chart .content .bar .active
								{
									box-shadow: inset 0 0 10em rgba(0, 0, 0, .1);
								}

							.bar_chart .content .limit
							{
								background: #ebe692;
							}

							.bar_chart .content .value
							{
								background: rgba(0, 255, 0, .3);
							}

							.bar_chart .content .compare
							{
								background: rgba(0, 255, 0, .3);
							}

	@keyframes showbar
	{
		0%
		{
			height: 0;
		}
	}.widget.barometer .barometer_graphical
		{
			background: #fff;
			border: .1em solid #ccc;
			border-radius: 50%;
			box-shadow: .5em .5em .5em rgba(0, 0, 0, .1);
			display: inline-block;
			height: 30rem;
			margin: 0 1em 1em 0;
			overflow: hidden;
			position: relative;
			width: 30rem;

			-webkit-transform: scale(0.38);
			transform: scale(0.38);
			margin: -5.5em !important;
		}

			.widget.barometer .barometer_graphical.barometer_amount_4
			{
				margin: -4.5em !important;
			}

			.is_mobile .widget.barometer .barometer_graphical
			{
				margin: 0 auto 1em;
			}

			.barometer_graphical .color-ring
			{
				width: 32rem;
				height: 32rem;
				position: absolute;
				top: calc(50% - 16rem);
				left: calc(50% - 16rem);
			}

				.barometer_graphical .color-ring > span
				{
					width: 2rem;
					border-top: .15em solid #d96d56;
					position: absolute;
					top: calc(50% - .1rem);
					left: calc(50% - 1rem);
				}

					.barometer_graphical.current_month .color-ring > span
					{
						border-top-color: #666;
					}

					.barometer_graphical .color-ring > span.limit-close
					{
						border-top-color: #d9ce56;
					}

						.barometer_graphical.current_month .color-ring > span.limit-close
						{
							border-top-color: #ccc;
						}

					.barometer_graphical .color-ring > span.limit-reached
					{
						border-top-color: #59d956;
					}

						.barometer_graphical.current_month .color-ring > span.limit-reached
						{
							border-top-color: #999;
						}

			.barometer_graphical .inner-ring
			{
				width: 16rem;
				height: 16rem;
				position: absolute;
				top: calc(50% - 8rem);
				left: calc(50% - 8rem);
			}

				.barometer_graphical .inner-ring:before, .barometer_graphical .inner-ring:after
				{
					content: '';
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					border: .1em solid transparent;
					border-top-color: #ccc;
					border-right-color: #ccc;
					border-radius: 50%;
				}

					.barometer_graphical .inner-ring:before
					{
						-webkit-transform: rotate(-75deg);
						transform: rotate(-75deg);
					}

					.barometer_graphical .inner-ring:after
					{
						-webkit-transform: rotate(-15deg);
						transform: rotate(-15deg);
					}

			.barometer_graphical .outer-ring
			{
				width: 30rem;
				height: 30rem;
				position: absolute;
				top: calc(50% - 15rem);
				left: calc(50% - 15rem);
				border-radius: 50%;
			}

				.barometer_graphical .outer-ring > span
				{
					width: .8rem;
					border-top: .15em solid #3b3d45;
					position: absolute;
					top: calc(50% - .1rem);
					left: calc(50% - .4rem);
				}

					.barometer_graphical .outer-ring > span.large
					{
						width: 2rem;
						left: calc(50% - 1rem);
						border-color: #787a81;
					}

			.barometer_graphical .digit-ring
			{
				position: absolute;
				top: 50%;
				left: 50%;
			}

				.barometer_graphical .digit-ring > span
				{
					width: 2rem;
					height: 2rem;
					position: absolute;
					top: calc(50% - 1rem);
					left: calc(50% - 1rem);
					font-size: 1rem;
					font-weight: bold;
					text-align: center;
					line-height: 2rem;
				}

		.barometer_graphical .details
		{
			width: 16rem;
			height: 16rem;
			position: absolute;
			top: calc(50% - 8rem);
			left: calc(50% - 8rem);
			text-align: center;
		}

			.barometer_graphical .details p
			{
				font-size: 4rem;
				margin: 7rem 0 0;
				position: relative;
			}

				.barometer_graphical .details p:after
				{
					content: '%';
				}

			.barometer_graphical .details span
			{
				font-size: 6rem;
				margin-top: -4rem;
				color: #e3e3e3;
				display: inline-block;
			}

			.barometer_graphical .details label
			{
				display: block;
				font-size: 2rem;

				border-top: .3rem solid #eee;
				border-radius: 4em 4em 0 0;
				height: 8rem;
				line-height: 5rem;
				padding: .5rem 2rem;
			}

				.barometer_graphical.current_year .details label
				{
					background: #f8f8f8;
					font-size: 3.5rem;
				}

		.barometer_graphical .progress
		{
			width: 18rem;
			height: 18rem;
			position: absolute;
			top: calc(50% - 9rem);
			left: calc(50% - 9rem);
			border-radius: 50%;
		}

			.barometer_graphical .progress:before
			{
				border-style: solid;
				border-width: 0 .3rem 6rem;
				border-color: transparent transparent #f1252e transparent;
				content: '';
				height: 0;
				left: calc(50% - .3rem);
				position: absolute;
				top: -1rem;
				width: 0;
			}

				.barometer_graphical.current_month .progress:before
				{
					border-color: transparent transparent #999 transparent;
				}

	.admin_container_child ul.description
	{
		list-style: none;
	}

		.admin_container_child ul.description li
		{
			display: inline-block;
			margin-right: .5em;
			padding: .7em 1em;
		}

	.year_part
	{
		cursor: pointer;
	}
}