@charset "UTF-8";

body { font-size: 12px; }

.m3 { padding:5px; }
.w100 { width: 100px; }
.w100ft12 { width: 100px; font-size:12px; }
.w120 { width: 120px; }
.w150 { width: 150px; }
.savetip {float:right; padding:5px 20px 0px 0px; color:red;}
.mygrp { float: left; padding: 5px; }
.myline {width:100%; padding:15px 10px; border:1px solid #eee; float:left; border-radius:3px; background-color:#f7f8fc;}

.sel2span {float:left; font-size:14px; padding:5px 0px 5px 0px;}
.sel2mt {width:100%; float:left;}

.card{background:white;border-radius:0.5rem;box-shadow:0 0 10px rgba(0,0,0,0.05);border:1px solid #e9ecef;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 125px)}
.card-header{padding:1rem 1.25rem;border-bottom:1px solid #e9ecef;background:#f8fafc;font-weight:600;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}
.card-header h5{margin:0;font-size:1rem}
.table-wrapper{flex:1;overflow:auto;position:relative}
.fixed-table{width:100%;min-width:900px;border-collapse:separate;border-spacing:0;font-size:0.875rem}
.fixed-table th,.fixed-table td{padding:0.75rem 1rem;border-bottom:1px solid #e9ecef;text-align:left;vertical-align:middle;background-color:white}
.fixed-table thead th{position:sticky;top:0;background-color:#f8fafc;border-bottom:2px solid #dee2e6;font-weight:600;color:#2c3e50;z-index:10}
.fixed-table th.sticky-right,.fixed-table td.sticky-right{position:sticky;right:0;background-color:white;box-shadow:-2px 0 5px rgba(0,0,0,0.08);z-index:5}
.fixed-table th.sticky-right-2,.fixed-table td.sticky-right-2{position:sticky;right:100px;background-color:white;z-index:4}
.fixed-table thead th.sticky-right,.fixed-table thead th.sticky-right-2{z-index:15;background-color:#f8fafc}
.fixed-table td.sticky-right-2,.fixed-table th.sticky-right-2{border-left:1px solid #e9ecef}
.fixed-table tbody tr:hover td{background-color:#f1f5f9}
.fixed-table tbody tr:hover td.sticky-right,.fixed-table tbody tr:hover td.sticky-right-2{background-color:#f1f5f9}
.btn-icon{background:transparent;border:none;color:#6c757d;cursor:pointer;margin:0 4px;font-size:0.9rem;transition:0.2s; font-size:12px;}
.btn-icon:hover{color:#1e88e5}
.badge-status{display:inline-block;padding:0.25rem 0.6rem;border-radius:20px;font-size:0.7rem;font-weight:500}
.badge-success{background:#d4edda;color:#155724}
.badge-warning{background:#fff3cd;color:#856404}
.badge-secondary{background:#e9ecef;color:#495057}
.badge-info{background:#d1ecf1;color:#0c5460}

.pagination-container{padding:0.9rem 1.25rem;background:#fefefe;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;flex-shrink:0}
.pagination-info{font-size:0.85rem;color:#6c757d}
.pagination-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.page-size-selector{display:flex;align-items:center;gap:8px;margin-right:12px}
.page-size-selector label{font-size:0.85rem;color:#495057;margin:0}
.form-select-sm{padding:0.25rem 1.5rem 0.25rem 0.75rem;font-size:0.8rem;border-radius:0.25rem;border:1px solid #ced4da;background-color:white;cursor:pointer}
.pagination{display:flex;list-style:none;gap:4px;margin:0;padding:0}
.page-item{display:inline-block}
.page-link{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border-radius:0.25rem;border:1px solid #dee2e6;background-color:white;color:#1e88e5;text-decoration:none;font-size:0.8rem;transition:0.2s;cursor:pointer}
.page-link:hover{background-color:#e9ecef;border-color:#dee2e6}
.page-item.active .page-link{background-color:#1e88e5;border-color:#1e88e5;color:white}
.page-item.disabled .page-link{color:#adb5bd;pointer-events:none;background-color:#f8f9fa}
@media (max-width:640px){.pagination-container{flex-direction:column;align-items:flex-start}
.card-header{flex-direction:column;align-items:flex-start}
}

.nav-tabs{display:flex;border-bottom:1px solid #dee2e6;background:#fff;padding-left:0.75rem;gap:0}
.nav-item{margin-bottom:-1px;list-style:none}
.nav-link{display:block;padding:0.75rem 1.25rem;border:1px solid transparent;border-top-left-radius:0.25rem;border-top-right-radius:0.25rem;color:#6c757d;text-decoration:none;background:transparent;cursor:pointer;transition:all 0.2s;font-weight:500;font-size:14px}
.nav-link:hover{color:#1e88e5;border-color:#e9ecef #e9ecef #dee2e6}
.nav-link.active{color:#1e88e5;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}
.tab-content{padding:1.25rem;background:#fff}
.tab-pane{display:none;animation:fadeIn 0.2s ease}
.tab-pane.active{display:block}

.table-pt_wter{overflow:auto;position:relative}
.pt-table{width:100%;min-width:900px;}
.pt-table th,.pt-table td{border:1px solid #bbb;text-align:left;vertical-align:middle;background-color:white}
.pt-table thead th{position:sticky;top:0;background-color:#fff;border-bottom:1px solid #dee2e6;z-index:10}
.pt-table th.sticky-right,.pt-table td.sticky-right{position:sticky;right:0;background-color:white;box-shadow:-2px 0 5px rgba(0,0,0,0.08);z-index:5}
.pt-table th.sticky-right-2,.pt-table td.sticky-right-2{position:sticky;right:100px;background-color:white;z-index:4}
.pt-table thead th.sticky-right,.pt-table thead th.sticky-right-2{z-index:15;background-color:#f8fafc}
.pt-table td.sticky-right-2,.pt-table th.sticky-right-2{border-left:1px solid #eee}
.pt-table tbody tr:hover td{background-color:#f1f5f9}
.pt-table tbody tr:hover td.sticky-right,.pt-table tbody tr:hover td.sticky-right-2{background-color:#f1f5f9}

td {font-size:12px;}
.m5 { padding:10px 0px 10px 10px;}
.font12 {font-size:12px;}

.hometip {width:100%; border:1px solid #eee; border-radius:5px; height:150px; background-color:#e9f0fd; margin-bottom:20px;}
.tip1 {width:80%; float:left; padding:20px 0px 0px 30px; font-size:12px;}
.tip2 {width:80%; float:left; padding:10px 0px 0px 30px; font-size:24px; font-weight:bold;}
.tip3 {width:80%; float:left; padding:10px 0px 0px 30px; font-size:16px;}

.cardv {width:100%; font-size:16px; padding-bottom:10px;}
.cardt {width:100%; font-size:14px; padding-top:5px;}