/* CSS Document */


.anchorlink { /* make anchor nav trigger a little higher */
	display: block; position: relative; top: -80px; visibility: hidden;
}
/*--------------------------------
Loading Overlay
--------------------------------*/
#loading_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999;
}
#loading_overlay .loading_indicator {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 50px;
  margin-left: -50px;
  margin-top: -50px;
  text-align: center;
  color: #333;
}
#loading_overlay .loading_txt {
	color: #fff;
	text-align: center;
  width: 100%;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	line-height: 20px;
}
#wrapper {
	overflow: visible !important;
}
.content-page {
	overflow: visible !important;
}
.topbar nav.navbar-custom {
	top: 0 !important;
}
nav.sticky-top {
	z-index: 4 !important;
}

/* chartjs-visualizations.css */
.ActiveUsers {
    border: 1px solid #d4d2d0;
    border-radius: 4px;
    font-weight: 300;
    padding: .4em 1.2em;
    white-space: nowrap
}
.ActiveUsers-value {
    display: inline-block;
    font-weight: 600;
    margin-right: -.25em
}
.ActiveUsers.is-increasing {
    -webkit-animation: a 3s;
    animation: a 3s
}
.ActiveUsers.is-decreasing {
    -webkit-animation: b 3s;
    animation: b 3s
}
@-webkit-keyframes a {
    10% {
        background-color: #ebffeb;
        border-color: rgba(0, 128, 0, .5);
        color: green
    }
}
@keyframes a {
    10% {
        background-color: #ebffeb;
        border-color: rgba(0, 128, 0, .5);
        color: green
    }
}
@-webkit-keyframes b {
    10% {
        background-color: #ffebeb;
        border-color: rgba(255, 0, 0, .5);
        color: red
    }
}
@keyframes b {
    10% {
        background-color: #ffebeb;
        border-color: rgba(255, 0, 0, .5);
        color: red
    }
}
.Chartjs {
    font-size: .85em
}
.Chartjs-figure {
    height: 250px;
    max-width: 100%
}
.Chartjs-legend {
    list-style: none;
    margin: 0;
    padding: 1em 0 0;
    text-align: center
}
.Chartjs-legend > li {
    display: inline-block;
    padding: .25em .5em
}
.Chartjs-legend > li > i {
    display: inline-block;
    height: 1em;
    margin-right: .5em;
    vertical-align: -.1em;
    width: 1em
}
@media (min-width:570px) {
    .Chartjs-figure {
        margin-right: 1.5em
    }
}

.square {
    position: relative;
  width: 100%;
}

.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.square img {
    max-width: 100%;
    max-height: 100%;
  position: absolute;
  top: -9999px;
  left: -9999px;
  right: -9999px;
  bottom: -9999px;
  margin: auto;
  width: 100%;
}
strong { font-weight: bold; }