/*=========================================================
 ERP UI FRAMEWORK
 File        : erp_buttons.css
 Version     : 1.0
 Purpose     : Common ERP Button Standards
=========================================================*/

/*=========================================================
 COMMON BUTTON GROUP
=========================================================*/
.btn,
.erp-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    height:var(--erp-button-height);
    padding:0 14px;
    font-size:12px;
    font-weight:var(--erp-font-medium);
    border-radius:var(--erp-border-radius);
    transition:var(--erp-transition);
    box-sizing:border-box;
    cursor:pointer;
}

/*=========================================================
 BUTTON ICON GROUP
=========================================================*/
.btn i,
.erp-btn i{
    font-size:12px;
}

/*=========================================================
 PRIMARY BUTTON GROUP
=========================================================*/
.erp-btn-primary{
    color:#ffffff;
    background:var(--erp-primary);
    border:1px solid var(--erp-primary);
}

/*=========================================================
 SUCCESS BUTTON GROUP
=========================================================*/
.erp-btn-success{
    color:#ffffff;
    background:var(--erp-success);
    border:1px solid var(--erp-success);
}

/*=========================================================
 DANGER BUTTON GROUP
=========================================================*/
.erp-btn-danger{
    color:#ffffff;
    background:var(--erp-danger);
    border:1px solid var(--erp-danger);
}

/*=========================================================
 WARNING BUTTON GROUP
=========================================================*/
.erp-btn-warning{
    color:#000000;
    background:var(--erp-warning);
    border:1px solid var(--erp-warning);
}

/*=========================================================
 SECONDARY BUTTON GROUP
=========================================================*/
.erp-btn-secondary{
    color:#ffffff;
    background:var(--erp-secondary);
    border:1px solid var(--erp-secondary);
}

/*=========================================================
 DARK BUTTON GROUP
=========================================================*/
.erp-btn-dark{
    color:#ffffff;
    background:var(--erp-dark);
    border:1px solid var(--erp-dark);
}

/*=========================================================
 OUTLINE BUTTON GROUP
=========================================================*/
.erp-btn-outline{
    background:#ffffff;
    border:1px solid var(--erp-border-color);
    color:var(--erp-text-color);
}

/*=========================================================
 BUTTON HOVER GROUP
=========================================================*/
.btn:not(:disabled):hover,
.erp-btn:not(:disabled):hover{
    opacity:.90;
}

.btn:focus,
.erp-btn:focus{
    outline:none;
    box-shadow:0 0 0 .15rem rgba(13,110,253,.15);
}

/*=========================================================
 TOOLBAR BUTTON GROUP
=========================================================*/
.erp-toolbar .btn,
.erp-toolbar .erp-btn{
    height:30px;
    padding:0 12px;
    font-size:12px;
}

/*=========================================================
 BUTTON SIZE GROUP
=========================================================*/
.erp-btn-sm{
    height:26px;
    padding:0 10px;
    font-size:11px;
}

.erp-btn-lg{
    height:38px;
    padding:0 18px;
    font-size:14px;
}

/*=========================================================
 CANCEL BUTTON GROUP
=========================================================*/
.erp-btn-cancel{
    color:#ffffff;
    background:#6c757d;
    border:1px solid #6c757d;
}

/*=========================================================
 GRID ACTION BUTTON GROUP
=========================================================*/
.erp-action-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:var(--erp-action-button-size);
    height:var(--erp-action-button-size);
    padding:0;
    margin:0 2px;
    font-size:12px;
    border:1px solid transparent;
    border-radius:var(--erp-border-radius);
}

/*=========================================================
 GRID ACTION ICON GROUP
=========================================================*/
.erp-action-btn i{
    font-size:12px;
}

/*=========================================================
 BUTTON GROUP CONTAINER
=========================================================*/
.erp-btn-group{
    display:flex;
    align-items:center;
    gap:6px;
}

/*=========================================================
 DISABLED BUTTON GROUP
=========================================================*/
.btn:disabled,
.erp-btn:disabled{
    opacity:.65;
    cursor:not-allowed;
}

/*=========================================================
 ENABLED BUTTON GROUP
=========================================================*/
.erp-btn-enable-usd {
    background-color: #008000;
    color: #FFFFFF;
    border: 1px solid #1f3b64;
    font-size: 12px;
    line-height: 1;
    padding: 3px 5px;
    border-radius: 3px;
    white-space: nowrap;
}

.erp-btn-enable-usd:hover {
    background-color: #000000;
    color: #FFFFFF;
    border-color: #162d4d;
}