/*
* 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;
}