/* Super Vision - modern look, loaded on every page after the template CSS */
:root {
    --sv-navy: #042954;
    --sv-navy-2: #0b3a75;
    --sv-amber: #ffa901;
    --sv-bg: #f3f6fb;
    --sv-card: #ffffff;
    --sv-line: #e4e9f2;
    --sv-text: #1f2a44;
    --sv-muted: #6b7a99;
    --sv-green: #16a34a;
    --sv-red: #dc2626;
    --sv-radius: 12px;
    --sv-shadow: 0 2px 14px rgba(4, 41, 84, .07);
}
body, .wrapper, .bg-ash { background: var(--sv-bg) !important; }
body { font-family: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif; color: var(--sv-text); }

/* ---------- top bar ---------- */
.header-menu-one { box-shadow: 0 1px 8px rgba(4, 41, 84, .08); border-bottom: 1px solid var(--sv-line); }

/* ---------- premium sidebar (dark navy, high contrast) ---------- */
.sidebar-color, .sidebar-main.sidebar-color { background: linear-gradient(185deg, #0c2f62 0%, #072148 48%, #051630 100%) !important; border-right: 0; box-shadow: 4px 0 24px rgba(4, 22, 51, .18); }
.sidebar-menu-one .sidebar-menu-content { scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.25) transparent; padding: 10px 0 3rem; }
.sidebar-menu-one .sidebar-menu-content::-webkit-scrollbar { width: 6px; }
.sidebar-menu-one .sidebar-menu-content::-webkit-scrollbar-thumb { background: rgba(255,255,255,.22); border-radius: 6px; }
.sidebar-menu-one .sidebar-menu-content .nav-sidebar-menu > .nav-item { border-bottom: 0 !important; margin: 2px 12px; }
.sidebar-menu-one .sidebar-menu-content .nav-sidebar-menu > .nav-item > .nav-link {
    border-radius: 12px; padding: 11px 14px 11px 16px !important; display: flex; align-items: center; color: #dbe6f7;
    transition: background .18s, box-shadow .18s, transform .12s; margin: 0 !important;
}
.sidebar-menu-one .sidebar-menu-content .nav-sidebar-menu > .nav-item > .nav-link span { color: #dbe6f7 !important; font-size: 15px !important; font-weight: 500; letter-spacing: .01em; }
.sidebar-menu-one .sidebar-menu-content .nav-sidebar-menu > .nav-item > .nav-link:hover { background: rgba(255, 255, 255, .09); }
.sidebar-menu-one .sidebar-menu-content .nav-sidebar-menu > .nav-item > .nav-link:hover span { color: #ffffff !important; }
.sidebar-menu-one .sidebar-menu-content .nav-sidebar-menu > .nav-item > .nav-link.menu-active {
    background: linear-gradient(90deg, rgba(255, 169, 1, .30), rgba(255, 169, 1, .07)) !important; box-shadow: inset 3px 0 0 #ffa901; color: #fff !important;
}
.sidebar-menu-one .sidebar-menu-content .nav-sidebar-menu > .nav-item > .nav-link.menu-active span { color: #ffffff !important; font-weight: 700; }
.sidebar-menu-one .sidebar-menu-content .nav-sidebar-menu .sidebar-nav-item > .nav-link:after { color: #9db4da !important; right: 16px; }
.sidebar-menu-one .sidebar-menu-content .nav-sidebar-menu > .nav-item.sidebar-nav-item > .nav-link:hover:after { color: #ffffff !important; }
lord-icon { flex: 0 0 auto; padding-top: 0 !important; margin-right: 12px !important; }

/* sub menus */
.sidebar-menu-one .sidebar-menu-content .nav-sidebar-menu > .nav-item .sub-group-menu {
    background: rgba(2, 12, 30, .38) !important; border-radius: 12px; margin: 4px 0 6px; padding: 6px 0 !important;
}
.sidebar-menu-one .sidebar-menu-content .nav-sidebar-menu > .nav-item .sub-group-menu > .nav-item .nav-link {
    color: #c9d6ee !important; font-size: 14px; padding: 9px 14px 9px 40px !important; border-radius: 9px; margin: 1px 6px; font-weight: 500;
}
.sidebar-menu-one .sidebar-menu-content .nav-sidebar-menu > .nav-item .sub-group-menu > .nav-item .nav-link i { color: #6f88b5; font-size: 11px; margin-right: 8px; }
.sidebar-menu-one .sidebar-menu-content .nav-sidebar-menu > .nav-item .sub-group-menu > .nav-item .nav-link:hover { background: rgba(255, 255, 255, .09) !important; color: #ffffff !important; }
.sidebar-menu-one .sidebar-menu-content .nav-sidebar-menu > .nav-item .sub-group-menu > .nav-item .nav-link.menu-active {
    background: rgba(255, 169, 1, .16) !important; color: #ffd36e !important; font-weight: 700; box-shadow: inset 3px 0 0 #ffa901;
}
.sidebar-menu-one .sidebar-menu-content .nav-sidebar-menu > .nav-item .sub-group-menu > .nav-item .nav-link.menu-active i { color: #ffa901; }
.sidebar-menu-one .mobile-sidebar-header { border-bottom: 1px solid rgba(255,255,255,.1) !important; }
.sv-nav-title { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: #7f98c4; padding: 14px 24px 4px; font-weight: 700; }
/* ---------- cards ---------- */
.card { border: 1px solid var(--sv-line) !important; border-radius: var(--sv-radius) !important; box-shadow: var(--sv-shadow) !important; background: var(--sv-card); }
.card { height: auto !important; }
.card .card-body { padding: 24px; }
.heading-layout1 .item-title h3, .item-title h3 { font-size: 19px; font-weight: 700; color: var(--sv-navy); }
.dashboard-content-one { padding-bottom: 20px; }

/* ---------- forms ---------- */
.form-control, .new-added-form .form-control, .select2-container--default .select2-selection--single {
    border-radius: 9px !important; border: 1px solid #d5ddec !important; background: #fff !important; min-height: 44px; box-shadow: none !important;
}
.form-control:focus { border-color: var(--sv-navy-2) !important; box-shadow: 0 0 0 3px rgba(11, 58, 117, .12) !important; }
label { font-weight: 600; color: var(--sv-text); font-size: 13.5px; }

/* ---------- buttons ---------- */
.btn-fill-lg, .btn-fill-md, .fw-btn-fill, .btn-fill-sm { border-radius: 9px !important; font-weight: 600; letter-spacing: .01em; transition: transform .1s, box-shadow .15s; }
.btn-gradient-yellow { background: linear-gradient(135deg, #ffb52a, #ffa000) !important; border: 0 !important; color: #fff !important; box-shadow: 0 3px 10px rgba(255, 169, 1, .35); }
.btn-gradient-yellow:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(255, 169, 1, .4); }
.sv-btn { display: inline-flex; align-items: center; gap: 6px; border: 0; border-radius: 9px; padding: 10px 18px; font-weight: 600; font-size: 14px; cursor: pointer; text-decoration: none !important; transition: transform .1s, box-shadow .15s; }
.sv-btn:hover { transform: translateY(-1px); }
.sv-btn-primary { background: var(--sv-navy); color: #fff !important; box-shadow: 0 3px 10px rgba(4, 41, 84, .25); }
.sv-btn-amber { background: linear-gradient(135deg, #ffb52a, #ffa000); color: #fff !important; box-shadow: 0 3px 10px rgba(255, 169, 1, .35); }
.sv-btn-light { background: #eef2f9; color: var(--sv-navy) !important; }
.sv-btn-danger { background: #fdecec; color: var(--sv-red) !important; }
.sv-btn-lg { padding: 14px 26px; font-size: 16px; }
.sv-btn[disabled] { opacity: .5; cursor: not-allowed; }

/* ---------- tables ---------- */
.table thead th { background: #f4f7fc; color: var(--sv-navy); font-weight: 700; border-bottom: 1px solid var(--sv-line) !important; font-size: 13px; }
.table td, .table th { vertical-align: middle; border-color: var(--sv-line) !important; }
.table-hover tbody tr:hover, .table.display tbody tr:hover { background: #f8fbff; }

/* ---------- alerts ---------- */
.alert { border-radius: 10px; border: 0; box-shadow: var(--sv-shadow); }
.alert-primary { background: #e8f7ee; color: #14532d; border-left: 4px solid var(--sv-green); }
.alert-danger { background: #fdecec; color: #7f1d1d; border-left: 4px solid var(--sv-red); }

/* ---------- reusable pieces for the fees / receipt screens ---------- */
.sv-page-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 22px 0 16px; }
.sv-page-head h2 { margin: 0; font-size: 22px; font-weight: 800; color: var(--sv-navy); }
.sv-page-head p { margin: 2px 0 0; color: var(--sv-muted); font-size: 14px; }
.sv-tabs { display: flex; gap: 6px; flex-wrap: wrap; }
.sv-tabs a { padding: 8px 16px; border-radius: 999px; background: #fff; border: 1px solid var(--sv-line); color: var(--sv-navy); font-weight: 600; font-size: 14px; text-decoration: none; }
.sv-tabs a.active { background: var(--sv-navy); color: #fff; border-color: var(--sv-navy); }
.sv-search { display: flex; gap: 10px; flex-wrap: wrap; }
.sv-search input[type=text], .sv-search select { flex: 1 1 220px; }
.sv-stu-card { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
.sv-avatar { width: 58px; height: 58px; border-radius: 50%; background: var(--sv-navy); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 700; overflow: hidden; flex: 0 0 58px; }
.sv-avatar img { width: 100%; height: 100%; object-fit: cover; }
.sv-meta { color: var(--sv-muted); font-size: 13.5px; }
.sv-meta b { color: var(--sv-text); }
.sv-pill { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; }
.sv-pill-green { background: #e0f5e9; color: #146c3a; }
.sv-pill-red { background: #fde4e4; color: #a31616; }
.sv-pill-grey { background: #eceff5; color: #55627f; }
.sv-pill-blue { background: #e4eefc; color: #164a9b; }
.sv-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 10px; }
.sv-item { position: relative; border: 2px solid var(--sv-line); border-radius: 12px; padding: 10px 12px; background: #fff; cursor: pointer; user-select: none; transition: border-color .12s, background .12s, transform .1s; display: block; margin: 0; }
.sv-item input { position: absolute; opacity: 0; pointer-events: none; }
.sv-item .nm { font-weight: 700; color: var(--sv-navy); font-size: 14px; }
.sv-item .am { font-size: 13px; color: var(--sv-muted); }
.sv-item:hover { border-color: #9db6dd; transform: translateY(-1px); }
.sv-item.sel { border-color: var(--sv-amber); background: #fff8e6; }
.sv-item.sel::after { content: "\2713"; position: absolute; top: 6px; right: 9px; color: #c27c00; font-weight: 800; }
.sv-item.paid { background: #eef9f2; border-color: #bfe5cc; cursor: default; }
.sv-item.paid .nm { color: #146c3a; }
.sv-item.paid::after { content: "PAID"; position: absolute; top: 7px; right: 8px; font-size: 9px; font-weight: 800; color: #146c3a; letter-spacing: .05em; }
.sv-item.na { opacity: .45; cursor: not-allowed; }
.sv-section-t { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--sv-muted); font-weight: 800; margin: 18px 0 8px; }
.sv-summary { position: sticky; top: 80px; }
.sv-summary .row-s { display: flex; justify-content: space-between; padding: 7px 0; border-bottom: 1px dashed var(--sv-line); font-size: 14px; }
.sv-summary .row-s.big { font-size: 22px; font-weight: 800; color: var(--sv-navy); border-bottom: 0; padding-top: 12px; }
.sv-modes { display: flex; flex-wrap: wrap; gap: 8px; }
.sv-modes label { margin: 0; cursor: pointer; }
.sv-modes input { position: absolute; opacity: 0; }
.sv-modes span { display: inline-block; padding: 9px 16px; border: 2px solid var(--sv-line); border-radius: 10px; font-weight: 600; background: #fff; color: var(--sv-text); }
.sv-modes input:checked + span { border-color: var(--sv-navy); background: var(--sv-navy); color: #fff; }
.sv-stat { display: flex; flex-direction: column; gap: 2px; padding: 16px 18px; border-radius: var(--sv-radius); background: #fff; border: 1px solid var(--sv-line); box-shadow: var(--sv-shadow); }
.sv-stat .v { font-size: 24px; font-weight: 800; color: var(--sv-navy); }
.sv-stat .l { font-size: 12px; color: var(--sv-muted); text-transform: uppercase; letter-spacing: .06em; font-weight: 700; }
.sv-empty { text-align: center; color: var(--sv-muted); padding: 34px 10px; }
@media (max-width: 767px) { .sv-summary { position: static; } .card .card-body { padding: 16px; } }

/* =====================================================================
   Re-skin of the original template pages (lists, forms, dashboards, modals, login)
   ===================================================================== */
/* page titles in the grey bar / breadcrumbs */
.breadcrumbs-area { margin-bottom: 16px; }
.breadcrumbs-area h3 { font-weight: 800; color: var(--sv-navy); font-size: 22px; }
.breadcrumbs-area ul li, .breadcrumbs-area ul li a { color: var(--sv-muted); }
.header-menu-one .header-admin .admin-name, .header-menu-one .admin-title h5 { color: var(--sv-navy); }

/* section headings inside cards */
.heading-layout1 { margin-bottom: 18px; }
.heading-layout1 .item-title h3 { position: relative; padding-left: 14px; }
.heading-layout1 .item-title h3::before { content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 4px; border-radius: 4px; background: var(--sv-amber); }

/* search / filter bars used on list pages */
.mg-b-20.new-added-form .form-control, form.mg-b-20 .form-control, .gutters-8 .form-control { min-height: 46px; }
form.mg-b-20 select, .gutters-8 select { border-radius: 9px !important; border: 1px solid #d5ddec !important; background: #fff !important; min-height: 46px; padding: 0 12px; }
.fw-btn-fill { min-height: 46px; display: flex; align-items: center; justify-content: center; }
.btn-gradient-yellow lord-icon, .fw-btn-fill lord-icon { margin: 0 4px 0 0 !important; }

/* tables (plain, dataTables, data-table) */
.table { color: var(--sv-text); }
.table thead th { padding: 14px 14px; white-space: nowrap; }
.table td { padding: 13px 14px; }
.table.display tbody tr, .table.data-table tbody tr, .table-hover tbody tr { transition: background .12s; }
.table tbody tr:last-child td { border-bottom: 0; }
.table-striped tbody tr:nth-of-type(odd) { background: #fafcff; }
.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select { border-radius: 9px; border: 1px solid #d5ddec; padding: 6px 10px; }
.table-responsive { border-radius: 10px; }
.table img { border-radius: 50%; object-fit: cover; }

/* pagination */
.pagination .page-link, .dataTables_paginate .paginate_button, .pagination-btn a { border-radius: 9px !important; border: 1px solid var(--sv-line) !important; color: var(--sv-navy) !important; margin: 0 2px; font-weight: 600; }
.pagination .active .page-link, .dataTables_paginate .paginate_button.current { background: var(--sv-navy) !important; color: #fff !important; border-color: var(--sv-navy) !important; }

/* badges / status */
.badge { border-radius: 999px; padding: 5px 11px; font-weight: 700; }
.badge-success, .bg-success { background: #16a34a !important; }
.badge-danger { background: #dc2626 !important; }

/* modals */
.modal-content { border: 0; border-radius: 16px; box-shadow: 0 20px 60px rgba(4, 22, 51, .28); overflow: hidden; }
.modal-header { background: linear-gradient(135deg, #0c2f62, #072148); color: #fff; border: 0; padding: 16px 22px; }
.modal-header .modal-title, .modal-header h5 { color: #fff; font-weight: 700; }
.modal-header .close { color: #fff; opacity: .85; text-shadow: none; }
.modal-footer { border-top: 1px solid var(--sv-line); }
.footer-btn { border-radius: 9px !important; font-weight: 600; }

/* dashboards: summary tiles */
.dashboard-summery-one, .dashboard-summery-two { border: 1px solid var(--sv-line) !important; border-radius: var(--sv-radius) !important; box-shadow: var(--sv-shadow) !important; transition: transform .15s, box-shadow .15s; }
.dashboard-summery-one:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(4, 41, 84, .12) !important; }
.dashboard-summery-one .item-title, .dashboard-summery-one .item-number { color: var(--sv-navy); }
.dashboard-summery-one .item-number { font-weight: 800; }

/* attendance sheet, radio / checkbox rows */
.form-check-input, input[type=checkbox], input[type=radio] { accent-color: var(--sv-navy); }
.table .form-check { margin: 0; }

/* footer */
.footer-wrap-layout1 { color: var(--sv-muted); font-size: 13px; border-top: 1px solid var(--sv-line); margin-top: 24px; padding-top: 14px; }
.footer-wrap-layout1 a { color: var(--sv-navy); font-weight: 600; }
.scrollUp, #scrollUp { border-radius: 12px; background: var(--sv-navy); }

/* select2 */
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 42px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 42px; }
.select2-dropdown { border-radius: 10px; border-color: var(--sv-line); box-shadow: 0 8px 24px rgba(4,41,84,.14); }

/* ---------- login page ---------- */
.login-page-wrap { background: radial-gradient(circle at 20% 10%, #12427f 0%, #072148 45%, #040f26 100%) !important; }
.login-page-wrap::before { opacity: .12; }
.login-page-wrap .login-page-content { background: transparent; }
.login-page-wrap .login-box { border-radius: 18px !important; box-shadow: 0 30px 80px rgba(2, 10, 28, .55) !important; border: 0; padding: 34px 38px !important; }
.login-page-wrap .login-box .item-logo { text-align: center; margin-bottom: 8px; }
.login-page-wrap .login-box .form-control { min-height: 48px; padding-right: 40px; }
.login-page-wrap .login-btn { background: linear-gradient(135deg, #ffb52a, #ffa000) !important; color: #fff !important; border: 0 !important; border-radius: 10px !important; font-weight: 700; letter-spacing: .02em; box-shadow: 0 8px 20px rgba(255, 169, 1, .35); min-height: 50px; }
.login-page-wrap .login-btn:hover { transform: translateY(-1px); }
.login-page-wrap .forgot-btn { color: var(--sv-muted) !important; font-size: 13px; }
.login-form label { font-weight: 700; color: var(--sv-navy); }
/* template colour utility classes -> brand palette */
.bg-dodger-blue, .btn.bg-dodger-blue, .btn-fill-md.bg-dodger-blue, .btn-fill-lg.bg-dodger-blue { background: var(--sv-navy) !important; color: #fff !important; border-color: var(--sv-navy) !important; }
.bg-orange-red, .btn.bg-orange-red, .bg-red, .btn.bg-red, .btn-danger { background: #dc2626 !important; color: #fff !important; border-color: #dc2626 !important; }
.bg-blue-dark, .btn.bg-blue-dark { background: #3b4a66 !important; color: #fff !important; }
.bg-light-green, .btn.bg-light-green, .btn-success { background: #16a34a !important; color: #fff !important; border-color: #16a34a !important; }
.btn-fill-md, .btn-fill-lg, .btn-fill-sm, .btn { border-radius: 9px !important; font-weight: 600; }
.btn-fill-md:hover, .btn-fill-lg:hover, .btn-fill-sm:hover { filter: brightness(1.06); }
.text-light-medium, .text-dark-medium { color: var(--sv-text) !important; }
.single-info-details .item-content, .single-info-details { color: var(--sv-text); }
.single-info-details .item-title h3 { color: var(--sv-navy); }
.info-table tbody th, .table-sm th { color: var(--sv-muted); font-weight: 600; }
.card-body table.table-borderless td, .card-body table.table-borderless th { border: 0 !important; }
/* ===== action buttons (Save / Update / Delete / Reset / Edit) in the new look ===== */
.btn-fill-lg, .btn-fill-md, .btn-fill-sm, .fw-btn-fill {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid transparent !important; line-height: 1.2;
    padding: 12px 26px !important; font-size: 15px !important; font-weight: 700 !important; border-radius: 10px !important; letter-spacing: .01em;
    cursor: pointer; transition: transform .12s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
}
.btn-fill-md, .btn-fill-sm { padding: 9px 20px !important; font-size: 14px !important; }
.btn-fill-lg:hover, .btn-fill-md:hover, .btn-fill-sm:hover { transform: translateY(-1px); filter: none; }
.btn-fill-lg:active, .btn-fill-md:active, .btn-fill-sm:active { transform: translateY(0); }
/* primary (Save / Update / Search) */
.btn-gradient-yellow { background: linear-gradient(135deg, #ffb52a, #ff9d00) !important; color: #fff !important; box-shadow: 0 4px 12px rgba(255, 157, 0, .35) !important; }
.btn-gradient-yellow:hover { box-shadow: 0 8px 20px rgba(255, 157, 0, .42) !important; color: #fff !important; }
/* Delete in forms: soft red, turns solid on hover */
.btn-fill-lg.bg-orange-red, .btn-fill-md.bg-orange-red {
    background: #fdecec !important; color: #b91c1c !important; border-color: #f6c4c4 !important; box-shadow: none !important;
}
.btn-fill-lg.bg-orange-red:hover, .btn-fill-md.bg-orange-red:hover { background: #dc2626 !important; color: #fff !important; border-color: #dc2626 !important; box-shadow: 0 6px 16px rgba(220, 38, 38, .3) !important; }
/* Reset / Cancel: soft blue-grey */
.btn-fill-lg.bg-blue-dark, .btn-fill-md.bg-blue-dark {
    background: #eef2f9 !important; color: var(--sv-navy) !important; border-color: #d8e0ef !important; box-shadow: none !important;
}
.btn-fill-lg.bg-blue-dark:hover, .btn-fill-md.bg-blue-dark:hover { background: var(--sv-navy) !important; color: #fff !important; border-color: var(--sv-navy) !important; box-shadow: 0 6px 16px rgba(4, 41, 84, .25) !important; }
/* Edit / Delete on detail pages (white icon buttons): solid, rounded, with shadow */
.btn-fill-md.bg-dodger-blue, .btn.bg-dodger-blue { background: linear-gradient(135deg, #12427f, #072148) !important; color: #fff !important; box-shadow: 0 4px 12px rgba(4, 41, 84, .28); border: 0 !important; }
.btn-fill-sm.bg-red, .btn.bg-red, .btn-fill-md.bg-red { background: linear-gradient(135deg, #ef4444, #dc2626) !important; color: #fff !important; box-shadow: 0 4px 12px rgba(220, 38, 38, .28); border: 0 !important; }
.btn-fill-md.bg-dodger-blue lord-icon, .btn-fill-sm.bg-red lord-icon { margin: 0 !important; width: 20px !important; height: 20px !important; padding: 0 !important; }
/* modal buttons */
.footer-btn { padding: 10px 22px !important; border-radius: 10px !important; font-weight: 700 !important; border: 0 !important; }
.footer-btn.bg-dark-low { background: #eef2f9 !important; color: var(--sv-navy) !important; }
.footer-btn.btn-danger { background: linear-gradient(135deg, #ef4444, #dc2626) !important; color: #fff !important; box-shadow: 0 4px 12px rgba(220, 38, 38, .28); }
/* icon-only table action buttons / links */
.table .btn, .table a.btn { padding: 6px 14px; font-size: 13px; }
.table .btn-danger, .table .bg-red { background: #fdecec !important; color: #b91c1c !important; box-shadow: none; }
.table .btn-primary, .table .bg-dodger-blue { background: #e8eefb !important; color: var(--sv-navy) !important; box-shadow: none; }
.table td form.d-flex .form-control { min-width: 140px; }
.table td, .table th { padding-left: 10px; padding-right: 10px; }

.btn-fill-lg, .btn-fill-md, .btn-fill-sm, .fw-btn-fill, .sv-btn { white-space: nowrap; }