.edittasksClass {
    cursor: pointer;
}
#kt_datatable_report_1,
#kt_datatable_report_1_length,
#kt_datatable_report_1_paginate{
    display:none!important;
}
span.mylinks{
    color:blue;

}
span.mylinks:hover{
    cursor:pointer;

}
table a.menu-link {
    cursor:pointer!important;
}
.headframework{

}
a.editbia1Class {
    cursor:pointer;
}
.table .tbody td a:hover {
    cursor:pointer;
}
label.fw-bold {
    font-size:1.2rem;
    font-style: italic;
}
.menu-item.menu-accordion {
    width:240px!important;
}
.menu-sub.menu-sub-accordion .menu-item.menu-accordion {
    width:227px!important;
}

#kt_app_sidebar,
#kt_app_sidebar_logo,
#kt_app_sidebar_menu_wrapper,
#kt_app_sidebar_menu {
    background-color: #eaf2fc!important;
}

/* ---- Sitewide contrast pass -----------------------------------------
   Metronic's stock light-skin gray-500/600 and the light-sidebar's menu
   heading/active-state colors measure well under WCAG AA (2.0-3.8:1
   against white; AA needs 4.5:1 for normal text) - confirmed with an
   actual contrast calculation, not by eye. text-gray-500/600 are the
   utility classes used for most secondary/description text across every
   page in the app, and --kt-app-sidebar-light-menu-heading-color is the
   sidebar's section-label color, so overriding the tokens here reaches
   all of it at once instead of editing every page. Selectors match the
   bundle's own (html:not([data-theme=dark]) / :root,[data-theme=light])
   so these actually win the cascade rather than losing to equal-or-
   higher specificity further up plugins.bundle.css/style.bundle.css;
   this file loads after both. Values keep the existing light<500<600<700
   ordering intact - 700/800 were already fine and are untouched. */
:root {
    --kt-gray-500: #6C7086; /* was #A1A5B7 (2.45:1) -> 4.88:1 on white */
    --kt-gray-600: #676C82; /* was #7E8299 (3.79:1) -> 5.19:1 on white */
}
html:not([data-theme=dark]) {
    --kt-app-sidebar-light-menu-heading-color: #5F6478; /* was #B5B5C3 (2.03:1) -> 5.86:1 */
    --kt-app-sidebar-light-menu-link-bg-color-active: rgba(0, 158, 247, .12); /* was #F4F6FA - more visibly "selected" */
}

/* Sidebar icons/bullets read flat gray at rest even against the tinted
   rail above - give them a blue-gray cast so the rail reads as colored
   rather than grayscale-on-a-tinted-box. #kt_app_sidebar's ID beats the
   bundle's attribute/class-chain selectors without needing !important,
   so the plain rule below only applies to the resting (non-active)
   state; the second block re-asserts primary blue for the active item,
   which needs the extra .active class to outrank the first rule. */
#kt_app_sidebar .menu-link .menu-icon,
#kt_app_sidebar .menu-link .menu-icon i,
#kt_app_sidebar .menu-link .menu-bullet .bullet {
    color: #4E6E9C;
}
#kt_app_sidebar .menu-link .menu-bullet .bullet {
    background-color: #4E6E9C;
}
#kt_app_sidebar .menu-link.active .menu-icon,
#kt_app_sidebar .menu-link.active .menu-icon i,
#kt_app_sidebar .menu-link.active .menu-bullet .bullet {
    color: var(--kt-primary);
}
#kt_app_sidebar .menu-link.active .menu-bullet .bullet {
    background-color: var(--kt-primary);
}
/* Active item: pale background + blue text alone was easy to miss at a
   glance. Add a left accent bar via inset box-shadow (doesn't affect
   layout/box model the way a real border would). */
#kt_app_sidebar .menu-link.active {
    box-shadow: inset 3px 0 0 var(--kt-primary);
    border-radius: 6px;
}

/* ---- Brand pass: match the public site's Poppins/navy theme ---------
   The public marketing/auth pages (home, contact, login) now use Poppins
   and a navy (#13263C) + brand-blue (#009EF7) palette. --bs-font-sans-serif
   is the single var style.bundle.css's body{font-family} and every
   Bootstrap component read through, so overriding it here reaches all
   ~90 internal pages that share header.php without editing any of them.
   --kt-primary already equals #009EF7, so no color override was needed
   there. The sidebar logo strip gets the same navy-bg/white-logo
   treatment as the public header (its images were swapped to the white
   logo in header.php); it wins over the #eaf2fc sidebar-tint rule above
   because it's declared later at equal (ID) specificity. */
:root {
    --bs-font-sans-serif: 'Poppins', Helvetica, sans-serif;
}
#kt_app_sidebar_logo {
    background-color: #13263C!important;
}

.vendor-detail-toolbar { padding-top: 20px!important; padding-bottom: 20px!important; }
.vendor-detail-eyebrow { color: #0072c6; font-size: .68rem; font-weight: 800; letter-spacing: .16em; }
.vendor-detail-card { border: 1px solid #e4e6ef; box-shadow: 0 1px 2px rgba(19, 38, 60, .04); }
.vendor-detail-header { align-items: center; min-height: 86px; padding: 18px 28px; }
.vendor-detail-identity { display: flex; align-items: center; gap: 14px; }
.vendor-detail-mark { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 12px; background: #eaf4fc; color: #0072c6; font-size: 1.1rem; font-weight: 800; }
.vendor-detail-caption { color: #5e6278; font-size: .78rem; }
.vendor-detail-actions { flex-shrink: 0; }
.vendor-detail-grid { max-width: 920px; }
.vendor-detail-field { min-height: 72px; padding: 15px 18px; border: 1px solid #e4e6ef; border-radius: 8px; background: #f8fafc; }
.vendor-detail-field span { display: block; margin-bottom: 7px; color: #5e6278; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.vendor-detail-field strong { display: block; overflow-wrap: anywhere; color: #181c32; font-size: .95rem; font-weight: 650; }
.vendor-status { color: #181c32!important; }
.vendor-edit-form { max-width: 920px; }
.vendor-edit-actions { border-top: 1px solid #e4e6ef; padding-top: 20px; }
@media (max-width: 640px) {
    .vendor-detail-header { align-items: flex-start; flex-direction: column; gap: 18px; }
    .vendor-detail-actions { width: 100%; }
    .vendor-detail-actions .btn { flex: 1; }
}