#alert{
	z-index:10000;
}
.table-responsive {
	margin: 20px;
}

.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut {
	stroke: #83465d;
}
.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut {
	stroke: #bf5d23;
}
.ct-series-c .ct-bar, .ct-series-c .ct-line, .ct-series-c .ct-point, .ct-series-c .ct-slice-donut {
	stroke: #5c1c01;
}
.ct-series-d .ct-bar, .ct-series-d .ct-line, .ct-series-d .ct-point, .ct-series-d .ct-slice-donut {
	stroke: #260000;
}
.ct-series-e .ct-bar, .ct-series-e .ct-line, .ct-series-e .ct-point, .ct-series-e .ct-slice-donut {
	stroke: #f8f4f3;
}

.ct-line {
	stroke-width: 3px;
}
.ct-bar {
	stroke-width: 16px;
}

.ct-bar:hover {
	opacity: 0.8;
}

.headline {
	text-align : center;
	font-weight : bold;
	font-size: large;
	margin-top: 5px;
	padding-bottom: 5px;
	font-size: 16px;
}

.sumvalue {
	text-align : center;
	font-weight : bold;
	font-size: large;
	margin-top: 15px;
	font-size: 30px;
}

.grid-stack-item-content{
	background-color:#FFF;
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	overflow: hidden !important;
}

.grid-stack-item-removing {
	opacity: 0.5;
}

.button {
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 25px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
	border-radius: 10px;
}

.button5 {
	background-color: white;
	color: #555;
	border: 1px solid #555555;
}

.button5:hover {
	background-color: #555555;
	color: white;
}

.buttonMeasurand,
.buttonTimeline {
	height: 25px;
	width: 25px;
	margin-right: 5px;
	border-radius: 5px;
	font-size: 12px;
	font-weight: bold;
	background-color: white;
	color: #555;
	border: 1px solid #555;
	padding: 5px;
}

.buttonTimeline {
	width: 35px;
	float: right;
	margin-right: 5px;
}
.buttonMeasurand,
.buttonBarToggle {
	height: 25px;
	width: 25px;
	margin-right: 5px;
	border-radius: 5px;
	font-size: 12px;
	font-weight: bold;
	background-color: white;
	color: #555;
	border: 1px solid #555555;
}

.buttonBarToggle {
	width: 80px;
	height: 25px;
	float: right;
	margin-right: 5px;
}

.buttonMeasurand:hover ,
.buttonTimeline:hover {
	box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 9px 0 rgba(0, 0, 0, 0.19);
}

.buttonMeasurand.Modal {
	margin: 10px 5px;
}

.buttonMeasurand.active,
.buttonTimeline.active {
	background-image: linear-gradient(#c6c6c6,#555555);
	color: white;
}

.buttonMeasurandContainer {
	margin-left: 15px;
	height: 5%;
	margin-bottom: 10px;
	position: relative;
}
.buttonEnergyContainer {
	height: 5%;
	top:5%;
	position: relative;
	margin-left: 10px;
}

.buttonMeasurandContainer.table {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	height: 25px;
}

.chart{
	margin-right: 20px;
}

#save-grid, #load-grid, #clear-grid {
	height: 50px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.addWidget{
	float: right;
	margin-right: 15px !important;
	transition-duration: 0.4s;
	height: 40px;
	width: 40px;
	border-radius: 5px !important;
	margin-top: 6px !important;
	border-color: transparent !important;
}
/*delete "deleteWidget" id when converted to class.js dashboard */
#deleteWidget{
	height: 25px;
	width: 25px;
	border-radius: 5px;
	padding: 0px;
	margin: 2px;
	position: absolute;
	right: 0px;
	font-size: 15px;
	font-weight: bold;
}

.deleteWidget{
	height: 25px;
	width: 25px;
	border-radius: 5px;
	padding: 0px;
	margin: 2px;
	position: absolute;
	right: 0px;
	font-size: 15px;
	font-weight: bold;
}

#dashboard{
	/*background: linear-gradient(#FFF,#CCC);*/
	/* background-image: url(../pics/background.png);
	background-color: #3f3f3f;
	background-size: cover;
	background-attachment: fixed; */
	padding-bottom: 25px;
	padding-top: 20px;
	transition: margin-left .5s;
	margin-top: 50px;
}
body{
	background: url(../pics/backgroundDashboard.jpg) no-repeat center center fixed;
	background-color: transparent;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: 'Roboto';
	overflow: hidden;
}


/* override basic gridstack css
.grid-stack > .grid-stack-item > .grid-stack-item-content {
	top: 15px;
	bottom: 0px;
}*/

.grid-stack-frame {
	/* egrid magenta
	background-color: #991254;
	Bihler blue
	background-color: #14456A;*/
	/* box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
	background-color: rgba(255, 255, 255, 0.2);
	border:1px solid 	rgba(255, 255, 255, 0.05);
	border-radius: 10px;
	padding-top: 10px;
	padding-bottom: 10px; */
}

/*write margin attribute into perfect scrollbar style to avoid scrollbar overlapping*/
/*UPDATE: deactivated widget scroll --> deactivated margins
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
	margin-top: 35px;
	margin-bottom: 20px;
}

.ps-container > .ps-scrollbar-y-rail {
	margin-top: 35px;
	margin-bottom: 20px;
}*/

.copyright:before {
	content: '\00A9';
}

.modalWidget {
	width: 420px;
	/*height: 260px;
	margin-top: 10px;*/
	margin-bottom: 10px;
}

.modalWidget[aria-expanded="flase"] {
	box-shadow: none;
}

.modalWidget[aria-expanded="true"] {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#login-dp{
    min-width: 250px;
    padding: 14px 14px 0;
    overflow:hidden;
    background-color:rgba(255,255,255,1.0);
}
#login-dp .form-group {
    margin-bottom: 10px;
}
#login-dp .bottom{
    background-color:rgba(255,255,255,.8);
    border-top:1px solid #ddd;
    clear:both;
    padding:14px;
}
#map{
	z-index: 10;
}

.ui-widget-header{
	/*background: linear-gradient(#FFF,#CCC);*/
	cursor: -moz-grab;
}

.flot-container{
	width:auto;
	height:60%;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
}
.flot-container.full {
	height: 80%;
}

.content-container{
	width:auto;
	height:100%;
	margin-left: 10px;
	margin-right: 10px;
	overflow: hidden;
	-webkit-transition: height 0.5s ease, width 0.5s ease;
    -moz-transition: height 0.5s ease, width 0.5s ease;
    -o-transition: height 0.5s ease, width 0.5s ease;
    transition: height 0.5s ease, width 0.5s ease;
}
.content-container.ThreeLine {
	height: 25%;
}
.content-container.full {
	height: 100%;
}
.content-container.map {
	border-radius: 5px;
	box-shadow: 0px 2px 8px rgba(50,50,50,0.4);
	padding: 10px;
	height: calc(100% - 13px);
	margin-top: 5px;
}
.content-container.pie {
	position: absolute;
	height: calc(100% - 50px);
	width: 60%;
}
.legend-container.pie{
	position: absolute;
	overflow: auto;
	bottom: 0px;
	top: 30px;
}
.legend-container.sum{
	position: absolute;
	overflow: auto;
	bottom: 0px;
	top: 20px;
	text-align:left;
}

.innerCircleSum{
	height: 40%;
	text-align: center;
	font-weight: bold;
	/*font-size: 18px;*/
	position: relative;
	top: 50%;
}
hr {
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.legend-Panel{
	border-style: solid;
	border-radius: 3px;
}

.legend-Panel.outer{
	width: 40%;
	height: calc(50% - 35px);
	position: absolute;
	right: 15px;
}

.legend-Panel.inner{
	width: 40%;
	height: calc(50% - 35px);
	position: absolute;
	float: right;
	right: 15px;
	bottom: 15px;
}
.outerCircleSum{
	position: absolute;
	height: 57%;
	text-align: center;
	font-weight: bold;
	/*font-size: 18px;*/
	width: 100%;
	bottom: 0;
}


.flot-overview{
	width:auto;
	height:20%;
	margin-left: 10px;
	margin-right: 10px;
}

.legendContainer{
	width: auto;
	height: auto;
	padding-top: 5px;
	display: table;
	margin: 0px auto;
	position: relative;
	-webkit-transition: height 0.5s ease, width 0.5s ease;
	-moz-transition: height 0.5s ease, width 0.5s ease;
	-o-transition: height 0.5s ease, width 0.5s ease;
	transition: height 0.5s ease, width 0.5s ease;
}

.flotLegend {
	font-size: 11px;
	/*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
	font-family: 'Roboto';
	padding: 5px;
	color: #333;
	font-weight: bold;
	cursor: pointer;
}

.flotLegend.deactivated,
a.flotLegend.deactivated:focus{
	color: grey;
}


a.flotLegend {
	text-decoration: none;
}

a.flotLegend:focus {
	color: black;
}
select {
	/*-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;*/
	cursor:pointer;
}/*
.form-control.dropdown {
	background: #fff url("pics/dropdown.png") no-repeat fixed right center;
	background-size: 20px;
	width: 40%;
	margin-left: 30%;
}*/

.table > tbody > tr > td {
	vertical-align: middle;
}

.m-progress-bar {
    min-height: 1em;
    background: #2196F3;
    width: 5%;
	border-radius: 2px;
	margin: 5px 0px;
}

/* The switch - the box around the slider */
/*.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
  margin-right: 0px;
}

/* Hide default HTML checkbox */
/*.switch input {display:none;}*/

.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}
/*input.cmn-toggle-round + label {
  padding: 2px;
  width: 50px;
  height: 25px;
  background-color: #dddddd;
  border-radius: 60px;
}
input.cmn-toggle-round + label:before,
input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.cmn-toggle-round + label:before {
  right: 1px;
  background-color: #f1f1f1;
  border-radius: 60px;
  transition: background 0.4s;
}
input.cmn-toggle-round + label:after {
  width: 25px;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: margin 0.4s;
}
input.cmn-toggle-round:checked + label:before {
  background-color: #8ce196;
}
input.cmn-toggle-round:checked + label:after {
  margin-left: 25px;
}

input.cmn-toggle-round-flat + label {
  padding: 2px;
  width: 120px;
  height: 60px;
  background-color: #dddddd;
  border-radius: 60px;
  transition: background 0.4s;
}
input.cmn-toggle-round-flat + label:before,
input.cmn-toggle-round-flat + label:after {
  display: block;
  position: absolute;
  content: "";
}
input.cmn-toggle-round-flat + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #fff;
  border-radius: 60px;
  transition: background 0.4s;
}
input.cmn-toggle-round-flat + label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 52px;
  background-color: #dddddd;
  border-radius: 52px;
  transition: margin 0.4s, background 0.4s;
}
input.cmn-toggle-round-flat:checked + label {
  background-color: #8ce196;
}
input.cmn-toggle-round-flat:checked + label:after {
  margin-left: 60px;
  background-color: #8ce196;
}*/
input.cmn-toggle-yes-no + label {
  width: 80px;
  height: 25px;
  line-height: 25px;
  text-align: center;
}
input.cmn-toggle-yes-no + label:before,
input.cmn-toggle-yes-no + label:after {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
}
input.cmn-toggle-yes-no + label:before {

  background-image: linear-gradient(#c6c6c6,#555555);
  border-radius: 5px;
  content: attr(data-off);
  transition: transform 0.5s;
  backface-visibility: hidden;
}
input.cmn-toggle-yes-no + label:after {
  background-image: linear-gradient(#c6c6c6,#555555);
  border-radius: 5px;
  content: attr(data-on);
  transition: transform 0.5s;
  transform: rotateY(180deg);
  backface-visibility: hidden;
}
input.cmn-toggle-yes-no:checked + label:before {
  transform: rotateY(180deg);
}
input.cmn-toggle-yes-no:checked + label:after {
  transform: rotateY(0);
}

td.details-control {
    background: url('pics/Plus.png') no-repeat center center;
	background-size: 50% auto;
    cursor: pointer;
}
tr.shown td.details-control {
	background: url('pics/Plus.png');
}

/* Dashboard Settings - Dashboard Panels */
#draggableDashboardList {
	padding-top: 2%;
	margin-left: 5%;
	width: 90%;
}

.widgetTitleContainer {
	width: calc(100% - 20px);
	height: 25px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc;
	margin-left: 10px;
	margin-right: 10px;
	text-align : center;
	/*background: linear-gradient(#FFF,#CCC);*/
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
	box-shadow: 0 4px 3px -3px rgba(0,0,0,0.1);
}
.widgetTitleContainer:active{
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing;
}
.widgetTitle {
	font-weight : bold;
	font-size: 13px;
	width: calc(100% - 140px);
	line-height: 25px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	margin-left: 70px;
}
.widgetContentContainer{
	width:100%;
	height:calc(100% - 45px);
	overflow-x: hidden;
	overflow-y: hidden;
	-ms-overflow-x: hidden;
	-ms-overflow-y: hidden;
}
.widgetMenuContainer{
	position: absolute;
	top: 0px;
	right: 5px;
	font-size: 12px;
}
.widgetMenuButton{
	padding: 4px;
	color: #777;
	border: 1px solid transparent;
	-webkit-transition: box-shadow 0.5s ease, border 0.5s ease, border-radius 0.5s ease;
    -moz-transition: box-shadow 0.5s ease, border 0.5s ease, border-radius 0.5s ease;
    -o-transition: box-shadow 0.5s ease, border 0.5s ease, border-radius 0.5s ease;
    transition: box-shadow 0.5s ease, border 0.5s ease, border-radius 0.5s ease;
}
.widgetMenuButton:hover{
	border: 1px solid #bbb;
	border-radius: 2px;
	box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 9px 0 rgba(0, 0, 0, 0.19);
}
.widgetMenuButton.active{
	box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.19) inset;
	border: 1px #bbb;
	border-radius: 3px;
}
.bugsBunnyLoading {
	display: none;
	position: fixed;
	z-index:1100;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background: rgba( 30, 30, 30, .7 )
				url("../pics/bugsBunny.gif")
				no-repeat center center;
}
.itchyLoading {
	display: none;
	position: fixed;
	z-index:1100;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background: rgba( 30, 30, 30, .7 )
				url("../pics/itchy_scratchy.gif")
				no-repeat center center;
}
body.loading {
    overflow: hidden;
}
body.loading .cssload-container {
    display: block;
}
.cssload-container {
	display: none;
	position: fixed;
	z-index: 1100;
	top: 0;
    left: 0;
    height: 100%;
    width: 100%;
	margin:0px auto;
	background: rgba( 30, 30, 30, .7 );
}
.cssload-container .cssload-item {
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 49px;
	height: 49px;
	background-color: rgba(255,255,255, .8);
	box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	box-shadow: 0 0 8px 1px rgba(0,0,0,0.25);
		-o-box-shadow: 0 0 8px 1px rgba(0,0,0,0.25);
		-ms-box-shadow: 0 0 8px 1px rgba(0,0,0,0.25);
		-webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,0.25);
		-moz-box-shadow: 0 0 8px 1px rgba(0,0,0,0.25);
}
.cssload-container .cssload-moon {
	border-bottom: 10px solid rgb(102,102,102);
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	animation: spin 1.15s ease infinite;
		-o-animation: spin 1.15s ease infinite;
		-ms-animation: spin 1.15s ease infinite;
		-webkit-animation: spin 1.15s ease infinite;
		-moz-animation: spin 1.15s ease infinite;
}
@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
@-o-keyframes spin {
	from {
		-o-transform: rotate(0deg);
	}
	to {
		-o-transform: rotate(360deg);
	}
}
@-ms-keyframes spin {
	from {
		-ms-transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
	}
}
@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
.table-user-information > tbody > tr {
    border-top: 1px solid rgb(221, 221, 221);
}
.table-user-information > tbody > tr:first-child {
    border-top: 0;
}
.table-user-information > tbody > tr > td {
    border-top: 0;
}

.energySetting{
	margin-right: 10px;
}

.horizontalCollapse{
	-webkit-transition: width 0.5s ease, border 0.5s ease;
    -moz-transition: width 0.5s ease, border 0.5s ease;
    -o-transition: width 0.5s ease, border 0.5s ease;
    transition: width 0.5s ease, border 0.5s ease;

    display: inline-block;
	position: absolute;
	top: 30px;
	right: 22.5px;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 20px;
    height: calc(100% - 50px);
	text-align: center;
	margin: auto;
	border: 0px solid #ddd;
	border-radius: 2px;
	background: white;

    width: 0px;
}
.horizontalCollapse.in{
	width: 50%;
	border: 1px solid #ddd;
}
.kpiValue{
	-webkit-transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
    transition: left 0.5s ease;

	text-align: center;
	font-size: x-large;
	margin: 0;
	position: absolute;
	top: calc(50% + 15px);
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 6% 6%;
}
.kpiValue.in{
	left: calc(25% - 11px);
}
.KPIImg{
	background-image: url(/pics/Icons/KPI5.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60%;
}
.roundShadow{
	border-radius: 50%;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.4),0 2px 6px 0 rgba(0,0,0,0.4),0 0 4px rgba(0,0,0,0.19) inset;
}

.GraphicExportBuffer{
	width: 1920px;
	height: 1080px;
}

.pieLabel{
	font-size: 12px;
	text-align:center;
	color:#fff;
	z-index:100;
	background-color: rgba(0,0,0,0.1);
	padding: 3px;
	border-radius: 5px;
	box-shadow: 1px 2px 4px rgba(0,0,0,0.1);
}

textarea{
	max-width: 100%;
}

.error{
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	color:red;
}
.userConfigImg {
	display: block;
	margin: 10px auto;
	height: 120px;
}
.userConfigPanel {
	border: 1px solid #ddd;
	border-radius: 4px;
	margin-bottom: 20px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.19) inset;
}
.userConfigPanel.collapsed {
	border: 1px solid #ddd;
	border-radius: 4px;
	margin-bottom: 20px;
	box-shadow: none;
}
.modal{
   overflow:auto !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before {
	top: auto;
	font-size: 16px;
}
.DashboardMenu{
	margin-bottom: 10px;
}

.top-buffer {
	margin: 10px 0 10px 0;
}
.top-buffer hr {
	border: 1pt solid #ccc;
	margin: 0px 20px 0px 0px;
}
.mpSeriesSelection{
	height: 18px;
	margin: 0 0 0 4px !important;
	padding: 0 5px !important;
	line-height: 1;
	text-shadow: none;
	color: #555;
	border-radius: 4px;
	border: none;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.3), inset 1px 1px 0px rgba(0,0,0,0.1);
	font-size: 11px;
}
.measurandSelect{
	display: inline-block;
	width: auto;
	height: 25px;
	line-height: 25px;
	margin-left: 10px;
	font-weight: bold;
	margin-bottom: -5px;
}
.measurandSelect.BarOptions{
	float: right;
	margin-right: 20px;
	width: 110px;
}
.measurandSelect.table{
	margin-left: 0px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    right: 100%;
	left: auto;
    margin-top: -1px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.dropdown-submenu>a:before {
    display: block;
    content: " ";
    float: left;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    border-right-color: #ccc;
    margin-top: 5px;
    margin-left: -10px;
}
 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20px;
  margin-right: 5px;
  vertical-align: middle;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* battery package */
.battery-text{
	margin: 0 auto;
	position: absolute;
	text-align: center;
	font-size: 1.5em;
	color: #00A33B;
	font-family: Ebrima;
	top: 52%;
	left: 50%;
	transform: translate(-50%, -50%);
}
@-moz-keyframes blink {0%{opacity:1;} 50%{opacity:0.2;} 100%{opacity:1;}} /* Firefox */
@-webkit-keyframes blink {0%{opacity:1;} 50%{opacity:0.2;} 100%{opacity:1;}} /* Webkit */
@-ms-keyframes blink {0%{opacity:1;} 50%{opacity:0.2;} 100%{opacity:1;}} /* IE */
@keyframes blink {0%{opacity:1;} 50%{opacity:0.2;} 100%{opacity:1;}} /* Opera */

.blink{
	-moz-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    -moz-animation:blink normal 1.5s infinite ease-in-out; /* Firefox */
    -webkit-animation:blink normal 1.5s infinite ease-in-out; /* Webkit */
    -ms-animation:blink normal 1.5s infinite ease-in-out; /* IE */
    animation:blink normal 1.5s infinite ease-in-out; /* Opera */
}

.PieLegend{
	display: inline-block;
	position: absolute;
	top: 25px;
	height: calc(50% - 20px);
	width: calc(40% - 10px);
	border: 1px solid #ccc;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 2px 4px 8px 0px rgba(0,0,0,0.2);
}
.PieTable{
	position: absolute;
	display: inline-block;
	height: calc(50% - 50px);
	width: calc(40% - 10px);
	top: calc(50% + 25px);
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 20px;
	z-index: 10;
	background-color: white;
	box-shadow: 2px 4px 10px rgba(0,0,0,0.2);
}
.PieContainer{
	position: relative;
	height: 100%;
	width: 100%;
	display: inline-block;
	padding: 0px;
}
.traffic_light{
	/*background-image: "../pics/Ampel/ampel_rot";*/
	/*height: calc(100%);*/
	width: 60%;
	display:inline-block;
	position:relative;
}
/* ampel*/
.lights {
	background-size: cover;
	background: rgb(70,70,70);
	background: -moz-linear-gradient(top, rgba(70,70,70,1) 0%, rgba(100,100,100,1) 50%, rgba(75,75,75,1) 51%, rgba(50,50,50,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70,70,70,1)), color-stop(50%,rgba(100,100,100,1)), color-stop(51%,rgba(75,75,75,1)), color-stop(100%,rgba(50,50,50,1)));
	background: -webkit-linear-gradient(top, rgba(70,70,70,1) 0%,rgba(100,100,100,1) 50%,rgba(75,75,75,1) 51%,rgba(50,50,50,1) 100%);
	background: -o-linear-gradient(top, rgba(70,70,70,1) 0%,rgba(100,100,100,1) 50%,rgba(75,75,75,1) 51%,rgba(50,50,50,1) 100%);
	background: -ms-linear-gradient(top, rgba(70,70,70,1) 0%,rgba(100,100,100,1) 50%,rgba(75,75,75,1) 51%,rgba(50,50,50,1) 100%);
	background: linear-gradient(to bottom, rgba(70,70,70,1) 0%,rgba(100,100,100,1) 50%,rgba(75,75,75,.9) 51%,rgba(50,50,50,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
	box-shadow: 1px 1px 5px rgba(0,0,0,0.7);
	float: left;
	height: 90%;
	margin: 15px;
	padding: 4px;
	width: 128px;
	border-radius: 13px;
}
.lights span {
	display: block;
	background: radial-gradient(#333, #222);
	border-radius: 50%;
	margin: 10px auto 10px auto;
	width: 85px;
	height: 85px;
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset rgba(30, 30, 30, 0.8) 0 -1px 8px;
}
.lights.green .bottom {
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, rgba(137, 255, 0, 0.9) 0 1px 12px;
	background: #ABFF00;
}
.lights.yellow .middle {
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, rgba(255,255,0,0.9) 0 1px 12px;
	background: #FF0;
}
.lights.red .top {
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.9) 0 1px 12px;
	background: #F00;
}
.organisationunitMenu{
	height: 100%;
	width: 290px;
	top: 50.5px;
	position: fixed;
	background: linear-gradient(to right, rgba(55,55,55,0.8),rgba(55,55,55, 0.4));
	box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
	color: whitesmoke;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
	transition: width 0.5s ease;
	overflow: hidden;
	z-index: 2;
	opacity: 0;
	display: none;
}
.organisationunitMenuHeader{
	font-size: 16px;
	text-align: center;
	border-bottom: 1px solid;
	padding: 6px;
	margin: 0px 10px 0 10px;
}
.jstree-default-dark > .jstree-container-ul > .jstree-node {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.jstree-default-dark .jstree-node {
    min-height: 22px !important;
    line-height: 22px !important;
    margin-left: 22px !important;
    min-width: 22px !important;
}
.jstree-icon{
	font-size: 12px !important;
}
.jstree-default-dark .jstree-icon:empty {
    width: 22px !important;
    height: 22px !important;
    line-height: 22px !important;
}
.jstree-default-dark .jstree-anchor {
    line-height: 22px !important;
    height: 22px !important;
}
.jstree-anchor{
	font-size: 13px !important;
}
.jstree-default-dark .jstree-clicked, .jstree-default-dark .jstree-checked {
    color: whitesmoke !important;
}
.jstree-default-dark .jstree-clicked ,
.jstree-default-dark .jstree-hovered{
    background: rgba(85,85,85,0.75)  !important;
}
.vakata-context, .vakata-context ul {
	border: 0 !important;
}
.vakata-context li > a {
	height: 2em !important;
	padding: 0 1em 0 2em !important;
	font-size: 13px !important;
}
.vakata-context li > a > i {
	height: 100% !important;
	vertical-align: middle !important;
	margin: 0 0 0 -2.4em !important;
	font-size: 11px !important;
}
.vakata-context li > a.vakata-context-parent::after{
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	    border-left-color: transparent;
	border-style: solid;
	border-width: 4px 0 4px 4px;
	border-left-color: whitesmoke;
	margin-top: 10px;
	margin-right: -9px;
}
.vakata-context li > a.vakata-context-parent{
	background-image: none !important;
}
.organisationunitTree{
	height: calc(100vh - 105px);
	overflow: auto;
	position: relative;
	padding-top: 10px;
}
.organisationunitMenuButton{
	font-size: 16px;
	position: fixed;
	top: 51px;
	left: -190px;
	width: 225px;
	color: whitesmoke;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
	z-index: 30;
	padding: 5px 0px 5px 15px;
	border: 1px dashed;
	border-radius: 0 4px 4px 0;
	border-left: 0px;
	border-color: #656565;
	background-color: rgba(55, 55, 55, 0.4);
	box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
	transition: left 0.3s;
}
.organisationunitMenuButtonIcon{
	position: absolute;
	right: 10px;
	top: 8px;
	font-size: 15px;
	line-height: 1.2;
}
.organisationunitMenuButton:hover{
	color: #f1f1f1;
	cursor: pointer;
	left: 0px;
}
.organisationunitMenuClose{
	position: absolute;
	top: -3px;
	right: 5px;
	text-decoration: none;
    font-size: 18px;
    color: whitesmoke;
    display: block;
    transition: 0.3s;
}
.organisationunitMenuClose:hover{
	color: #f1f1f1;
	text-decoration: none;
}
.infoTooltip{
	color: #333;
	position: absolute;
	right: -10px;
	top: 10px;
}
legend{
	margin-top: 10px;
}
.formulaElement{
	background: linear-gradient(to bottom, rgba(250, 250, 250, 0.8), rgba(240,240,240,0.8), rgba(200,200,200,0.8));
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2),0 2px 4px 0 rgba(0,0,0,0.19);
	color: #555;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	padding: 4px 5px;
	margin: 3px 5px 3px 0px;
	display: inline-block;
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
	min-height:25px;
	height:auto !important;
	font-size: 12px;
}
.formulaElement:active{
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing;
}
.mpSelection{
	background: linear-gradient(to bottom, rgba(250, 250, 250, 0.8), rgba(240,240,240,0.8), rgba(200,200,200,0.8));
	padding: 10px 0px;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2),0 2px 4px 0 rgba(0,0,0,0.19);
	color: #555;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.15);
}
.ui-sortable-placeholder {
	background: rgba(66, 66, 66, 0.3);
	visibility: visible !important;
	margin-bottom:-12px;
}
.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}

#carbonads {
  box-sizing: border-box;
  max-width: 300px;
  min-height: 130px;
  padding: 15px 15px 15px 160px;
  margin: 0;
  border-radius: 4px;
  font-size: 13px;
  line-height: 1.4;
  background-color: rgba(0, 0, 0, 0.05);
}
#carbonads .carbon-img {
  float: left;
  margin-left: -145px;
}
#carbonads .carbon-poweredby {
  display: block;
  color: #777 !important;
}

@charset "UTF-8";.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content{position:absolute;top:0;right:0;bottom:0;left:0;-moz-backface-visibility:hidden}.blueimp-gallery>.slides>.slide>.slide-content{margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;opacity:1}.blueimp-gallery{position:fixed;z-index:999999;overflow:hidden;background:#000;background:rgba(0,0,0,.9);opacity:0;display:none;direction:ltr;-ms-touch-action:none;touch-action:none}.blueimp-gallery-carousel{position:relative;z-index:auto;margin:1em auto;padding-bottom:56.25%;box-shadow:0 0 10px #000;-ms-touch-action:pan-y;touch-action:pan-y}.blueimp-gallery-display{display:block;opacity:1}.blueimp-gallery>.slides{position:relative;height:100%;overflow:hidden}.blueimp-gallery-carousel>.slides{position:absolute}.blueimp-gallery>.slides>.slide{position:relative;float:left;height:100%;text-align:center;-webkit-transition-timing-function:cubic-bezier(.645,.045,.355,1);-moz-transition-timing-function:cubic-bezier(.645,.045,.355,1);-ms-transition-timing-function:cubic-bezier(.645,.045,.355,1);-o-transition-timing-function:cubic-bezier(.645,.045,.355,1);transition-timing-function:cubic-bezier(.645,.045,.355,1)}.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content{-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-ms-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear}.blueimp-gallery>.slides>.slide-loading{background:url(../img/loading.gif) center no-repeat;background-size:64px 64px}.blueimp-gallery>.slides>.slide-loading>.slide-content{opacity:0}.blueimp-gallery>.slides>.slide-error{background:url(../img/error.png) center no-repeat}.blueimp-gallery>.slides>.slide-error>.slide-content{display:none}.blueimp-gallery>.next,.blueimp-gallery>.prev{position:absolute;top:50%;left:15px;width:40px;height:40px;margin-top:-23px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:60px;font-weight:100;line-height:30px;color:#fff;text-decoration:none;text-shadow:0 0 2px #000;text-align:center;background:#222;background:rgba(0,0,0,.5);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:3px solid #fff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:.5;cursor:pointer;display:none}.blueimp-gallery>.next{left:auto;right:15px}.blueimp-gallery>.close,.blueimp-gallery>.title{position:absolute;top:15px;left:15px;margin:0 40px 0 0;font-size:20px;line-height:30px;color:#fff;text-shadow:0 0 2px #000;opacity:.8;display:none}.blueimp-gallery>.close{padding:15px;right:15px;left:auto;margin:-15px;font-size:30px;text-decoration:none;cursor:pointer}.blueimp-gallery>.play-pause{position:absolute;right:15px;bottom:15px;width:15px;height:15px;background:url(../img/play-pause.png) 0 0 no-repeat;cursor:pointer;opacity:.5;display:none}.blueimp-gallery-playing>.play-pause{background-position:-15px 0}.blueimp-gallery>.close:hover,.blueimp-gallery>.next:hover,.blueimp-gallery>.play-pause:hover,.blueimp-gallery>.prev:hover,.blueimp-gallery>.title:hover{color:#fff;opacity:1}.blueimp-gallery-controls>.close,.blueimp-gallery-controls>.next,.blueimp-gallery-controls>.play-pause,.blueimp-gallery-controls>.prev,.blueimp-gallery-controls>.title{display:block;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.blueimp-gallery-left>.prev,.blueimp-gallery-right>.next,.blueimp-gallery-single>.next,.blueimp-gallery-single>.play-pause,.blueimp-gallery-single>.prev{display:none}.blueimp-gallery>.close,.blueimp-gallery>.next,.blueimp-gallery>.play-pause,.blueimp-gallery>.prev,.blueimp-gallery>.slides>.slide>.slide-content{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body:last-child .blueimp-gallery>.slides>.slide-error{background-image:url(../img/error.svg)}body:last-child .blueimp-gallery>.play-pause{width:20px;height:20px;background-size:40px 20px;background-image:url(../img/play-pause.svg)}body:last-child .blueimp-gallery-playing>.play-pause{background-position:-20px 0}*+html .blueimp-gallery>.slides>.slide{min-height:300px}*+html .blueimp-gallery>.slides>.slide>.slide-content{position:relative}.blueimp-gallery>.indicator{position:absolute;top:auto;right:15px;bottom:15px;left:15px;margin:0 40px;padding:0;list-style:none;text-align:center;line-height:10px;display:none}.blueimp-gallery>.indicator>li{display:inline-block;width:9px;height:9px;margin:6px 3px 0 3px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:1px solid transparent;background:#ccc;background:rgba(255,255,255,.25) center no-repeat;border-radius:5px;box-shadow:0 0 2px #000;opacity:.5;cursor:pointer}.blueimp-gallery>.indicator>.active,.blueimp-gallery>.indicator>li:hover{background-color:#fff;border-color:#fff;opacity:1}.blueimp-gallery>.indicator>li:after{opacity:0;display:block;position:absolute;content:'';top:-5em;width:75px;height:75px;transition:transform .6s ease-out,opacity .4s ease-out;transform:translateX(-50%) translateY(0) translateZ(0);pointer-events:none}.blueimp-gallery>.indicator>li:hover:after{opacity:1;border-radius:50%;background:inherit;transform:translateX(-50%) translateY(-5px) translateZ(0)}.blueimp-gallery>.indicator>.active:after{display:none}.blueimp-gallery-controls>.indicator{display:block;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.blueimp-gallery-single>.indicator{display:none}.blueimp-gallery>.indicator{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*+html .blueimp-gallery>.indicator>li{display:inline}.blueimp-gallery>.slides>.slide>.video-content>img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;-moz-backface-visibility:hidden}.blueimp-gallery>.slides>.slide>.video-content>video{position:absolute;top:0;left:0;width:100%;height:100%}.blueimp-gallery>.slides>.slide>.video-content>iframe{position:absolute;top:100%;left:0;width:100%;height:100%;border:none}.blueimp-gallery>.slides>.slide>.video-playing>iframe{top:0}.blueimp-gallery>.slides>.slide>.video-content>a{position:absolute;top:50%;right:0;left:0;margin:-64px auto 0;width:128px;height:128px;background:url(../img/video-play.png) center no-repeat;opacity:.8;cursor:pointer}.blueimp-gallery>.slides>.slide>.video-content>a:hover{opacity:1}.blueimp-gallery>.slides>.slide>.video-playing>a,.blueimp-gallery>.slides>.slide>.video-playing>img{display:none}.blueimp-gallery>.slides>.slide>.video-content>video{display:none}.blueimp-gallery>.slides>.slide>.video-playing>video{display:block}.blueimp-gallery>.slides>.slide>.video-loading>a{background:url(../img/loading.gif) center no-repeat;background-size:64px 64px}body:last-child .blueimp-gallery>.slides>.slide>.video-content:not(.video-loading)>a{background-image:url(../img/video-play.svg)}*+html .blueimp-gallery>.slides>.slide>.video-content{height:100%}*+html .blueimp-gallery>.slides>.slide>.video-content>a{left:50%;margin-left:-64px}
/*# sourceMappingURL=blueimp-gallery.min.css.map */

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}
.progress-animated .progress-bar,
.progress-animated .bar {
  background: url("../img/progressbar.gif") !important;
  filter: none;
}
.fileupload-process {
  float: right;
  display: none;
}
.fileupload-processing .fileupload-process,
.files .processing .preview {
  display: block;
  width: 32px;
  height: 32px;
  background: url("../img/loading.gif") center no-repeat;
  background-size: contain;
}
.files audio,
.files video {
  max-width: 300px;
}

@media (max-width: 767px) {
  .fileupload-buttonbar .toggle,
  .files .toggle,
  .files .btn span {
    display: none;
  }
  .files .name {
    width: 80px;
    word-wrap: break-word;
  }
  .files audio,
  .files video {
    max-width: 80px;
  }
  .files img,
  .files canvas {
    max-width: 100%;
  }
}
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}

.graph-tooltip, .nvtooltip{
	position: absolute;
	color: #333;
	padding: 10px;
	font-size: 12px;
	background-color: rgba(250,250,250,0.85);
	border-radius: 5px;
	z-index: 9999;
	max-width: 800px;
	max-height: 600px;
	overflow: hidden;
	line-height: 17px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border: 0;
}
.graphTooltipTimestamp{
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	text-decoration: underline;
}
.graphTooltipValue{
	float: right;
	display: inline-block;
	position: relative;
	margin-left: 20px;
	font-weight: bold;
}
.graphTooltipLegendColor, .nvtooltip table td.legend-color-guide div{
	height: 5px;
	width: 15px;
	display: inline-block;
	vertical-align: middle;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.25);
	margin-right: 2px;
	border-radius: 2px;
	border: 0;
}
.nv-y .tick.zero line { stroke: black; }
//.nvd3 .nv-groups path.nv-line {filter: drop-shadow(1px 0px 2px rgba(0,0,0,0.2));}
.nvd3 .nv-axis.nv-x path.domain {
  stroke-opacity: 1;
}
.widget_spinner{
	position: absolute;
	padding: 6px 10px;
	left: 0px;
}
.Database{
	background: linear-gradient(to bottom, rgba(250, 250, 250, 0.8), rgba(240,240,240,0.8), rgba(200,200,200,0.8));
	padding: 15px 20px;
	margin: auto;
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.16);
	vertical-align: middle;
	color: #555;
	margin-top: 15px;
}
.DatabaseButton{
 	border:1px solid #7eb9d0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:12px;
	font-family:arial, helvetica, sans-serif;
	padding: 5px 10px;
	margin: 0 3px;
	text-decoration:none;
	display:inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	font-weight:bold;
	color: #FFFFFF;
 	background-color: #a7cfdf; background-image: -webkit-gradient(linear, left top, left bottom, from(#a7cfdf), to(#23538a));
 	background-image: -webkit-linear-gradient(top, #a7cfdf, #23538a);
 	background-image: -moz-linear-gradient(top, #a7cfdf, #23538a);
 	background-image: -ms-linear-gradient(top, #a7cfdf, #23538a);
 	background-image: -o-linear-gradient(top, #a7cfdf, #23538a);
 	background-image: linear-gradient(to bottom, #a7cfdf, #23538a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a7cfdf, endColorstr=#23538a);
}
.DatabaseButton:hover{
 	border:1px solid #5ca6c4;
 	background-color: #82bbd1; background-image: -webkit-gradient(linear, left top, left bottom, from(#82bbd1), to(#193b61));
 	background-image: -webkit-linear-gradient(top, #82bbd1, #193b61);
 	background-image: -moz-linear-gradient(top, #82bbd1, #193b61);
 	background-image: -ms-linear-gradient(top, #82bbd1, #193b61);
 	background-image: -o-linear-gradient(top, #82bbd1, #193b61);
 	background-image: linear-gradient(to bottom, #82bbd1, #193b61);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#82bbd1, endColorstr=#193b61);
}
.DatabaseButton:disabled{
	border:1px solid #b3b3b3;
 	background-color: #cdcdcd; background-image: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#b3b3b3));
 	background-image: -webkit-linear-gradient(top, #cdcdcd, #b3b3b3);
 	background-image: -moz-linear-gradient(top, #cdcdcd, #b3b3b3);
 	background-image: -ms-linear-gradient(top, #cdcdcd, #b3b3b3);
 	background-image: -o-linear-gradient(top, #cdcdcd, #b3b3b3);
 	background-image: linear-gradient(to bottom, #cdcdcd, #b3b3b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cdcdcd, endColorstr=#b3b3b3);
}
#userTable_length{
	text-align: left;
}
#userTable_info{
	text-align: left;
}
.widgetOptionsContainer{
	margin-bottom: 5px;
	height:auto;
}
.WidgetOptionsDropdown{
	padding: 2px;
	margin: 0px 10px 0px 0px;
	width: auto;
	border: 1px solid #ccc;
	border-radius: 3px;
	vertical-align: middle;
}
.tooltip.bottom .tooltip-inner {
    background-color:#333;
}
.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #333;
}
#formula:focus{
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.jstree-rename-input{
	line-height: 24px !important;
	min-height: 24px !important;
	color: #555 !important;
	border-radius: 3px !important;
	padding:0 0 0 5px !important;
	margin:0px !important;
	height: 24px !important;
	font-size: 14px !important;
}
.jstree-anchor{
	text-overflow: ellipsis;
	overflow-x: hidden;
	max-width: calc(100% - 24px);
}
.arrow{
	width: 0;
	height: 0;
	border-width: 6px;
	border-style: solid;
	border-bottom-color: transparent;
	border-left-color: transparent;
	margin: 10px;
	position: relative;
  	display: inline-block;
  	vertical-align: middle;
  	box-sizing: border-box;
	border-radius: 2px;
}
.arrow:after{
	content: "";
	box-sizing: border-box;
}
.arrow:before{
	content: "";
	box-sizing: border-box;
    right: 0;
    top: -3px;
    position: absolute;
    height: 4px;
    box-shadow: inset 0 0 0 32px;
    transform: rotate(-45deg);
    width: 12px;
    transform-origin: right top;
}
.WidgetOptionsLabel{
	color:#555;
	font-size:12px;
	margin-right:5px;
}
.areaIcon{
	font-size: 11px;
	padding: 1px 2px 0px 2px;
	margin-right: 4px;
	color: #aaa;
	border: 0.5px dashed #ccc;
	border-radius: 3px;
	cursor: pointer;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}
.areaIcon.active{
	color: #555;
	border: 0.5px solid #ccc;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3) inset, 1px 1px 3px rgba(0,0,0,0.2);
}
.MPButtonText{
	padding: 0 3px;
	line-height: 20px;
	vertical-align: middle;
	display: inline-block;
	margin-top: -8px;
}
.widgetMPList{
	margin-bottom:0px;
	padding-left:10px;
	display:inline-block;
	width:auto;
	font-size: 12px;
}
/*Check box*/
input[type=checkbox] {
  display:none;
}
input[type="checkbox"] + .label-text:before{
	color: #555;
	font-size: 18px;
	cursor: pointer;
	content: "\f0c8";
	font-family: "Font Awesome 5 Free";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1.85;
	-webkit-font-smoothing:antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 5px;
}
input[type="checkbox"]:checked + .label-text:before{
	content: "\f14a";
	font-weight: 900;
	color: #2980b9;
	animation: effect 250ms ease-in;
}
input[type="checkbox"]:disabled + .label-text{
	color: #aaa;
}
input[type="checkbox"]:disabled + .label-text:before{
	content: "\f0c8";
	color: #ccc;
}
@keyframes effect{
	0%{transform: scale(0);}
	25%{transform: scale(1.3);}
	75%{transform: scale(1.4);}
	100%{transform: scale(1);}
}
input[type="checkbox"] + .label-text.mpseriesCheckbox:before{
	font-size: 13px;
	line-height: 1;
	margin-left: -25px;
	margin-right: 0px;
}
input[type="checkbox"]:checked + .label-text.mpseriesCheckbox:before{
	color: #fff;
}
.divider{
	position: relative;
	margin: 10px;
	height: 1px;
}
.div-transparent:before{
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	height: 1px;
	background-image: linear-gradient(to right, transparent, rgb(60,60,60), transparent);
}
.kpi-title{
	font-family: 'Roboto';
	font-size: 20px;
	color: #555;
	max-width: 50%;
	/* hide text if it more than N lines  */
	overflow: hidden;
	/* for set '...' in absolute position */
	position: relative;
	/* use this value to count block height */
	line-height: 1.2em;
	/* max-height = line-height (1.2) * lines max number (2) */
	max-height: 3.6em;
	/* fix problem when last visible word doesn't adjoin right side  */
	/*text-align: justify;*/
	/* place for '...' */
	margin-right: -1em;
	padding-right: 1em;
	-moz-hyphens: auto;
   	-o-hyphens: auto;
   	-webkit-hyphens: auto;
   	-ms-hyphens: auto;
   	hyphens: auto;
}
/* create the ... */
.kpi-title:before {
  /* points in the end */
  content: '...';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.kpi-title:after {
  /* points in the end */
  content: '';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  /* set width and height */
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  /* bg color = bg color under block */
  background: white;
}
.kpi-value{
	font-family: 'Roboto';
	font-size: 2em;
	color: #555;
	text-align: right;
	line-height: 1;
	max-width: 50%;
}
.kpi-value div,
.kpi-value i{
	display:inline-block;
}
.kpi-period-wrap{
	display: flex;
	flex-direction: row;
}
.kpi-period{
	font-family: 'Roboto';
	color: #555;
	cursor: pointer;
	padding: 6px 5px 5px 25px;
	border: 0;
	width: 260px;
	box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	right: 12px;
	position: relative;
	-webkit-transition: .18s ease-out;
  	-moz-transition: .18s ease-out;
  	-o-transition: .18s ease-out;
  	transition: .18s ease-out;
	font-size: 12px;
}
.kpi-period:hover{
  	box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.2);
}
.kpi-period:focus{
	box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.05), 0px 0px 4px rgba(0, 0, 0, 0.2);
}
.widgetCalendar{
	pointer-events: none;
	top: 2px;
	color: #555;
	left: 11px;
	z-index: 3;
}
.kpi-ref-value{
	font-family: 'Roboto';
	font-size: 1.5em;
	text-align: right;
	line-height: 1.5;
	color: #555;
}
.kpi-ref-value div,
.kpi-ref-value i{
	display:inline-block;
}
.kpi-top{
	height: calc(100% - 55px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.kpi-bottom{
	height: 35px;
}
.section{
	list-style-type: none;
	display: flex;
	align-items: flex-start;
	padding: 0px;
	margin: 0px;
	justify-content: space-between;
}
.kpi-icon{
	font-size: 16px;
	line-height: 1.7;
	vertical-align: middle;
	top: -20px;
	height: 30px;
	margin-right: 5px;
	text-shadow: 1px 1px 2px rgba(155,155,155,0.7);
	color: rgba(20,160,20,0.7);
}
.kpi-ref-icon{
	color: rgba(20,160,20,0.7);
	margin-right: 5px;
	font-size: 17px;
	height: 21px;
	vertical-align: middle;
	margin-top: -8px;
	line-height: 1.5;
}
.flot-text{
	font-size: 10px !important;
}
ul.jstree-children li a {
	overflow: hidden;
}
.addWidgetPlusIcon{
	display: block;
	top: -22px;
	position: relative;
	font-size: 7px;
	right: -20px;
}
.companyImg{
	max-width: 110px;
	max-height: 50px;
	vertical-align: middle;
	display: inline-block;
	padding: 5px;
	border-radius: 2px;
	background-color: white;
	box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.6);
}
.dropdown-submenu-right {
    position: relative;
}

.dropdown-submenu-right>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu-right:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu-right>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu-right:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu-right.pull-left {
    float: none;
}

.dropdown-submenu-right.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.dashboardTitle{
	color: whitesmoke;
	font-size: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}
.dashboardRefresh{
	font-size:13px;
	font-weight: bold;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	padding: 3px 10px !important;
	margin: 11px 10px;
	cursor: pointer;
	border: 1px dashed #ddd;
}
.dashboardDaterange{
	display: inline-block;
	width: 300px;
	cursor: pointer;
	background-color: rgba(85,85,85,0.3);
	box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.6);
	border: 0;
	color: whitesmoke;
	font-size: 13px;
	font-weight: bold;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
.daterangeIcon-right{
	pointer-events: none;
	color: whitesmoke;
	z-index: 2;
	position: absolute;
	top: 18px;
	right: 9px;
	font-size: 13px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
#myNavbar{
	padding: 0 10px 0 0;
}
.navbar-inverse{
	background: linear-gradient(to bottom, rgba(34,34,34,0.9),rgba(34,34,34, 0.3));
	border: 0;
}
.navDivider{
	display: block;
	height: 40px;
	margin: 5px 10px 5px 5px;
	width: 1px;
	float: left;
	background: linear-gradient(to bottom, rgba(220,220,220,0.1), rgba(220,220,220,0.6),rgba(220,220,220,0.1));
}
.navbar-brand{
	padding: 0;
	line-height: 50px;
	display: inline-block;
}
.navbar{
	margin-bottom: 0px;
}
.nav > li > a{
	padding: 8px 15px;
}
.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
}
.navbar .divider-vertical {
    height: 50px;
    margin: 0 9px;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #f2f2f2;
}
.navbar-inverse .divider-vertical {
    border-right-color: #222222;
    border-left-color: #111111;
}
.navbar-inverse .navbar-nav > li > a{
	color: whitesmoke;
}
@media (max-width: 767px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
		color: whitesmoke;
	}
    .navbar-collapse .nav > .divider-vertical {
        display: none;
     }
}
.scrollWrapper{
	position: relative;
	overflow: auto;
	height: 100vh;
	width: 100%;
}
.jstree-default-dark .jstree-anchor{
	color: whitesmoke;
}
.dataTables_wrapper{
	font-size: 12px;
}
.form-control{
	height: 30px;
	padding: 4px 12px;
}
.form-horizontal .control-label{
	padding-top: 5px;
}
.btn{
	padding: 4px 12px;
}
.modal-header, .modal-footer{
	padding: 10px 15px;
}
.nvd3 text {
  font: bold 11px Roboto !important;
}
.nvd3.nv-pie .nv-pie-title {
  font-size: 12px !important;
}
.nvtooltip {
  font-family: Roboto !important;
  padding: 0;
}
.nv-slice{
	-webkit-filter: drop-shadow( 1px 3px 4px rgba(0, 0, 0, .1));
	filter: drop-shadow( 1px 3px 4px rgba(0, 0, 0, .1));
}
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
	padding: 0;
}
/*Asset Widget*/
.generatorIconWrapperParent{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.generatorIconWrapper{
	display: table;
	position: relative;
	text-align: right;
}
.assetWidgetSymbol{
	position: relative;
	width: 90%;
	height: auto;
}
.assetDataCol{
	flex-direction: column;
	display: flex;
	justify-content: space-evenly;
}
.assetDataRow{
	position: relative;
	flex-direction: row;
	font-family: 'Roboto';
	font-size: 1.5em;
	color: #555;
}
.assetMpName{
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}

.assetDataUnit{
	text-align: left;
}
.assetDataValue{
	font-size: 1.3em;
	text-align: right;
	top: 50%;
	transform: translateY(-50%);
}
.assetDataName{
	top: 50%;
	transform: translateY(-50%);
}
/*PeakWidget*/
.peakDataRow{
	/* background-color: #e6e6e6; */
	text-align: center;
	font-family: 'Roboto';
	font-size: 1.5em;
	color: #555;
	position: relative;
}
.peakDataCol{
	flex-direction: column;
	display: flex;
	justify-content: space-evenly;
}
.peakDataName{
	font-size: 2rem;
	font-weight: bold;
}
.peakDataValue{
	font-size: 2em;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.peakDataDate{
	font-size: 0.6em;
	margin-top: 1px;
	/* background-color: red; */
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
/*ScalingFontSize Container*/
#ScalingFontContainer_{
	font-size: 1em
}

/*Vertical centered Div*/
.verticalCenteredDiv{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

/*SignalWidget*/
.ampelWrapperDiv{
	/* background-color: purple; */
}
.signalDataCol{
	/* background-color: lightblue; */
	flex-direction: column;
	display: flex;
	justify-content: space-evenly;
	font-family: 'Roboto';
	color: #555;
}
.signalDataRow{
	/* background-color: yellow; */
	position: relative;
}
.predictMPSeriesIDWrapper{
font-size: 1.3em;
text-align: center;
}
.signalThreshholdWrapper{
text-align: center;
}
.signalPredictName{
font-weight: bold;
}
.signalPredictTime{
font-size: 0.7em;
}
.signalPredictValue{
font-size: 1.5em;
font-weight: bold;
}
.signalThresholdName{
	font-weight: bold;
}
.signalThresholdValue{
	font-weight: bold;
}


/*Klassen für Höhe und Breite*/
.h-100{
	height: 100%;
}
.h-90{
	height: 90%;
}
.h-80{
	height: 80%;
}
.h-75{
	height: 75%;
}
.h-70{
	height: 70%;
}
.h-60{
	height: 60%;
}
.h-50{
	height: 50%;
}
.h-40{
	height: 40%;
}
.h-30{
	height: 30%;
}
.h-25{
	height: 25%;
}
.h-20{
	height: 20%;
}
.h-10{
	height: 10%;
}
.w-100{
	width: 100%;
}
.w-90{
	width: 90%;
}
.w-80{
	width: 80%;
}
.w-75{
	width: 75%;
}
.w-70{
	width: 70%;
}
.w-60{
	width: 60%;
}
.w-50{
	width: 50%;
}
.w-40{
	width: 40%;
}
.w-30{
	width: 30%;
}
.w-25{
	width: 25%;
}
.w-20{
	width: 20%;
}
.w-10{
	width: 10%;
}
.warningIcon {
    font-size: 15px !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffff00), to(#b3b300));
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #999;
}
.errorIcon {
    font-size: 15px !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#b30000));
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #999;
}
.widgetInputText{
	display: inline-block;
	padding-top: 7px;
	margin-right: 10px;
	font-size: 12px;
}
.widgetInput{
	display: inline-block;
	height: 25px;
	font-weight: bold;
	text-align: center;
}
.no-hover {
	fill-opacity: 0.8;
}

.widgetOptionsMultiselectButton{
	margin-right: 5px;
}