/* 设置字段集的基本样式，形成一个视觉上的“框” */
.checkbox-group {
    border: 1px solid #ccc; /* 边框颜色和粗细 */
    border-radius: 5px;     /* 圆角 */
    padding: 10px;
    /* width: 250px; 框的宽度 */
}

/* 设置标题样式 */
.checkbox-group legend {
    font-weight: bold;
    padding: 0 5px; /* 让标题和边框有点间距 */
}

/* 这是关键：控制复选框列表容器的高度和滚动条 */
.checkbox-container {
    height: 120px; /* 通过调整这个高度值，大致控制显示5行的高度 */
    overflow-y: auto; /* 当内容超出高度时，显示垂直滚动条 */
    padding: 5px;
}

/* 每个复选框选项的样式，保证每行一个 */
.checkbox-container label2 {
    display: block; /* 让每个标签占满一行 */
    margin: 5px 0;  /* 设置上下间距，控制行高 */
    cursor: pointer;
}


    /* 默认边框样式（可选）  2025-11-02 17:56:51 刷卡记录显示*/
.divInfoMonitorMoreRecord {
    border: 2px solid transparent; /* 初始化为透明边框，避免布局抖动 */
    border-radius: 7px; /* 可选：圆角，与您的 br-7 类效果类似 */
    padding: 15px; /* 可选：内边距 */
    transition: border-color 0.3s ease; /* 可选：添加颜色变化过渡效果 */
}

/* 定义绿色边框的类 */
.border-status-open {
    border-color: green !important; /* 使用 !important 确保优先级 */
}

/* 可以定义其他状态的颜色，例如禁止状态为红色 */
.border-status-denied {
    border-color: red !important;
}