/* ==========================================================
   ERP GRID
========================================================== */

.erp-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

    /* ==========================================================
   GRID HEADER
========================================================== */

    .erp-table > thead > tr > th {
        position: sticky;
        top: 0;
        z-index: 2;
        padding: 7px 10px;
        min-height: 26px;
        background: linear-gradient( to bottom, #EDF9F7 0%, #E6F5F2 48%, #CFE9E5 49%, #B9DDD7 100% );
        color: #1E4F4A;
        font-size: 14px;
        font-weight: 600;
        border: 1px solid #C7DDD9;
        text-align: left;
        white-space: nowrap;
        vertical-align: middle;
    }

    /* ==========================================================
   GRID BODY
========================================================== */

    .erp-table > tbody > tr > td {
        padding: 7px 10px;
        min-height: 20px;
        border: 1px solid #E4E4E4;
        font-size: 14px;
        vertical-align: middle;
    }

    .erp-table > tbody > tr:nth-child(even) {
        background: #FCFCFC;
    }

    .erp-table > tbody > tr:hover {
        background: #EDF8F6;
    }

/* ==========================================================
   ACTION BUTTONS
========================================================== */

.action-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

    .action-buttons .btn {
        min-width: 82px;
    }

/* ==========================================================
   MENU PARENT
========================================================== */

.menu-parent {
    background: #EAF7F5;
    font-weight: 600;
}

    .menu-parent td {
        padding: 10px;
        color: #1E4F4A;
    }

/* ==========================================================
   CHECKBOX
========================================================== */

.permission-checkbox {
    width: 18px;
    height: 18px;
}

/* ==========================================================
   PAGINATION
========================================================== */

.erp-pagination {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
}

    .erp-pagination .pagination {
        margin: 0;
    }

    .erp-pagination .page-link {
        min-width: 38px;
        text-align: center;
        color: #1E4F4A;
        border-color: #D3E8E5;
    }

    .erp-pagination .page-item.active .page-link {
        background: #1E4F4A;
        border-color: #1E4F4A;
        color: #FFFFFF;
    }

    .erp-pagination .page-link:hover {
        background: #E8F5F3;
    }

/* ==========================================================
   COMMON
========================================================== */

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.col-status {
    width: 110px;
}

.col-action {
    width: 190px;
}