/*!
 * pi-vue v1.2.0
 * (c) 2021 Abel Heinsbroek
 * Released under the MIT License.
 */


.error {
  color: red;
}

.red {
  background-color: #FF2323;
}
.green {
  background-color: #67B23A;
}
.yellow {
  background-color: #F6CA2A;
}
.orange {
  background-color: #FF6C00;
}
.multistate .loading {
  display: inline-block;
  padding: 7px;
}
.error {
  background: lightgray;
}

.pi-chart {
  background: #FFF;
  border: 1px solid #AAA;
  border-radius: 2px;
  position: relative;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  cursor: crosshair;
}
.pi-chart-reset-zoom {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 5px;
  opacity: 0.6;
  cursor: pointer;
  top: 5px;
  z-index: 99;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAAOFJREFUOBFjdJzzZ+v///+9GMgAjIyM25jI0Ies5T8yhyw2Iy5dnvP+i/749/cGAwMjAwcTk8b2JMbX2NRi9QJY898/+4FhI/T//z+hH0A2SIxoA378+7Me6DltmAYQGyQG4yPTWF0AdPZHRkaGozCFEDbjBxifaNph9u//IIxPAw4X4NOCKoc1FkCJi4HhP////wzWIOVQL3zcn8LijaqdgQGHCxCaQRogBv3nR9cM4mM1gIOJJRDotKswDSA2SAzGR6axegGkwG3Rf7Hfv/5eB7E5mJhxJiSQPEWAccBzIwBxFFVMvMQOrAAAAABJRU5ErkJggg==')
}
.pi-chart-reset-zoom:hover {
  opacity: 1;
}
.fade-enter-active, .fade-leave-active {
  transition: opacity 0.3s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}
.pi-chart .pi-loading {
  background-color: rgba(255, 255, 255, .9);
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
.pi-chart .chart-options {
  position: absolute;
  right: 2px;
  top: 2px;
  border: none;
  background: transparent;
  padding: 2px 5px;
  margin: 0px;
  cursor: pointer;
}
.pi-chart .chart-options div {
  width: 12px;
  height: 2px;
  background: #999;
  margin: 2px 0px;
}
.pi-chart .chart-options:hover div {
  background: #000;
}
.pi-chart .chart-options-menu {
  position: absolute;
  top: 22px;
  right: 5px;
  background: white;
  border: 1px solid #999;
  box-shadow: 2px 2px 4px #AAA;
  padding: 0px;
  margin: 0px;
  min-width: 150px;
  display: none;
}
.pi-chart .chart-options-menu.visible {
  display: block;
}
.pi-chart .chart-options-menu li {
  font-size: 13px;
  list-style-type: none;
  margin: 5px 0px;
  color: #333;
}
.pi-chart .chart-options-menu li:hover {
  background: #409EFE;
}
.pi-chart .chart-options-menu li a {
  width: 100%;
  display: inline-block;
  padding: 5px 10px;
  color: #333;
  text-decoration: none;
  cursor: pointer;
}
.pi-chart .chart-options-menu li a:hover {
  color: white;
}
.pi-chart.fullscreen {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;

  position: fixed !important;
  z-index: 100000;
}
.pi-chart-axis-area {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 35px;
  cursor: pointer;
  background: rgba(255, 0, 0, .0);
}
.pi-chart-axis-area:focus {
  outline: none;
}
.pi-chart-popper {
  z-index: 100001 !important;
}
.pi-chart-axis-controls label {
  display: block;
  margin-top: 5px;
  font-weight: bold;
}
.pi-chart .pi-updating {
  position: absolute;
  left: 2px;
  top: 2px;
  width: 16px;
  height: 16px;
  background: url(data:image/gif;base64,R0lGODlhEAAQAPQAAP///1hYWPr6+nx8fK6urltbW3BwcOPj48XFxWZmZqWlpZqamu3t7bu7u9nZ2YeHh5CQkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAFUCAgjmRpnqUwFGwhKoRgqq2YFMaRGjWA8AbZiIBbjQQ8AmmFUJEQhQGJhaKOrCksgEla+KIkYvC6SJKQOISoNSYdeIk1ayA8ExTyeR3F749CACH5BAkKAAAALAAAAAAQABAAAAVoICCKR9KMaCoaxeCoqEAkRX3AwMHWxQIIjJSAZWgUEgzBwCBAEQpMwIDwY1FHgwJCtOW2UDWYIDyqNVVkUbYr6CK+o2eUMKgWrqKhj0FrEM8jQQALPFA3MAc8CQSAMA5ZBjgqDQmHIyEAIfkECQoAAAAsAAAAABAAEAAABWAgII4j85Ao2hRIKgrEUBQJLaSHMe8zgQo6Q8sxS7RIhILhBkgumCTZsXkACBC+0cwF2GoLLoFXREDcDlkAojBICRaFLDCOQtQKjmsQSubtDFU/NXcDBHwkaw1cKQ8MiyEAIfkECQoAAAAsAAAAABAAEAAABVIgII5kaZ6AIJQCMRTFQKiDQx4GrBfGa4uCnAEhQuRgPwCBtwK+kCNFgjh6QlFYgGO7baJ2CxIioSDpwqNggWCGDVVGphly3BkOpXDrKfNm/4AhACH5BAkKAAAALAAAAAAQABAAAAVgICCOZGmeqEAMRTEQwskYbV0Yx7kYSIzQhtgoBxCKBDQCIOcoLBimRiFhSABYU5gIgW01pLUBYkRItAYAqrlhYiwKjiWAcDMWY8QjsCf4DewiBzQ2N1AmKlgvgCiMjSQhACH5BAkKAAAALAAAAAAQABAAAAVfICCOZGmeqEgUxUAIpkA0AMKyxkEiSZEIsJqhYAg+boUFSTAkiBiNHks3sg1ILAfBiS10gyqCg0UaFBCkwy3RYKiIYMAC+RAxiQgYsJdAjw5DN2gILzEEZgVcKYuMJiEAOwAAAAAAAAAAAA==);
}

/* Crosshair styles  */
.chartjs-crosshair {
	position: absolute;
	top: 0px;
	bottom: 0px;
	border-left: 1px solid red;
	pointer-events: none;
}
.chartjs-tracepoint {
	position: absolute;
	width: 4px;
	height: 4px;
	margin-left: -4px;
	margin-top: -4px;
	background-color: white;
	border: 2px solid black;
	border-radius: 6px;
	z-index: 10;
	pointer-events: none;
}
.chartjs-fasttooltip {
	position: absolute;
	background: rgba(0, 0, 0, .8);
	z-index: 11;
	padding: 5px;
	color: white;
	font-size: 12px;
	pointer-events: none;
	min-width: 140px;
}
.chartjs-zoombox {
	position: absolute;
	background:rgba(66, 133, 244, .2);
	border: 1px solid #48F;
	pointer-events: none;
}
.chartjs-zoombox-handle-horizontal div, .chartjs-zoombox-handle-vertical div {
	display: none;
}
.chartjs-zoombox-handle-both div {
	display: block;
}
.chartjs-zoombox-handle-both {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}
.chartjs-zoombox-handle-corner-0::after, 
.chartjs-zoombox-handle-corner-1::after,
.chartjs-zoombox-handle-corner-2::after,
.chartjs-zoombox-handle-corner-3::after {
	content: "";
	position: absolute;
	width: 3px;
	height: 20px;
	background: rgba(66, 133, 244, 1);
}
.chartjs-zoombox-handle-corner-0::after { left: 0px;
}
.chartjs-zoombox-handle-corner-1::after { right: 0px;
}
.chartjs-zoombox-handle-corner-2::after { left: 0px; bottom: 0px;
}
.chartjs-zoombox-handle-corner-3::after { right: 0px; bottom: 0px;
}
.chartjs-zoombox-handle-corner-0::before,
.chartjs-zoombox-handle-corner-1::before,
.chartjs-zoombox-handle-corner-2::before,
.chartjs-zoombox-handle-corner-3::before {
	content: "";
	position: absolute;
	width: 20px;
	height: 3px;
	background: rgba(66, 133, 244, 1);
}
.chartjs-zoombox-handle-corner-0::before { left: 0px;
}
.chartjs-zoombox-handle-corner-1::before { right: 0px;
}
.chartjs-zoombox-handle-corner-2::before { left: 0px; bottom: 0px;
}
.chartjs-zoombox-handle-corner-3::before { right: 0px; bottom: 0px;
}
.chartjs-zoombox-handle-horizontal {
	position: absolute;
	left: 0px;
	right: 0px;
}
.chartjs-zoombox-handle-horizontal::before {
	position: absolute;
	width: 4px;
	height: 40px;
	background: rgba(66, 133, 244, 1);
	z-index: 999;
	left: -2px;
	top: -20px;
	content: '';
}
.chartjs-zoombox-handle-horizontal::after {
	position: absolute;
	width: 4px;
	height: 40px;
	background: rgba(66, 133, 244, 1);
	z-index: 999;
	right: -2px;
	z-index: 999;
	top: -20px;
	content: '';
}
.chartjs-zoombox-handle-vertical {
	position: absolute;
	top: 0px;
	bottom: 0px;
}
.chartjs-zoombox-handle-vertical::before {
	position: absolute;
	width: 40px;
	height: 4px;
	background: rgba(66, 133, 244, 1);
	z-index: 999;
	top: -2px;
	left: -20px;
	content: '';
}
.chartjs-zoombox-handle-vertical::after {
	position: absolute;
	width: 40px;
	height: 4px;
	background: rgba(66, 133, 244, 1);
	left: -20px;
	z-index: 999;
	bottom: -2px;
	content: '';
}
.chartjs-fasttooltip .tooltip-title {
	font-weight: bold;
	display: block;
}
.chartjs-fasttooltip .tooltip-result {
	display: block;
}
.chartjs-fasttooltip .tooltip-result-box {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 5px;
}
























































































































































































































































































































































































.pi-element-browser .el-cascader__label {
  direction: rtl
}
@media only screen and (max-width: 600px) {
.pi-element-browser {
    width: 100%;
    margin-bottom: 5px;
}
.pi-element-browser .el-cascader__label {
    direction: rtl
}
.el-cascader {
    width: 100%;
}
div.el-cascader-menus.el-popper {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    left: 10px !important;
    right: 10px !important;
}
}