.config_measurements li {
	list-style: none;
}
.widget-values {
	position: relative;
}

/* Map mode _________________________________________________________________________________________________________*/
.widget-values.map .container {
	height: 100%;
	position: relative;
}
.widget-values.map .container > div {
	background-color: transparent !important;
}

/* SVG plan & chart mode _________________________________________________________________________________________________________*/
.widget-values.plan {
	/*overflow-y: hidden;
	overflow-x: hidden;*/
}
.widget-values__config_plan {
	display: none;
}
.widget-values__config_plan.show {
	display: block
}
.widget-values.plan .container {
	height: 100%;
	position: relative;
}
.widget-values.plan .container .graph {
	cursor: default;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	width: 100%;
	height: 100%;
}
#general .widget-values.plan .graph__topBar {
	padding-top: 5px;
	padding-left: 80px;
}
#general .widget-values.plan .graph__container {
	padding-top: 20px;
}
.widget-values.plan .value {
	font-size: 1rem;
}
.widget-values.plan .value.value--viewAsImage > image {
	height: 1em;
}
.widget-values.plan .value.value--viewAsImage > text .var, .widget-values.plan .value.value--viewAsImage > text .unit {
	display: none;
}
.widget-values.plan .value.value--viewAsImage > text .svgicon-alarm {
	font-size: 60%;
}
.widget-values.plan .value.value--viewAsImage > rect, .widget-values.plan .value.value--viewAsImage > text {
	opacity: 0;
	transition: opacity 0.25s ease-out;
}
.widget-values.plan .value.value--viewAsImage:hover > rect, .widget-values.plan .value.value--viewAsImage:hover > text {
	opacity: 1;
}
.widget-values.plan:hover .value {
	-webkit-animation-name: blink;
	animation-name: blink;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 2;
	animation-iteration-count: 2;
}

.widget-values.plan .value.hasAlarmSeverity {
	-webkit-animation-name: blink;
	animation-name: blink;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.widget-values.plan .value.action {
	cursor: pointer;
}

.widget-values.plan .value text tspan {
	font-size: 70%;
}
.widget-values.plan.chart .value text tspan {
    font-size: 100%;
}
.widget-group.maximize .widget-values.plan.chart .value text {
    font-size: 200%;
}
.widget-values.plan .value text tspan.svgicon-analyze:hover, .widget-values.plan .value text tspan.svgicon-sliders:hover, .widget-values.plan .value text tspan.svgicon-edit:hover, .widget-values.plan .value text tspan.svgicon-alarm:hover {
	fill: rgb(0, 129, 197);
	cursor: pointer;
}
.widget-values.plan .value text tspan.var {
	cursor: help;
}
.widget-values.plan .value text tspan.unit {
	font-size: 35%;
}
.widget-values.plan.chart .value text tspan.unit {
    font-size: 50%;
}
.widget-values.plan .value text tspan.svgicon-alarm {
	font-size: 25%;
	cursor: pointer;
}
.widget-values.plan.chart .value text tspan.svgicon-alarm {
    font-size: 100%;
}
.widget-values.plan .value text tspan.svgicon-alarm tspan {
	font-size: 100%;
}
.widget-values.plan .values-container.draggable > .value {
	fill: rgb(0, 129, 197);
	cursor: move;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}
.widget-values.plan .value title {
	display: none;
}
.widget-values.plan .values-container.draggable > .value title {
	display: block;
}
.widget-values.plan .back-button {
	height: auto;
	z-index: 1;
}

/* List mode _________________________________________________________________________________________________________*/
.widget-values.hideOverflow {
	overflow-y: hidden;
	overflow-x: hidden;
}
.widget-values.list .container {
	opacity: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
	-webkit-transition: font-size 0.2s ease-out, opacity 0.2s ease-out;
	transition: font-size 0.2s ease-out, opacity 0.2s ease-out;
}
.widget-values.list.always_show_graph .container {
	height: 33%;
}
.widget-values.list .values-container {
	height: 100%;
	text-align: center;
	font-size: inherit;
	margin: 0;
	line-height: 0;
}
.widget-values .values-container > li {
	display: inline-block;
	list-style: none;
}
.widget-values.list .container.maximizing:not(.focused), .widget-values.list .container.focused .values-container .value-container {
	//font-size: 0 !important;
	opacity: 0 !important;
}
.widget-values .value-container {
	text-align: center;
	line-height: 1.4;
	-webkit-transition: -webkit-transform 0.25s ease-out, opacity 0.25s ease-out;
	transition: transform 0.25s ease-out, opacity 0.25s ease-out;
	table-layout: fixed;
	position: relative;
}
.widget-values .focused-value.show .value-container__text {
	font-size: 0.5em;
}
.widget-values .value-container.value-container__text sup:last-of-type {
	font-size: 25%;
}
.widget-values .value-container.value-container__text sub:last-of-type {
	width: auto;
	font-size: 22%;
	bottom: -0.5em;
}
.widget-values .value-container__text .data-value::after {
	content: ')';
	font-size: 0.6em;
	vertical-align: text-bottom;
}
.widget-values .value-container__text var:hover small {
	color: #333333;
}
.widget-values .focused-value {
	position: absolute;
	-webkit-transition: top 0.5s ease-out, left 0.5s ease-out, width 0.5s ease-out, height 0.5s ease-out;
	transition: top 0.5s ease-out, left 0.5s ease-out, width 0.5s ease-out, height 0.5s ease-out;
}
.widget-values.always_show_graph  .focused-value {
	display: none;
}
.widget-values .focused-value .value-container {
	-webkit-transition: font-size 0.5s ease-out;
	transition: font-size 0.5s ease-out;
}
.widget-values .focused-value.show {
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 33% !important;
}
.widget-group.h4 .widget-values .focused-value.show {
	font-size: 3.5vh;
}
.widget-group.h8 .widget-values .focused-value.show {
	font-size: 7vh;
}
.widget-group.h12 .widget-values .focused-value.show, .widget-group.maximize .widget-values .focused-value.show {
	font-size: 10vh;
}
/*.widget-values .focused-value.show .label {
	font-size: 0.4em;
}*/
.widget-values .back-button {
	display: none;
	position: absolute;
	height: 33%;
	width: auto;
	top: 0;
	left: 0;
	padding: 0 15px;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: transform 0.25s ease-out;
	transition: transform 0.25s ease-out;
}
.widget-values.list.always_show_graph .back-button {
	display: none !important;
}
.widget-values .back-button a {
	color: inherit;
	-webkit-transition: color 0.25s ease-out;
	transition: color 0.25s ease-out;
}
.widget-values .back-button a:hover {
	color: #0081C5;
}
.widget-values .back-button.show {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.widget-values .graph__container {
	display: none;
	height: 67% !important;
	width: 100% !important;
	position: absolute !important;
	bottom: 0;
	left: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: transform 0.5s ease-out !important;
	transition: transform 0.5s ease-out !important;
}
.widget-values.plan .graph__container {
	background-color: white;
	border-top: 1px solid rgb(225, 225, 225);
}
.widget-values .graph__container.initialized {
	opacity: 1;
	-webkit-transition: transform 0.5s ease-out, opacity 0.5s ease-out !important;
	transition: transform 0.5s ease-out, opacity 0.5s ease-out !important;
}
.widget-values .graph__container.show, .widget-values.always_show_graph .graph__container {
	display: block !important;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1 !important;
}

.widget-values.always_show_graph .values-container > li.focused .icon-analyze {
	pointer-events: none;
}
.widget-values.always_show_graph .values-container > li.focused .icon-analyze::before {
	opacity: 1;
	transform: scale(1);
}

.widget-values .values-container[data-columns="1"] > li {
	width: 100%;
}
.widget-values .values-container[data-columns="2"] > li {
	width: 50%;
}
.widget-values .values-container[data-columns="3"] > li {
	width: 33.333333%;
}
.widget-values .values-container[data-columns="4"] > li {
	width: 25%;
}
.widget-values .values-container[data-columns="5"] > li {
	width: 20%;
}
.widget-values .values-container[data-columns="6"] > li {
	width: 16.666666%;
}
.widget-values .values-container[data-columns="7"] > li {
	width: 14.285714%;
}
.widget-values .values-container[data-columns="8"] > li {
	width: 12.5%;
}
.widget-values .values-container[data-columns="9"] > li {
	width: 11.111111%;
}
.widget-values .values-container[data-columns="10"] > li {
	width: 10%;
}
.widget-values .values-container[data-columns="11"] > li {
  width: 9.090909%;
}
.widget-values .values-container[data-columns="12"] > li {
  width: 8.333333%;
}
.widget-values .values-container[data-columns="13"] > li {
  width: 7.692307%;
}
.widget-values .values-container[data-columns="14"] > li {
  width: 7.142857%;
}
.widget-values .values-container[data-columns="15"] > li {
  width: 6.666666%;
}
.widget-values .values-container[data-columns="16"] > li {
  width: 6.25%;
}
.widget-values .values-container[data-columns="17"] > li {
  width: 5.882352%;
}
.widget-values .values-container[data-columns="18"] > li {
  width: 5.555555%;
}
.widget-values .values-container[data-columns="19"] > li {
  width: 5.263157%;
}
.widget-values .values-container[data-columns="20"] > li {
  width: 5%;
}

.widget-values .values-container[data-rows="1"] > li {
	height: 100%;
}
.widget-values .values-container[data-rows="2"] > li {
	height: 50%;
}
.widget-values .values-container[data-rows="3"] > li {
	height: 33.333333%;
}
.widget-values .values-container[data-rows="4"] > li {
	height: 25%;
}
.widget-values .values-container[data-rows="5"] > li {
	height: 20%;
}
.widget-values .values-container[data-rows="6"] > li {
	height: 16.666666%;
}
.widget-values .values-container[data-rows="7"] > li {
	height: 14.285714%;
}
.widget-values .values-container[data-rows="8"] > li {
	height: 12.5%;
}
.widget-values .values-container[data-rows="9"] > li {
	height: 11.111111%;
}
.widget-values .values-container[data-rows="10"] > li {
	height: 10%;
}
.widget-values .values-container[data-rows="11"] > li {
  height: 9.090909%;
}
.widget-values .values-container[data-rows="12"] > li {
  height: 8.333333%;
}
.widget-values .values-container[data-rows="13"] > li {
  height: 7.692307%;
}
.widget-values .values-container[data-rows="14"] > li {
  height: 7.142857%;
}
.widget-values .values-container[data-rows="15"] > li {
  height: 6.666666%;
}
.widget-values .values-container[data-rows="16"] > li {
  height: 6.25%;
}
.widget-values .values-container[data-rows="17"] > li {
  height: 5.882352%;
}
.widget-values .values-container[data-rows="18"] > li {
  height: 5.555555%;
}
.widget-values .values-container[data-rows="19"] > li {
  height: 5.263157%;
}
.widget-values .values-container[data-rows="20"] > li {
  height: 5%;
}

.widget-values .values-container div.data-value {
	font-size: 1em;
}
.widget-values .value-container .icon-analyze, .widget-values .value-container .icon-edit {
	width: 0;
	display: inline-block;
	position: relative;
	left: -1em;
	font-size: 0.75em;
	vertical-align: middle;
	cursor: pointer;
	-webkit-transition: color 0.25s ease-out;
	transition: color 0.25s ease-out;
}
.widget-values .value-container .data-value--loading .icon-analyze, .widget-values .value-container .data-value--loading .icon-edit {
	display: none;
}
.widget-values .value-container .icon-analyze::before, .widget-values .value-container .icon-edit::before {
	opacity: 0;
	transform-origin: center center;
	transform: scale(0.5);
	transition: opacity 0.25s ease-out, transform 0.25s ease-out;
	margin: 0;
	font-size: inherit !important;
}
.widget-values .value-container:hover .icon-analyze::before, .widget-values .value-container:hover .icon-edit::before {
	opacity: 1;
	transform: scale(1);
}
.widget-values .focused-value .icon-analyze, .widget-values .focused-value.show .icon-analyze {
	display: none;
}
.widget-values .value-container .icon-analyze:hover, .widget-values .value-container .icon-edit:hover, .widget-values .value-container .icon-alarm:hover {
	color: #0081C5;
}
.widget-values .value-container .value-container__edit-container {
	font-size: 50%;
}
.widget-values .value-container var, .action-svg_placeholder .data-value var {
	vertical-align: middle;
}
.widget-values .value-container var img {
	height: 0.75em;
	vertical-align: baseline;
}
.widget-values .value-container sup, .widget-values .value-container sub {
	display: inline-block;
	width: 0;
}
.widget-values .value-container sup, .action-svg_placeholder .data-value sup {
	font-size: 50%;
}
.widget-values .value-container sub {
	font-size: 35%;
	white-space: nowrap;
	cursor: pointer;
}
.widget-values .value-container sub .icon-alarm::before {
	margin: 0;
}
.widget-values .value-container div.label {
	text-transform: none;
	color: rgba(0, 0, 0, 0.6);
	font-weight: 600;
	line-height: 1;
	opacity: 1;
	margin: 0;
	/*white-space: normal;*/
}
.widget-values .value-container div.label i {
	width: 0;
	display: inline-block;
}
#general .widget-values .value-container div.label {
	display: block !important;
	font-size: 0.3em;
}
#general .widget-values a.action {
	display: inline-block;
	width: auto;
	text-align: center;
	vertical-align: middle;
	padding: 0.05em 0.75em;
}