/* 面板样式 */
.panel {
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #f5f5f5;
}

.panel-body {
    padding: 15px;
}

/* 边距工具类 */
.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

/* 卡片样式 */
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}

/* 背景颜色 */
.bg-light {
    background-color: #f8f9fa !important;
}

.bg-info {
    background-color: #17a2b8 !important;
}

/* 文本颜色和格式 */
.text-white {
    color: #fff !important;
}

.font-weight-bold {
    font-weight: bold !important;
}

/* 表格增强 */
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* 表单字段样式 */
.modified-field {
    background-color: #ffe0e0;
}

/* 一些辅助类 */
.ml-3 {
    margin-left: 1rem !important;
}

.d-block {
    display: block !important;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

.text-info {
    color: #17a2b8 !important;
}

.text-muted {
    color: #6c757d !important;
}



/* 截断文本的工具提示样式 */
#GridFormuIngCheckView span[title] {
    cursor: help;
    border-bottom: 1px dotted #999;
    position: relative;
}

    #GridFormuIngCheckView span[title]:hover {
        background-color: #f5f5f5;
    }



/* 高亮行的样式 */
.highlighted-row {
    background-color: #e8ffe8 !important; /* 淡绿色 */
}

    /* 鼠标悬停时的效果 */
    .highlighted-row:hover {
        background-color: #d0ffd0 !important; /* 稍深的绿色 */
    }

/* 确保在striped表格中也能正确显示 */
.table-striped > tbody > tr.highlighted-row:nth-of-type(odd) {
    background-color: #e8ffe8 !important;
}

    .table-striped > tbody > tr.highlighted-row:nth-of-type(odd):hover {
        background-color: #d0ffd0 !important;
    }

/* 风险高亮行的样式 */
.risk-highlighted-row {
    background-color: #ffe6e6 !important; /* 淡红色 */
}

/* 鼠标悬停时的效果 */
.risk-highlighted-row:hover {
    background-color: #ffd0d0 !important; /* 稍深的红色 */
}

/* 确保在striped表格中也能正确显示 */
.table-striped > tbody > tr.risk-highlighted-row:nth-of-type(odd) {
    background-color: #ffe6e6 !important;
}

.table-striped > tbody > tr.risk-highlighted-row:nth-of-type(odd):hover {
    background-color: #ffd0d0 !important;
}