:root[data-sidebar=dark] {
    --vz-vertical-menu-bg: #003055 !important;
--vz-vertical-menu-border: #032956 !important;}

h2.section-title {
    margin: 6px 0;
    /* left: auto; */
    color: #fff;
    padding: 3px 7px;
}
h3.section-title {
    margin: 6px 0;
    /* left: auto; */
    color: orange;
    padding: 3px 7px;
}
.navbar-brand-box {
 
    background: #ef4f86;
}
.auth-bg-cover{
      background: linear-gradient(-45deg, #276abb 50%, #000000);
}
:root {
    --vz-primary: #042f57;       /* Blue */
    --vz-primary-rgb: 4, 47, 87;

    --vz-secondary: #ff4c8b;     /* Pink */
    --vz-secondary-rgb: 255, 76, 139;

    --vz-success: #042f57;       /* Button blue theme */
    --vz-success-text-emphasis: #063a70;

    --vz-info: #ff4c8b;          /* Pink tone for hover */
}
.btn-success {
    --vz-btn-bg: var(--vz-primary);
    --vz-btn-border-color: var(--vz-primary);
    --vz-btn-hover-bg: var(--vz-secondary); /* pink hover */
    --vz-btn-hover-border-color: var(--vz-secondary);
    --vz-btn-focus-shadow-rgb: var(--vz-primary-rgb);
    --vz-btn-active-bg: var(--vz-secondary);
    --vz-btn-active-border-color: var(--vz-secondary);
    color: #fff;
}
.btn-pink {
    --vz-btn-bg: #ff4c8b;
    --vz-btn-border-color: #ff4c8b;
    --vz-btn-color: #fff;                /* Text white */

    --vz-btn-hover-bg: #042f57;
    --vz-btn-hover-border-color: #042f57;
    --vz-btn-hover-color: #fff;          /* Text white on hover */

    --vz-btn-active-bg: #042f57;
    --vz-btn-active-border-color: #042f57;
    --vz-btn-active-color: #fff;         /* Text white on active */

    color: #fff !important;              /* Safety */
}

.btn-primary {
    background-color: var(--vz-secondary);
    border-color: var(--vz-secondary);
}

.btn-primary:hover {
    background-color: var(--vz-primary);
    border-color: var(--vz-primary);
}