@charset "UTF-8";

/* 将项目 css 与框架 css 分开放，便于维护 */

/* font_awesome.html 使用样式 */
.panel-body {
    /* flex 元素多行时多行的对齐方式，默认值 stretch 占满整个交叉轴 */
    align-content: flex-start;
    flex-wrap: wrap;
    padding: 20px;
}
.home-main .panel-body div.fa-box {
    flex: 0 0 auto;
    width: 160px;
    margin: 0 20px 20px 0px;
    padding: 20px 0;
}
.home-main .panel-body div.fa-box i {
    font-size: 35px;
    color: #555;
    margin-bottom: 0.8rem;
}
.fa-box p {
    font-size: 15px;
}
.home-main .panel-body div.fa-box i:hover,
.home-main .panel-body div.fa-box p:hover {
    color: #28a745;
}
.home-main .panel-body div.fa-box i:hover {
    font-size: 36px;
    /* cursor: pointer; */
}

div.panel-header {
    color: #28a745;
    font-weight: bold;
    font-size: 18px;
}

.panel-body.doc p {
    margin:12px;
    font-size: 16px;
}
.panel-body span {
    color:red;
    font-weight:bold;
}

/* 首页 */
.metric-icon {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    font-size: 18px;
}
.metric-value {
    font-size: 24px;
}