/*

* Widget
*/

.widget {

border: 1px solid #d9d9d9;
border-radius: 5px;
height: 100%;
position: relative;
margin-bottom: 20px;

}

.widget .body {

padding: 10px;

}

.widget .name {

position: relative;
text-transform: uppercase;
text-align: center;
color: #5C5C5C;
padding-bottom: 5px;

}

.widget .bottom-bar {

position: relative;
background-color: #f3f3f3;
border-top: 1px solid #d9d9d9;
padding: 10px;

}

.widget .last-update-at {

font-size: 11px;
font-weight: 200;
color: #8c8c8c;

}

.widget .last-update-at .time {

font-weight: 500;

}

.widget.danger .body {

background-color: #F59F97;

}

.widget.warning .body {

background-color: #f5ce97;

}

/*

* CounterWidget
*/

.counter-widget .value {

text-align: center;
padding: 20px 20px 0px 20px;
font-size: 40px;
color: #666666;

}

/*

* LineChartWidget
*/

.line-chart-widget .chart {

width: 100% !important;

}

.line-chart-widget .name {

padding-top: 10px;

}

.line-chart-widget .legend {

height: 20px;
width: 100%;
position: relative;

}

.line-chart-widget .legend ul {

list-style: none;
position: relative;
width: 100%;
height: 100%;

}

.line-chart-widget .legend li {

float: left;
margin-right: 20px;

}

.line-chart-widget .legend li > span {

width: 15px;
height: 15px;
display: inline-block;
position: relative;
margin-right: 5px;

}

/*

* StatusWidget
*/

.status-widget .status {

margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 60px;
border-radius: 50%;
height: 60px;
margin-bottom: 10px;

}

.status-widget.danger .body {

background-color: white;

}

.status-widget.warning .body {

background-color: white;

}

.status-widget.ok .status {

background-color: #32986C;

}

.status-widget.danger .status {

background-color: #F59F97;

}

.status-widget.warning .status {

background-color: #f5ce97;

}