/*******************************
NEW DASHBOARD STYLESHEET
    Theme Name: Quarca - Bootstrap Admin Template
    Theme Demo: http://cazylabs.com/themes-demo/quarca
    Version: 1.2
    Author: Shahen Algoo
    Author Website: http://www.cazylabs.com/

TABLE OF CONTENTS
    1.0 - MONTHLY STATISTICS
    2.0 - SOCIAL BOXES
    3.0 - QUICK ALERTS
    4.0 - SCROLL PANEL
    5.0 - MEMBERS LIST
    6.0 - HALF SERVER STATUS
    7.0 - ANALYTICS
    8.0 - PROFILE
    9.0 - NEW VS RETURNING VISITORS
*******************************/

/*******************************
1.0 - MONTHLY STATISTICS
*******************************/
/* ----- Content ----- */
.widget-monthly-statistics .widget-content {
    padding: 10px;
}

.widget-monthly-statistics h4 {
    margin: 20px 0 2px;
    text-transform: uppercase;
}

.widget-monthly-statistics h5 {
    margin: 0;
    font-weight: 400;
}

.widget-monthly-statistics small {
    font-weight: 400;
    font-size: 10px;
}

/* ----- Chart ----- */
.monthly-statistics-chart {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.widget-monthly-statistics .flot-text {
    display: none;
}

.widget-monthly-statistics .flot.line {
    height: 330px;
}

/* ----- Chart Top ----- */
.chart-top .monthly-statistics-chart {
    bottom: auto;
    top: 0;
}

.chart-top .row {
    position: relative;
    top: 320px;
}

/*******************************
2.0 - SOCIAL BOXES
*******************************/
.widget.social-stats .widget-content {
    padding: 0;
}

.widget.social-stats .social {
    min-height: 110px;
}

.widget.social-stats .social-title {
    top: 35px;
}

/*******************************
3.0 - QUICK ALERTS
*******************************/
.widget-quick-alerts .widget-content {
    padding: 0;
}

/* ----- Details ----- */
.quick-alerts {
    list-style: none;
    position: absolute;
    width: 100%;
    height: 110px;
    left: 0;
    top: 50%;
    margin: -55px 0 0 0;
    padding: 0;
    text-align: center;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.quick-alerts > li {
    float: left;
    width: 25%;
    border-right: 1px solid;
}

.quick-alerts,
.quick-alerts > li {
    border-color: #eee;
}

.quick-alerts > li:last-child {
    border-right: none;
}

.quick-alerts > li > a {
    display: block;
    padding: 25px 0;
    text-decoration: none;
    color: #22262e;
}

.quick-alerts > li > a:hover,
.quick-alerts > li > a:focus {
    color: #16a085;
}

.quick-alerts > li > a > .fa {
    display: block;
    margin-bottom: 10px;
}

.quick-alerts > li > a > .fit-text > span {
    font-weight: 400;
}

/*******************************
4.0 - SCROLL PANEL
*******************************/
/* ----- NAVIGATION ----- */
.scroll-panel .nav > li {
    display: inline-block;
    margin-bottom: 10px;
}

.scroll-panel .nav > li > a {
    text-align: left;
    font-weight: 400;
    color: #bbb;
}

.scroll-panel .nav > li > a:hover,
.scroll-panel .nav > li > a:focus {
    background: none;
    color: #adadad;
}

.scroll-panel .nav > li.active > a {
    color: #16a085;
}

.scroll-panel .nav > li > a > .fa-circ:before {
    content: "\f10c";
}

.scroll-panel .nav > li.active > a > .fa-circ:before {
    content: "\f192";
}

/* ----- TAB CONTENT ----- */
.scroll-panel .tab-content {
    padding: 0 15px 0 0;
    background: none;
}

/*******************************
5.0 - MEMBERS LIST
*******************************/
.scroll-panel .users-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.scroll-panel .users-list > li {
    margin-bottom: 2px;
    padding: 10px;
    border-bottom: 1px solid #f6f6f6;
}

.scroll-panel .users-list > li:first-child {
    border-top: 1px solid #f6f6f6;
}

/* ----- PROFILE IMAGE ----- */
.scroll-panel .users-list figure {
    width: 40px;
    float: left;
}

.scroll-panel .users-list figure img {
    width: 100%;
}

/* ----- NAME ----- */
.scroll-panel .users-list .user-name {
    float: left;
    padding: 9px 10px;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    color: #666;
}

.scroll-panel .users-list .user-name:hover,
.scroll-panel .users-list .user-name:focus {
    color: #22262e;
}

.scroll-panel .users-list .user-name .label {
    position: relative;
    top: -2px;
    font-size: 10px;
}

/* ----- DROPDOWN ----- */
.scroll-panel .users-list .btn-group {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

/*******************************
6.0 - HALF SERVER STATUS
*******************************/
.widget-half-server-status {

}

.widget-half-server-status .widget-content {
    padding: 0;
}

/* ----- CHART ----- */
.widget-half-server-status .flot-chart {
    position: absolute;
    top: 0;
    left: -10px;
    width: 110%;
    height: 50%;
    background-color: #4ECDC4;
}

.widget-half-server-status .flot-chart .real {
    top: -10px;
    height: 110%;
}

.widget-half-server-status .flot-chart .flot-text {
    display: none;
}

/* ----- STATUS DETAILS ----- */
.server-status-details {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 50%;
    padding: 15px;
}

.server-status-details h5 {
    margin: 0 0 15px;
}

.server-status-details dl {
    width: 50%;
    margin-bottom: 0;
}

.server-status-details dt {
    font-weight: 400;
    color: #bbb;
}

.server-status-details dd {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
    color: #666;
}

/*******************************
7.0 - ANALYTICS
*******************************/
.widget-analytics .widget-content {
    padding: 0;
}

/* ----- REAL-TIME VISITORS ----- */
.real-time-visitors {
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 30%;
    padding: 10px;
    background-color: #fafafa;
    text-align: center;
}

.real-time-visitors .label {
    display: inline-block;
    margin: 20px 0 5px;
    padding: 10px;
    font-size: 20px;
}

.real-time-visitors h6 {
    margin: 0;
    font-weight: 400;
    font-size: 12px;
}

/* ----- SESSIONS CHART ----- */
.sessions {
    position: absolute;
    top: 0;
    right: 0;
    width: 70%;
    height: 30%;
    padding: 8px;
    background-color: #D2527F;
}

.sessions .flot-chart,
.sessions .flot.line {
    height: 100%;
}

.sessions .flot-chart .flot-text {
    display: none;
}

/* ----- DETAILS ----- */
.analytics-details {
    position: absolute;
    top: 30%;
    width: 100%;
    height: 70%;
    padding: 15px;
}

.analytics-details h5 {
    margin: 0 0 15px;
}

.analytics-details dl {
    width: 50%;
    margin-bottom: 0;
}

.analytics-details dt {
    font-weight: 400;
    color: #bbb;
}

.analytics-details dd {
    margin-bottom: 10px;
    font-size: 24px;
    color: #666;
}

/*******************************
8.0 - PROFILE
*******************************/
.widget-profile .widget-content {
    padding: 0;
}

/* ----- COVER & PROFILE PICTURE ----- */
.widget-profile .profile-images {
    position: absolute;
    top: 0;
    width: 100%;
    height: 25%;
    background-color: #A22B23;
}

.widget-profile .profile-images:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    border-radius: 50% / 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #fff;
}

.widget-profile .profile-images figure {
    position: absolute;
    z-index: 10;
    bottom: -40px;
    left: 50%;
    margin-left: -70px;
    width: 140px;
}

.widget-profile .profile-images figure img {
    width: 100%;
    border: 4px solid #fff;
}

/* ----- PROFILE Details ----- */
.widget-profile .profile-details {
    position: absolute;
    top: 38%;
    width: 100%;
    height: 62%;
}

.widget-profile .profile-details h5 {
    text-align: center;
}

.widget-profile .profile-details h5 a {
    text-decoration: none;
    color: #22262e;
}

/* ----- PROFILE STATS ----- */
.widget-profile .profile-stats {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid;
}

.widget-profile .profile-stats > li {
    width: 50%;
    float: left;
    padding: 10px 5px;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-weight: 400;
    color: #bbb;
}

.widget-profile .profile-stats > li:nth-child(2n+2) {
    border-right: 0;
}

.widget-profile .profile-stats,
.widget-profile .profile-stats > li {
    border-color: #eee;
}

.widget-profile .profile-stats > li > span {
    display: block;
    font-weight: 400;
    font-size: 18px;
    color: #666;
}

/*******************************
9.0 - NEW VS RETURNING VISITORS
*******************************/
.widget-new-returning-visitors .widget-content {
    padding: 40px;
}

@media (max-width: 767px) {
    .widget-new-returning-visitors .widget-content {
        padding: 15px;
    }

    .widget-new-returning-visitors .flot.pie {
        height: 390px;
        margin: 25px 0;
    }
}

/*END*/