@font-face {
  font-family: 'exlogfont';
  src: url('../Font/fontawesome-webfont.eot?v=4.4.0');
  src: url('../Font/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), 
		url('../Font/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), 
		url('../Font/fontawesome-webfont.woff?v=4.4.0') format('woff'), 
		url('../Font/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), 
		url('../Font/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@keyframes layer1 {
  0%, 25% {    fill: #6F6F6E;  }
  25%, 50% {   fill: #E84921; transform: translateY(-10px);  }
  50%, 100% {  fill: #6F6F6E;  }
}
@keyframes layer2 {
  0%, 50% {    fill: #6F6F6E;  }
  50%, 75% {   fill: #E84921; transform: translateY(-10px);  }
  75%, 100% {  fill: #6F6F6E;  }
}
@keyframes layer3 {
  0%, 75% {    fill: #6F6F6E;  }
  75%, 82% {   fill: #E84921; transform: translateY(-10px);  }
  92%, 100% {  fill: #6F6F6E;  }
}

.kpiactivitychart.menu{	margin-left:160px; height: 28px;}

.kpiactivitychart .layer  { animation: 0.8s linear infinite;}
.kpiactivitychart .layer1 { animation-name: layer1;}
.kpiactivitychart .layer2 { animation-name: layer2;}
.kpiactivitychart .layer3 { animation-name: layer3;}


.kpiactivitychart select, .kpiactivitychart input[type="date"]{
    margin: 1px 0;
    border: none;
    box-shadow: none;
    background-image: none;
    -webkit-appearance: none;
	border-style: solid;
    border-width: thin;
}
.kpiactivitychart select{
    padding: 4px 8px;
    width: 80px;
}
.kpiactivitychart input[type="date"]{
    padding: 2px 8px;
    width: 150px;
}
.kpiactivitychart input[type="datetime-local"]{
    padding: 2px 8px;
    width: 150px;
}
.kpiactivitychart select:focus {
    outline: none;
}

.kpiactivitychart .btnRefresh{
	position: absolute;
	padding: 0px 5px;
    left: 40px;
    top: 3px;
}
.kpiactivitychart .btnPrint{
	position: absolute;
	padding: 0px 5px;
    left: 70px;
    top: 3px;
}
.kpiactivitychart .btnLoad{
	padding: 0px 10px;
	font-size: 18px;
}
.kpiactivitychart .rdgLength{
	position: absolute;
	padding: 4px 5px;
    left: 80px;
    top: 3px;
    border: gray;
	border-style: solid;
    border-width: thin;
}
.kpiactivitychart .rngDateTime{
	position: absolute;
	padding: 1px 5px;
    left: 250px;
    top: 3px;
    border: gray;
	border-style: solid;
    border-width: thin;
}

.kpiactivitychart input[type="date"]::-webkit-inner-spin-button,
.kpiactivitychart input[type="date"]::-webkit-clear-button {
    display: none;
    -webkit-appearance: none;
}

/* Mobile management */
@media screen and (max-width: 975px){
	.kpiactivitychart #kpiactivitychart_well-info{display: none;}
}

/* SVG elements*/
.kpiactivitychart svg text{
	pointer-events: none;
   user-select: none;
}


/* Icons (https://astronautweb.co/snippet/font-awesome/)*/
.kpiactivitychart .fa{
	font-style: normal;
	font-family: exlogfont;
    font-size: 20px;
    color: #5b5d5c;
    padding: 4px 8px;
}
.kpiactivitychart .fa-print:after{content: '\f02f';}
.kpiactivitychart .fa-refresh:after{content: '\f021';}
.kpiactivitychart .fa-load:after{content: '\f152';}