.marker_0 { background-color:#f39c12; text-align: center;
    vertical-align: middle; background-repeat: repeat-x;width:78%;color: #fff;}

.marker_1 { background-color:#00c0ef; text-align: center;
    vertical-align: middle; background-repeat: repeat-x;width:78%;color: #fff;}

.marker_2 { background-color:#00a65a;  text-align: center;
    vertical-align: middle; background-repeat: repeat-x;width:78%;color: #fff;}
.marker_3 { background-color:#dd4b39;  text-align: center;
    vertical-align: middle; background-repeat: repeat-x;width:78%;color: #fff;}

.marker_4 { background-color:#111; text-align: center;
    vertical-align: middle; background-repeat: repeat-x;width:78%;color: #fff;}

.marker_5 { background-color:#666666; text-align: center;
    vertical-align: middle; background-repeat: repeat-x;width:78%;color: #fff;}

#tblmain .fa span{ display:none; }

.blockUI .info-box-icon { margin-top:-45px!important;margin-left:-45px!important; }

.fullscreen {
  position: fixed!important;
  width:100%!important;
  height: 100%!important;
  top: 0px!important;
  left: 0px!important;
  z-index: 10000;
  background: white;
}

.doughnut-legend {
  list-style: none;  
  right: 8px;
  top: 0;
}
.doughnut-legend li {
  display: inline;
  float: right;
  padding-left: 30px;
  position: relative;
  margin-bottom: 4px;
  border-radius: 5px;
  padding: 2px 8px 2px 28px;
  font-size: 14px;
  cursor: default;
  -webkit-transition: background-color 200ms ease-in-out;
  -moz-transition: background-color 200ms ease-in-out;
  -o-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out;
}
.doughnut-legend li:hover {
  background-color: #fafafa;
}
.doughnut-legend li span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 100%;
  border-radius: 5px;
}

.altbar-legend {
  list-style: none;  
  right: 8px;
  top: 0;
}
.altbar-legend li {
  display: inline;
  float: right;
  padding-left: 30px;
  position: relative;
  margin-bottom: 4px;
  border-radius: 5px;
  padding: 2px 8px 2px 28px;
  font-size: 14px;
  cursor: default;
  -webkit-transition: background-color 200ms ease-in-out;
  -moz-transition: background-color 200ms ease-in-out;
  -o-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out;
}
.altbar-legend li:hover {
  background-color: #fafafa;
}
.altbar-legend li span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 100%;
  border-radius: 5px;
}

.altline-legend {
  list-style: none;  
  right: 8px;
  top: 0;
}
.altline-legend li {
  display: inline;
  float: right;
  padding-left: 30px;
  position: relative;
  margin-bottom: 4px;
  border-radius: 5px;
  padding: 2px 8px 2px 28px;
  font-size: 14px;
  cursor: default;
  -webkit-transition: background-color 200ms ease-in-out;
  -moz-transition: background-color 200ms ease-in-out;
  -o-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out;
}
.altline-legend li:hover {
  background-color: #fafafa;
}
.altline-legend li span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 100%;
  border-radius: 5px;
}
.carousel {
  white-space: nowrap;
  overflow: hidden;
}
.carousel canvas {
  display: inline-block;
  -webkit-transition: -webkit-transform 400ms ease-out;
  -moz-transition: -moz-transform 400ms ease-out;
  -o-transition: -o-transform 400ms ease-out;
  transition: -webkit-transform 400ms ease-out,-moz-transform 400ms ease-out,-o-transform 400ms ease-out,transform 400ms ease-out;
}
.position-6 canvas {
  -webkit-transform: translateX(-500%);
  -moz-transform: translateX(-500%);
  -o-transform: translateX(-500%);
  -ms-transform: translateX(-500%);
  transform: translateX(-500%);
}
.position-5 canvas {
  -webkit-transform: translateX(-400%);
  -moz-transform: translateX(-400%);
  -o-transform: translateX(-400%);
  -ms-transform: translateX(-400%);
  transform: translateX(-400%);
}
.position-4 canvas {
  -webkit-transform: translateX(-300%);
  -moz-transform: translateX(-300%);
  -o-transform: translateX(-300%);
  -ms-transform: translateX(-300%);
  transform: translateX(-300%);
}
.position-3 canvas {
  -webkit-transform: translateX(-200%);
  -moz-transform: translateX(-200%);
  -o-transform: translateX(-200%);
  -ms-transform: translateX(-200%);
  transform: translateX(-200%);
}
.position-2 canvas {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.position-1 canvas {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -o-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}
.hover-highlight {
  border-radius: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: background-color 200ms ease-in-out;
  -moz-transition: background-color 200ms ease-in-out;
  -o-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out;
}
.hover-highlight:hover {
  background-color: rgba(239, 241, 245, 0.3);
  border-radius: 10px;
}
.hover-highlight canvas {
  cursor: pointer;
}


.hidden{display:none;}

.dataTables_length,.dataTables_info{float:left}