/*# sourceMappingURL=custom.min.css.map */

body {
    background-color: #f3f6f9;
}

.text-themes {
    color: #027fba;
}

.bg-themes {
    background-color: #027fba;
}

.bg-outline-themes {
    background-color: #027fba;
}

.btn-outline-themes {
    border-color: #027fba;
}

@media (min-width: 1024.1px) {
    [data-layout="horizontal"] .page-content {
        margin-top: 49px !important;
    }
}

.navbar-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    height: 50px !important;
    padding: 0 1.5rem 0 calc(1.5rem * 0.5) !important;
}

[data-layout="horizontal"] .navbar-menu {
    background: var(--vz-topnav-bg);
    border-right-color: transparent;
    padding: 0 calc(1.5rem * 0.5);
    -webkit-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
    box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
    margin-top: 51px !important;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 100;
    width: 100%;
    bottom: auto;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 38px !important;
    user-select: none;
    -webkit-user-select: none;
    padding-top: 5px !important;
    padding-left: 8px !important;
    border: 0px solid #ced4da !important;
    background-color: #f8f9fa !important;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: 3px !important;
    position: absolute;
    top: 50%;
    width: 0;
}

.navbar-menu .navbar-nav .nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.625rem 1.5rem;
    color: var(--vz-vertical-menu-item-color);
    font-size: 0.9375rem;
    font-family: "Open Sans", sans-serif;
    padding-bottom: 0px;
}

.menu-title span {
    padding: 15px 20px 0px 20px !important;
    display: inline-block;
}

/* Sidebar sub-items: prevent text wrapping on long names */
.navbar-menu .navbar-nav .nav-sm .nav-link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[data-layout="vertical"] .page-title-box {
    padding: 12px 1.5rem;
    background-color: var(--vz-secondary-bg);
    -webkit-box-shadow: var(--vz-page-title-box-shadow);
    box-shadow: var(--vz-page-title-box-shadow);
    border-bottom: 1px solid var(--vz-page-title-border);
    margin: -41px -1.5rem 1.5rem -1.5rem;
}

/* ═══════════════════════════════════════════════════════════════
   STATUS BADGES & SOFT BUTTONS — Vibrant Professional Colors
   Override Bootstrap's washed-out subtle colors globally
   ═══════════════════════════════════════════════════════════════ */
:root {
    --vz-primary-bg-subtle: #c8e6f9;
    --vz-secondary-bg-subtle: #d8dae0;
    --vz-success-bg-subtle: #b0ece1;
    --vz-info-bg-subtle: #b6ecff;
    --vz-warning-bg-subtle: #ffe8a3;
    --vz-danger-bg-subtle: #fbc8be;
    --vz-dark-bg-subtle: #d0d3d6;
}

/* ── Soft buttons: stronger background + crisp text ── */
.btn-soft-primary   { background-color: #c8e6f9 !important; color: #0a5a8a !important; border: 1px solid #a3d4f4 !important; }
.btn-soft-secondary { background-color: #d8dae0 !important; color: #3c3e45 !important; border: 1px solid #c0c3cb !important; }
.btn-soft-success   { background-color: #b0ece1 !important; color: #005c4b !important; border: 1px solid #7cdcc8 !important; }
.btn-soft-info      { background-color: #b6ecff !important; color: #005f80 !important; border: 1px solid #80d9ff !important; }
.btn-soft-warning   { background-color: #ffe8a3 !important; color: #7a5900 !important; border: 1px solid #ffd966 !important; }
.btn-soft-danger    { background-color: #fbc8be !important; color: #8b2114 !important; border: 1px solid #f5a395 !important; }

.btn-soft-primary:hover   { background-color: #0d6efd !important; color: #fff !important; border-color: #0d6efd !important; }
.btn-soft-secondary:hover { background-color: #6c757d !important; color: #fff !important; border-color: #6c757d !important; }
.btn-soft-success:hover   { background-color: #00bd9d !important; color: #fff !important; border-color: #00bd9d !important; }
.btn-soft-info:hover      { background-color: #299cdb !important; color: #fff !important; border-color: #299cdb !important; }
.btn-soft-warning:hover   { background-color: #f0b100 !important; color: #fff !important; border-color: #f0b100 !important; }
.btn-soft-danger:hover    { background-color: #f06548 !important; color: #fff !important; border-color: #f06548 !important; }

/* ── Badge soft backgrounds: readable, not washed out ── */
.badge.bg-primary-subtle,
.badge.bg-soft-primary   { background-color: #c8e6f9 !important; color: #0a5a8a !important; }
.badge.bg-secondary-subtle,
.badge.bg-soft-secondary { background-color: #d8dae0 !important; color: #3c3e45 !important; }
.badge.bg-success-subtle,
.badge.bg-soft-success   { background-color: #b0ece1 !important; color: #005c4b !important; }
.badge.bg-info-subtle,
.badge.bg-soft-info      { background-color: #b6ecff !important; color: #005f80 !important; }
.badge.bg-warning-subtle,
.badge.bg-soft-warning   { background-color: #ffe8a3 !important; color: #7a5900 !important; }
.badge.bg-danger-subtle,
.badge.bg-soft-danger    { background-color: #fbc8be !important; color: #8b2114 !important; }

/* ── Status-specific badges (used across stock/sale/transfer pages) ── */
.badge[class*="bg-soft-"] { font-weight: 600; letter-spacing: 0.02em; padding: 4px 10px; border-radius: 5px; }
.badge.bg-soft-success { border: 1px solid #7cdcc8; }
.badge.bg-soft-warning { border: 1px solid #ffd966; }
.badge.bg-soft-info    { border: 1px solid #80d9ff; }
.badge.bg-soft-danger  { border: 1px solid #f5a395; }
.badge.bg-soft-primary { border: 1px solid #a3d4f4; }
.badge.bg-soft-secondary { border: 1px solid #c0c3cb; }

/* ── Location-Entry inline le-badge overrides (Stock In/Out/Transfer pages) ── */
.le-badge { border-radius: 5px !important; padding: 3px 10px !important; font-weight: 700 !important; letter-spacing: 0.02em !important; }
.le-badge-held, .le-badge-pending { background: #ffe8a3 !important; color: #7a5900 !important; border: 1px solid #ffd966 !important; }
.le-badge-accepted, .le-badge-approved { background: #b0ece1 !important; color: #005c4b !important; border: 1px solid #7cdcc8 !important; }
.le-badge-rejected { background: #fbc8be !important; color: #8b2114 !important; border: 1px solid #f5a395 !important; }
.le-badge-default { background: #d8dae0 !important; color: #3c3e45 !important; border: 1px solid #c0c3cb !important; }
.le-pending-badge { background: #ffe8a3 !important; color: #7a5900 !important; border: 1px solid #ffd966 !important; border-radius: 5px !important; padding: 3px 10px !important; font-weight: 700 !important; }