/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 8, 2015, 10:26:05 AM
    Author     : Developer
*/

.graph-100 {
    width: 100% !important;
}

.databox {
    color: #fff;
    margin: 20px auto;  
    width: 100%;
    min-height: 100px;
/*  -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.8);
    box-shadow: 0px 0px 5px rgba(0,0,0,.8);*/
    position: relative; 
    background-color:#fff ; 
    text-align: center;
}

.databox h2{
    font-size: 18px;
    font-weight: bold;
    margin-top: 5px; 
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

h6{
    
    font-size: 15px;
    font-weight: bold;
    margin-top: 5px; 
    color:#445E7D;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    
}

.databox .value {
    line-height: 50px;
    font-size: 36px;
}

.databox-black {
    background-color: rgba(115, 112, 96,1);
    color:#fff;
}

.databox-green {
    background-color: rgba(68, 206, 181,0.8);
}

.databox-yellow {
    background-color: rgba(230, 106, 93,0.8);
}

.databox-gray {
    background-color: rgba(156,156,156,0.5);
}

.databox-red {
    background-color: rgba(99, 85, 135,0.7);
}

.databox-white {
    //color: rgba(255,255,255,0.75);
}