.frontend #statistics-wrapper{
    background-color: #ffffff;
    color: #3a3a3a;
    position: relative;
    z-index: 2;
    top:-100%;
    left: 0;
    right:0;
    height: auto;
    padding: 15px;
    display: none;
}

/**************************************************************************************************
GLOBAL
**************************************************************************************************/
.frontend #statistics-wrapper .statistics-title{
    font-size: 46px;
    font-weight: bold;
}
.frontend #statistics-wrapper .statistics-sub-title{
    font-size: 20px;
    font-weight: bold;
}

.frontend #statistics-wrapper .row-header{
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px;
}

.frontend #statistics-wrapper .statistics-plot-title{
    font-size: 20px;
    font-weight: bold;
    margin: 15px 0;
    color: #303030;
    font-size: 16px;
}

.frontend #statistics-wrapper .plots-overlay{
    opacity: 0;
    display: none;
    position: absolute;
    top: 50px;
    background-color: rgba(255,255,255,1);
    bottom: 0;
    width: 98%;
}

.frontend #statistics-wrapper .plots-not-compiled,
.frontend #statistics-wrapper .plots-compiled-and-empty{
    opacity: 0;
    display: none;
    position: absolute;
    top: 57%;
    width: 98%;
    text-align: center;
    color: #000;
    font-size: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/**************************************************************************************************
STATISTICS LOADER
**************************************************************************************************/
.frontend #statistics-wrapper .socials-bars-plot,
.frontend #statistics-wrapper .users-rank-plots,
.frontend #statistics-wrapper .terms-cloud-plot,
.frontend #statistics-wrapper .networkposts-donuts-plot,
.frontend #statistics-wrapper .posts-donuts-plot{
    min-height: 200px;
}
.frontend .statistics-loader{
    position: absolute;
    top: 50%;
    margin-top: -100px;
    width: 100%;
    left: 0;
    z-index: 1;
    min-height: 200px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../../../../../img/front/core/loader-picture.gif);
}

/**************************************************************************************************
TIMERS
**************************************************************************************************/
.frontend #statistics-wrapper #statistics-timer{
    font-size: 15px;
    text-align: center;
}
@media (min-width: 992px) {
    .frontend #statistics-wrapper #statistics-timer{
        text-align: right;

    }
}
.frontend #statistics-wrapper #statistics-timer .statistics-timer-title{
    margin-right: 18px;
}

.frontend #statistics-wrapper #statistics-timer .btn-default:hover,
.frontend #statistics-wrapper #statistics-timer .btn-default:focus,
.frontend #statistics-wrapper #statistics-timer .btn-default:active,
.frontend #statistics-wrapper #statistics-timer .btn-default.active{
    box-shadow: none;
}

/**************************************************************************************************
USERS RANK
**************************************************************************************************/
.frontend #statistics-wrapper #users-rank .users-rank-plots .users-rank-content{
    margin-bottom:20px;
}