html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 20px;
}
/* 横向菜单容器样式 */
.menu-horizontal {
    /* 关键：设置为弹性布局，子元素横向排列 */
    display: flex;
    /* 去除列表默认样式（圆点和内边距） */
    list-style: none;
    padding: 0;
    margin: 0;
    /* 可选：添加背景色和边框 f5f5f5*/
    background-color: #FFFDB6;
    border: 1px solid #ddd;
    font-weight: bold;
    font-family: Verdana;
    font-size: 0.8em;
}

/* 菜单项样式 */
.menu-item {
    /* 可选：设置项之间的间距 */
    margin: 0 5px;
}

    /* 菜单项链接样式 */
    .menu-item a {
        /* 可选：设置链接的内边距（调整点击区域大小） */
        display: block; /* 让链接占满整个 li 区域 */
        padding: 8px 15px;
        text-decoration: none; /* 去除下划线 */
        color: #990000; /* 文字颜色333 */
    }

    /* 选中项样式 */
    .menu-item.selected a {
        background-color: #FFCC66; /* 选中项背景色 007bff*/
        color: white; /* 选中项文字颜色 */
    }

    /* 鼠标悬停样式 */
    .menu-item a:hover {
        background-color: #e9ecef; /* 悬停背景色 */
    }
.user-menu {
    border-top: 1px solid #dee2e6;
    margin-top: 0;
}
/* 自定义样式 */
.form-control:read-only {
    background-color: #e9ecef !important;
}

.table-bordered {
    border: 1px solid #dee2e6;
}

    .table-bordered td, .table-bordered th {
        border: 1px solid #dee2e6;
        padding: 0.25rem;
        font-size: 12px;
    }

.btn-sm {
    padding: 0.1rem 0.3rem;
    font-size: 0.75rem;
}
/* 统一字段表格的字体大小 */
.field-table {
    font-size: 14px; /* 核心：设置基准字体大小，可根据需求调整（如13px、15px） */
}

    /* 确保表格内的字段名（td）继承基准字体 */
    .field-table td {
        font-size: inherit; /* 继承表格的字体大小 */
    }

    /* 统一输入控件（input、select）的字体大小，与表格保持一致 */
    .field-table .form-control {
        font-size: 14px; /* 必须与 .field-table 的 font-size 相同 */
        padding: 0.25rem 0.5rem; /* 可选：调整输入框内边距，与字体大小匹配 */
    }
/* 针对所有带 .table 类的表格（你的页面中已使用 table 类） */
.table td {
    vertical-align: middle; /* 核心：垂直居中对齐 */
}
/* 仅针对标签所在的 td 垂直居中 */
.label-td {
    vertical-align: middle;
}
/* 响应式调整 */
@media (max-width: 1400px) {
    .container-fluid {
        padding: 0 10px;
    }
}
.h20 {
    height: 20px;
}

.h60 {
    height: 60px;
}

.h600 {
    height: 600px;
}

.w-100 {
    width: 100%;
}

.wl-40 {
    width: 40px;
    text-align: left;
}

.wl-60 {
    width: 60px;
    text-align: left;
}

.wl-70 {
    width: 70px;
    text-align: left;
}

.wl-80 {
    width: 80px;
    text-align: left;
}

.wl-90 {
    width: 90px;
    text-align: left;
}

.wl-100 {
    width: 100px;
    text-align: left;
}

.wl-120 {
    width: 120px;
    text-align: left;
}

.wl-130 {
    width: 130px;
    text-align: left;
}

.wl-140 {
    width: 140px;
    text-align: left;
}

.wl-150 {
    width: 150px;
    text-align: left;
}

.wl-160 {
    width: 160px;
    text-align: left;
}

.wl-170 {
    width: 170px;
    text-align: left;
}

.wl-180 {
    width: 180px;
    text-align: left;
}

.wl-190 {
    width: 190px;
    text-align: left;
}

.wl-200 {
    width: 200px;
    text-align: left;
}

.wl-210 {
    width: 210px;
    text-align: left;
}

.wl-220 {
    width: 220px;
    text-align: left;
}

.wl-230 {
    width: 230px;
    text-align: left;
}

.wl-240 {
    width: 240px;
    text-align: left;
}

.wl-250 {
    width: 250px;
    text-align: left;
}

.wl-260 {
    width: 260px;
    text-align: left;
}

.wl-270 {
    width: 270px;
    text-align: left;
}

.wl-280 {
    width: 280px;
    text-align: left;
}

.wl-300 {
    width: 300px;
    text-align: left;
}

.wl-320 {
    width: 320px;
    text-align: left;
}

.wl-330 {
    width: 330px;
    text-align: left;
}

.wl-340 {
    width: 340px;
    text-align: left;
}

.wl-350 {
    width: 350px;
    text-align: left;
}

.wl-360 {
    width: 360px;
    text-align: left;
}

.wl-370 {
    width: 370px;
    text-align: left;
}

.wl-380 {
    width: 380px;
    text-align: left;
}

.wl-400 {
    width: 400px;
    text-align: left;
}

.wl-420 {
    width: 420px;
    text-align: left;
}

.wl-450 {
    width: 450px;
    text-align: left;
}

.wl-460 {
    width: 460px;
    text-align: left;
}

.wl-470 {
    width: 470px;
    text-align: left;
}

.wl-480 {
    width: 480px;
    text-align: left;
}

.wl-500 {
    width: 500px;
    text-align: left;
}

.wl-560 {
    width: 560px;
    text-align: left;
}

.wl-600 {
    width: 600px;
    text-align: left;
}

.wl-620 {
    width: 620px;
    text-align: left;
}

.wl-650 {
    width: 650px;
    text-align: left;
}

.wl-700 {
    width: 700px;
    text-align: left;
}

.wl-710 {
    width: 710px;
    text-align: left;
}

.wl-720 {
    width: 720px;
    text-align: left;
}

.w30 {
    width: 30px;
    text-align: center;
}

.w40 {
    width: 40px;
    height: 18px;
    text-align: center;
}

.w50 {
    width: 50px;
    height: 18px;
    text-align: center;
}

.w60 {
    width: 60px;
    height: 18px;
    text-align: center;
}

.w70 {
    width: 70px;
    height: 18px;
    text-align: center;
}

.w80 {
    width: 80px;
    height: 18px;
    text-align: center;
}

.w90 {
    width: 90px;
    height: 18px;
    text-align: center;
}

.w100 {
    width: 100px;
    height: 18px;
    text-align: center;
}

.w120 {
    width: 120px;
    height: 18px;
    text-align: center;
}

.w130 {
    width: 130px;
    text-align: center;
}

.w138 {
    width: 138px;
    text-align: center;
}

.w140 {
    width: 140px;
    text-align: center;
}

.w150 {
    width: 150px;
    text-align: center;
}

.w160 {
    width: 160px;
    text-align: center;
}

.w180 {
    width: 180px;
    text-align: center;
}

.w190 {
    width: 190px;
    text-align: center;
}

.w200 {
    width: 200px;
    text-align: center;
}

.w210 {
    width: 210px;
    text-align: center;
}

.w240 {
    width: 240px;
    text-align: center;
}

.w250 {
    width: 250px;
    text-align: center;
}

.w280 {
    width: 280px;
    text-align: center;
}

.w300 {
    width: 300px;
    text-align: center;
}

.w360 {
    width: 360px;
    text-align: center;
}

.w380 {
    width: 380px;
    text-align: center;
}

.w400 {
    width: 400px;
    text-align: center;
}

.w500 {
    width: 500px;
    text-align: center;
}

.w600 {
    width: 600px;
    text-align: center;
}

.w700 {
    width: 700px;
    text-align: center;
}

.w760 {
    width: 760px;
    text-align: center;
}

.w800 {
    width: 800px;
    text-align: center;
}

.w850 {
    width: 850px;
    text-align: center;
}
.w900 {
    width: 900px;
    text-align: center;
}
.w910 {
    width: 910px;
    text-align: center;
}

.w950 {
    width: 950px;
    text-align: center;
}

.w1000 {
    width: 1000px;
    text-align: center;
}

.w1100 {
    width: 1100px;
    text-align: center;
}

.w1200 {
    width: 1200px;
    text-align: center;
}

.w1300 {
    width: 1300px;
    text-align: center;
}