/* sys_status css */

.sys_status, .sys_status a {
    font-family: Trebuchet MS;
}

.sys_status_chart, .sys_status_chart_number {
    float: left;
    padding: 5px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 1px;
    color: #363636 !important;
    font: "Trebuchet MS, Arial" !important;
    width: 33%;
    border: 0px solid red;
}


.sys_status_chart_number {
    margin: 0px;
    margin-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border: 0px solid #808080;
    font: "Trebuchet MS, Arial" !important;
}

.sys_status_chart_divider {
    border-left: 1px solid rgba(128, 128, 128, .15);
    height: 80px;
}

.sys_status_chart_number > .number {
    color: #363636 !important;
    font-size: 32px;
    padding-bottom: 8px;
}

.sys_status_chart_number > .label {
    font-size: 12px;
    color: #808080;
    margin-top: 7px;
}

.dashboard_sys_status_container .percentage,
.dashboard_sys_status_container .label {
    text-align: center;
    color: #808080 !important;
    font-weight: 100;
    font-size: 1.2em;
    margin-bottom: 0.1em;
    font-size: 12px;
    padding-top: 5px;
}

.dashboard_sys_status_container {
    width: 95%;
    /*width: 650px;*/
    margin: auto;
    /*text-align: center;*/
    /*position: fixed;*/
    /*bottom: 0px;*/
    /*top: 0px;*/
    /*background-color: rgba(32, 32, 32, .75);*/
}

.dashboard_sys_status_container .easyPieChart {
    position: relative;
    text-align: center;
    color: #363636 !important;
    font-size: 14px;
    font: "Trebuchet MS, Arial" !important;
}


.dashboard_sys_status_container .easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
}




