/* ============================================================
   FULL MONOCHROME ORANGE THEME OVERRIDE FOR app.min.css
   Colors used: Orange (#FF7900), Grey (#878A99), Black (#000000), White (#FFFFFF)
   ============================================================ */

:root {
    /* ------------------------------------------------------------
       PRIMARY BRAND COLOR (ORANGE)
       ------------------------------------------------------------ */
    --vz-primary: #FF7900;
    --vz-primary-rgb: 255, 121, 0;
    --vz-primary-text-emphasis: #cc6300;
    --vz-primary-bg-subtle: rgba(255, 121, 0, 0.15);
    --vz-primary-border-subtle: rgba(255, 121, 0, 0.35);

    /* ------------------------------------------------------------
       SECONDARY / INFO / SUCCESS → GREY
       ------------------------------------------------------------ */
    --vz-secondary: #878A99;
    --vz-info: #878A99;
    --vz-success: #878A99;
    --vz-warning: #FF7900;
    /* warning stays orange */
    --vz-danger: #000000;
    /* danger = black */

    --vz-secondary-rgb: 135, 138, 153;
    --vz-info-rgb: 135, 138, 153;
    --vz-success-rgb: 135, 138, 153;
    --vz-warning-rgb: 255, 121, 0;
    --vz-danger-rgb: 0, 0, 0;

    --vz-secondary-text-emphasis: #666666;
    --vz-info-text-emphasis: #666666;
    --vz-success-text-emphasis: #666666;
    --vz-warning-text-emphasis: #cc6300;
    --vz-danger-text-emphasis: #222222;

    --vz-secondary-bg-subtle: rgba(135, 138, 153, 0.15);
    --vz-info-bg-subtle: rgba(135, 138, 153, 0.15);
    --vz-success-bg-subtle: rgba(135, 138, 153, 0.15);
    --vz-warning-bg-subtle: rgba(255, 121, 0, 0.15);
    --vz-danger-bg-subtle: rgba(0, 0, 0, 0.15);

    --vz-secondary-border-subtle: rgba(135, 138, 153, 0.35);
    --vz-info-border-subtle: rgba(135, 138, 153, 0.35);
    --vz-success-border-subtle: rgba(135, 138, 153, 0.35);
    --vz-warning-border-subtle: rgba(255, 121, 0, 0.35);
    --vz-danger-border-subtle: rgba(0, 0, 0, 0.35);

    /* ------------------------------------------------------------
       BODY / TEXT COLORS
       ------------------------------------------------------------ */
    --vz-body-bg: #FFFFFF;
    --vz-body-color: #000000;

    /* ------------------------------------------------------------
       HEADER / TOPBAR / NAVBAR
       ------------------------------------------------------------ */
    --vz-header-bg: #FFFFFF;
    --vz-header-border: #878A99;
    --vz-header-item-color: #000000;
    --vz-header-item-sub-color: #878A99;
    --vz-header-item-bg: rgba(255, 121, 0, 0.1);

    /* ------------------------------------------------------------
       SIDEBAR COLORS
       ------------------------------------------------------------ */
    --vz-vertical-menu-bg: #FFFFFF;
    --vz-vertical-menu-border: #878A99;
    --vz-vertical-menu-item-color: #000000;
    --vz-vertical-menu-item-hover-color: #FF7900;
    --vz-vertical-menu-item-active-color: #FF7900;
    --vz-vertical-menu-sub-item-color: #878A99;
    --vz-vertical-menu-sub-item-hover-color: #FF7900;
    --vz-vertical-menu-item-active-bg: rgba(255, 121, 0, 0.1);
    --vz-vertical-menu-item-bg: rgba(255, 121, 0, 0.05);

    /* ------------------------------------------------------------
       FOOTER
       ------------------------------------------------------------ */
    --vz-footer-bg: #FFFFFF;
    --vz-footer-color: #878A99;

    /* ------------------------------------------------------------
       DROPDOWNS
       ------------------------------------------------------------ */
    --vz-dropdown-bg: #FFFFFF;
    --vz-dropdown-link-color: #000000;
    --vz-dropdown-link-hover-bg: rgba(255, 121, 0, 0.1);

    /* ------------------------------------------------------------
       BORDERS / SHADOWS
       ------------------------------------------------------------ */
    --vz-border-color: #878A99;
    --vz-box-shadow: rgba(0, 0, 0, 0.15);

    /* ------------------------------------------------------------
       LINKS
       ------------------------------------------------------------ */
    --vz-link-color: #FF7900;
    --vz-link-hover-color: #cc6300;

    /* ------------------------------------------------------------
       INPUTS / FORMS
       ------------------------------------------------------------ */
    --vz-input-bg: #FFFFFF;
    --vz-input-border: #878A99;
    --vz-input-color: #000000;
    --vz-input-focus-border: #FF7900;

    /* ------------------------------------------------------------
       BADGES
       ------------------------------------------------------------ */
    --vz-badge-color: #FFFFFF;
    --vz-badge-bg: #FF7900;

    /* ------------------------------------------------------------
       TOPNAV COLORS
       ------------------------------------------------------------ */
    --vz-topnav-bg: #FFFFFF;
    --vz-topnav-item-color: #000000;
    --vz-topnav-item-active-color: #FF7900;
    --vz-topbar-search-bg: #FFFFFF;
    --vz-topbar-search-color: #000000;

    /* ------------------------------------------------------------
       EXTRA VARIABLE OVERRIDES (from file scan)
       ------------------------------------------------------------ */
    --vz-secondary-bg: #F5F5F5;
    --vz-page-title-bg: #FFFFFF;
    --vz-page-title-color: #000000;
    --vz-page-title-border: #878A99;
}


/* ----------------------------------- */

/* ============================================================
   FULL MONOCHROME ORANGE THEME — BUTTONS
   Colors: Orange (#FF7900), Grey (#878A99), Black (#000000), White (#FFFFFF)
   ============================================================ */

/* ------------------------------------------------------------
   PRIMARY (ORANGE)
   ------------------------------------------------------------ */
.btn-primary {
    --vz-btn-color: #000;
    --vz-btn-bg: #FF7900;
    --vz-btn-border-color: #FF7900;
    --vz-btn-hover-color: #fff;
    --vz-btn-hover-bg: #000;
    --vz-btn-hover-border-color: #000;
    --vz-btn-focus-shadow-rgb: 255, 121, 0;
    --vz-btn-active-color: #fff;
    --vz-btn-active-bg: #d16000;
    --vz-btn-active-border-color: #b85500;
    --vz-btn-disabled-color: #fff;
    --vz-btn-disabled-bg: #FF7900;
    --vz-btn-disabled-border-color: #FF7900;
}

/* ------------------------------------------------------------
   SECONDARY / SUCCESS / INFO = GREY
   ------------------------------------------------------------ */
.btn-secondary,
.btn-success,
.btn-info,
.btn-primary,
.btn-light {
    --vz-btn-color: #000;
    --vz-btn-bg: #FF7900;
    --vz-btn-border-color: #FF7900;
    --vz-btn-hover-color: #fff;
    --vz-btn-hover-bg: #000;
    --vz-btn-hover-border-color: #000;
    --vz-btn-focus-shadow-rgb: 135, 138, 153;
    --vz-btn-active-color: #fff;
    --vz-btn-active-bg: #62656f;
    --vz-btn-active-border-color: #585a64;
    --vz-btn-disabled-color: #fff;
    --vz-btn-disabled-bg: #878A99;
    --vz-btn-disabled-border-color: #878A99;
}

.alert-warning {
    --vz-alert-color: #000;
    --vz-alert-bg: #FF7900;
    --vz-alert-border-color: var(--vz-warning-border-subtle);
    --vz-alert-link-color: #000;
}

.form-check-input:checked {
    background-color: #FF7900;
    border-color: #FF7900;
}

.link-success {
    color: #878A99 !important;
    text-decoration-color: #cc6300 !important;
}

.link-success:hover {
    color: #FF7900 !important;
    text-decoration-color: #cc6300 !important;
}

[data-layout=horizontal] #page-topbar {
    left: 0;
    border-bottom: 1px solid var(--vz-header-border);
    background-color: #000;
}

@media (min-width: 768px) {
    .topbar-user {
        background-color: #000;
    }
}

.navbar-header .btn-topbar {
    height: 42px;
    width: 42px;
    color: #fff;
    transition: all .5s ease;

}

.navbar-header {
    background-color: #000;
}

.btn-topbar:hover {
    color: #FF7900;

}

.footer {
    color: #fff;
    background-color: #000;
}

.text-white-50 {
    color: #000 !important;
}

.bg-success {
    background-color: #04AA6D !important;
}

.rounded-0 {
    border-radius: 0 !important;
    background-color: #CCCCCC;
}

.bg-info {
    --vz-bg-opacity: 1;
    background-color: #000000 !important;
}

.bg-secondary {
    --vz-bg-opacity: 1;
    background-color: #000000 !important;
}

/* .bg-danger-subtle {
    background-color: #000000 !important;
} */

.bg-success-subtle {

    background-color: var(--vz-danger-bg-subtle) !important;
}

/* .card-title {
    color: #fff;
}  */

/* .h6 {
    color: white;
} */

.bg-info-subtle {
    background-color: #000000 !important;
}

/* .text-body {
    --vz-text-opacity: 1;
    color: #62656f !important; 
 }  */

.team-name {
    color: #fff !important;
}

.text-white-50 {
    --vz-text-opacity: 1;
    color: #fff !important;
}


/* .table-nowrap th {
    color: #fff;
   background-color: #000;
} */

/* ------------------------------------------------------------
   WARNING = ORANGE (same as primary)
   ------------------------------------------------------------ */
.btn-warning {
    --vz-btn-color: #fff;
    --vz-btn-bg: #FF7900;
    --vz-btn-border-color: #FF7900;
    --vz-btn-hover-color: #fff;
    --vz-btn-hover-bg: #e86c00;
    --vz-btn-hover-border-color: #d16000;
    --vz-btn-focus-shadow-rgb: 255, 121, 0;
    --vz-btn-active-color: #fff;
    --vz-btn-active-bg: #d16000;
    --vz-btn-active-border-color: #b85500;
    --vz-btn-disabled-color: #fff;
    --vz-btn-disabled-bg: #FF7900;
    --vz-btn-disabled-border-color: #FF7900;
}

/* ------------------------------------------------------------
   DANGER = BLACK
   ------------------------------------------------------------ */
.btn-danger {
    --vz-btn-color: #fff;
    --vz-btn-bg: #000000;
    --vz-btn-border-color: #000000;
    --vz-btn-hover-color: #fff;
    --vz-btn-hover-bg: #1a1a1a;
    --vz-btn-hover-border-color: #111111;
    --vz-btn-focus-shadow-rgb: 0, 0, 0;
    --vz-btn-active-color: #fff;
    --vz-btn-active-bg: #111111;
    --vz-btn-active-border-color: #000000;
    --vz-btn-disabled-color: #fff;
    --vz-btn-disabled-bg: #000000;
    --vz-btn-disabled-border-color: #000000;
}

/* ------------------------------------------------------------
   LIGHT = WHITE
   ------------------------------------------------------------ */
/* .btn-light {
    --vz-btn-color: #000;
    --vz-btn-bg: #FFFFFF;
    --vz-btn-border-color: #FFFFFF;
    --vz-btn-hover-color: #000;
    --vz-btn-hover-bg: #f2f2f2;
    --vz-btn-hover-border-color: #e6e6e6;
    --vz-btn-focus-shadow-rgb: 240, 240, 240;
    --vz-btn-active-color: #000;
    --vz-btn-active-bg: #e6e6e6;
    --vz-btn-active-border-color: #d9d9d9;
    --vz-btn-disabled-color: #000;
    --vz-btn-disabled-bg: #FFFFFF;
    --vz-btn-disabled-border-color: #FFFFFF;
} */

/* ------------------------------------------------------------
   DARK = BLACK
   ------------------------------------------------------------ */
.btn-dark {
    --vz-btn-color: #fff;
    --vz-btn-bg: #000000;
    --vz-btn-border-color: #000000;
    --vz-btn-hover-color: #fff;
    --vz-btn-hover-bg: #1a1a1a;
    --vz-btn-hover-border-color: #111111;
    --vz-btn-focus-shadow-rgb: 0, 0, 0;
    --vz-btn-active-color: #fff;
    --vz-btn-active-bg: #111111;
    --vz-btn-active-border-color: #000000;
    --vz-btn-disabled-color: #fff;
    --vz-btn-disabled-bg: #000000;
    --vz-btn-disabled-border-color: #000000;
}

/* ------------------------------------------------------------
   OUTLINE BUTTONS
   ------------------------------------------------------------ */

/* OUTLINE PRIMARY = ORANGE */
.btn-outline-primary {
    --vz-btn-color: #FF7900;
    --vz-btn-border-color: #FF7900;
    --vz-btn-hover-color: #fff;
    --vz-btn-hover-bg: #FF7900;
    --vz-btn-hover-border-color: #FF7900;
    --vz-btn-disabled-color: #FF7900;
}

/* OUTLINE SECONDARY / SUCCESS / INFO = GREY */
.btn-outline-secondary,
.btn-outline-success,
.btn-outline-info {
    --vz-btn-color: #878A99;
    --vz-btn-border-color: #878A99;
    --vz-btn-hover-color: #fff;
    --vz-btn-hover-bg: #878A99;
    --vz-btn-hover-border-color: #878A99;
    --vz-btn-disabled-color: #878A99;
}

/* OUTLINE WARNING = ORANGE */
.btn-outline-warning {
    --vz-btn-color: #FF7900;
    --vz-btn-border-color: #FF7900;
    --vz-btn-hover-color: #fff;
    --vz-btn-hover-bg: #FF7900;
    --vz-btn-hover-border-color: #FF7900;
    --vz-btn-disabled-color: #FF7900;
}

/* OUTLINE DANGER = BLACK */
.btn-outline-danger {
    --vz-btn-color: #000000;
    --vz-btn-border-color: #000000;
    --vz-btn-hover-color: #fff;
    --vz-btn-hover-bg: #000000;
    --vz-btn-hover-border-color: #000000;
    --vz-btn-disabled-color: #000000;
}

/* OUTLINE LIGHT = WHITE */
.btn-outline-light {
    --vz-btn-color: #FFFFFF;
    --vz-btn-border-color: #FFFFFF;
    --vz-btn-hover-color: #000;
    --vz-btn-hover-bg: #FFFFFF;
    --vz-btn-hover-border-color: #FFFFFF;
    --vz-btn-disabled-color: #FFFFFF;
}

/* OUTLINE DARK = BLACK */
.btn-outline-dark {
    --vz-btn-color: #000000;
    --vz-btn-border-color: #000000;
    --vz-btn-hover-color: #fff;
    --vz-btn-hover-bg: #000000;
    --vz-btn-hover-border-color: #000000;
    --vz-btn-disabled-color: #000000;
}

/* ------------------------------------------------------------
   LINK BUTTONS
   ------------------------------------------------------------ */
.btn-link {
    --vz-btn-color: #FF7900;
    --vz-btn-hover-color: #cc6300;
    --vz-btn-disabled-color: #878A99;
}

.pagination .page-link {
    min-width: 130px;
    text-align: center;
}