/* ==========================================================
   ERP Buttons
========================================================== */

.erp-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    border:none;

    cursor:pointer;

    border-radius:12px;

    padding:12px 22px;

    font-size:14px;

    font-weight:600;

    transition:all .25s ease;

}

.erp-btn i{

    font-size:16px;

}

/* ================================= */

.erp-btn-primary{

    background:var(--erp-primary);

    color:#fff;

}

.erp-btn-primary:hover{

    background:var(--erp-primary-dark);

    transform:translateY(-2px);

    box-shadow:var(--shadow-md);

}

/* ================================= */

.erp-btn-success{

    background:var(--erp-success);

    color:#fff;

}

.erp-btn-success:hover{

    transform:translateY(-2px);

}

/* ================================= */

.erp-btn-danger{

    background:var(--erp-danger);

    color:#fff;

}

.erp-btn-danger:hover{

    transform:translateY(-2px);

}

/* ================================= */

.erp-btn-outline{

    background:#fff;

    color:var(--erp-text);

    border:1px solid var(--erp-border);

}

.erp-btn-outline:hover{

    background:#F8FAFC;

}

/* One brand treatment for legacy and current ERP buttons. */
.erp-wrapper .erp-btn-primary,
.erp-wrapper .erp-btn--primary,
.erp-wrapper .button-primary,
.erp-wrapper .btn-primary,
.erp-wrapper button[type="submit"].primary{
    background:var(--erp-primary)!important;
    border-color:var(--erp-primary)!important;
    color:var(--erp-white)!important;
    text-decoration:none;
}
.erp-wrapper .erp-btn-primary:hover,
.erp-wrapper .erp-btn--primary:hover,
.erp-wrapper .button-primary:hover,
.erp-wrapper .btn-primary:hover{
    background:var(--erp-primary-dark)!important;
    border-color:var(--erp-primary-dark)!important;
    color:var(--erp-white)!important;
}
.erp-wrapper .erp-btn-primary i,.erp-wrapper .erp-btn-primary span,
.erp-wrapper .erp-btn--primary i,.erp-wrapper .erp-btn--primary span,
.erp-wrapper .button-primary i,.erp-wrapper .button-primary span,
.erp-wrapper .btn-primary i,.erp-wrapper .btn-primary span{color:inherit!important}
.erp-wrapper .erp-btn-secondary,.erp-wrapper .erp-btn--secondary,.erp-wrapper .btn-dark{
    background:var(--erp-secondary)!important;border-color:var(--erp-secondary)!important;color:#fff!important
}
.erp-wrapper .erp-btn-secondary:hover,.erp-wrapper .erp-btn--secondary:hover,.erp-wrapper .btn-dark:hover{filter:brightness(1.2);color:#fff!important}
.erp-wrapper button:disabled,.erp-wrapper .erp-btn[aria-disabled="true"]{opacity:.58;cursor:not-allowed;transform:none!important}

#hr-leave-toggle,
#accountant-leave-toggle,
.erp-btn-leave,
.erp-btn-leave:visited{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important}
#hr-leave-toggle:hover,
#accountant-leave-toggle:hover,
.erp-btn-leave:hover{background:#b91c1c!important;border-color:#b91c1c!important;color:#fff!important}