[data-cellid="above-grid_c3"][data-page="purchaserequest_list"][data-cellid="above-grid_c3"][data-page="purchaserequest_list"][data-cellid="above-grid_c3"][data-page="purchaserequest_list"] {
  width: 100%;
}
[data-cellid="grid_headcell_icons"][data-page="purchaserequest_list"][data-cellid="grid_headcell_icons"][data-page="purchaserequest_list"][data-cellid="grid_headcell_icons"][data-page="purchaserequest_list"] {
  width: 30px;
}
[data-cellid="grid_cell_icons"][data-page="purchaserequest_list"][data-cellid="grid_cell_icons"][data-page="purchaserequest_list"][data-cellid="grid_cell_icons"][data-page="purchaserequest_list"] {
  white-space: nowrap;
}
[data-cellid="grid_cell_details"][data-page="purchaserequest_list"][data-cellid="grid_cell_details"][data-page="purchaserequest_list"][data-cellid="grid_cell_details"][data-page="purchaserequest_list"] {
  white-space: nowrap;
}
[data-page="purchaserequest_list"][data-itemid="page_image_ash8f23hr"] {
  width: 400px;
}

/* =====================================================
   FORCE PHPRUNNER CUSTOM SNIPPET FULL WIDTH
===================================================== */


.rnr-c,

.rnr-c.rnr-c-grid,

.bs-grid,

.panel,

.panel-body,

.rnr-field,

.rnr-field-value,

.rnr-custom-block,

.custom-block,

#content_block,

body .rnr-page {

    width:100% !important;

    max-width:none !important;

}



/* remove bootstrap column limitation */

.col-md-12,
.col-lg-12,
.col-sm-12 {

    width:100% !important;

    max-width:100% !important;

}



/* custom table */

.pr-wrapper {

    display:block !important;

    width:100vw !important;

    max-width:100% !important;

}



.pr-table {

    width:100% !important;

}
/* =========================================================
   PURCHASE REQUEST CUSTOM LIST OVERRIDE
   FULL WIDTH + COMPACT TOOLBAR
========================================================= */


/* ===============================
   REMOVE PHPRUNNER WIDTH LIMIT
================================ */


body .container,
body .container-fluid,
body .rnr-page,
body .rnr-content,
body .rnr-grid,
body .rnr-c,
body .rnr-b-grid {

    width:100% !important;
    max-width:none !important;

}



.rnr-page {

    padding-left:5px !important;
    padding-right:5px !important;

}



/* ===============================
   CUSTOM WRAPPER
================================ */


.pr-wrapper {

    width:100% !important;
    max-width:none !important;

}



/* ===============================
   TOOLBAR
================================ */


.pr-toolbar {

    width:100% !important;

    display:flex !important;

    justify-content:flex-end !important;

    margin-bottom:8px !important;

}



.pr-toolbar-right {

    display:flex !important;

    flex-direction:column !important;

    align-items:flex-end !important;

    gap:6px !important;

}



.pr-buttons {

    display:flex !important;

    gap:6px !important;

}



/* Export + Add New */

.pr-btn-tool,
.pr-add {

    height:28px !important;

    padding:0 12px !important;

    font-size:11px !important;

    border-radius:5px !important;

}



.pr-add {

    display:flex !important;

    align-items:center !important;

}



/* ===============================
   SORT FILTER SMALL
================================ */


.pr-bottom {

    display:flex !important;

    gap:6px !important;

}



.pr-bottom .pr-btn-tool {


    height:26px !important;

    min-width:80px !important;

    padding:0 10px !important;

    font-size:11px !important;


}



/* ===============================
   TABLE FULL WIDTH
================================ */


.pr-table {

    width:100% !important;

    max-width:none !important;

    table-layout:fixed !important;

    border-collapse:collapse !important;

}



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


.pr-table th {

    background:#f6f6f8 !important;

    height:35px !important;

    padding:8px 10px !important;

    font-size:12px !important;

    color:#666 !important;

    font-weight:500 !important;

    text-decoration:underline !important;

}



/* ===============================
   ROWS
================================ */


.pr-table td {

    height:34px !important;

    padding:8px 10px !important;

    font-size:12px !important;

    border-bottom:1px solid #eee !important;

}



/* ===============================
   COLUMN WIDTH
================================ */


/* checkbox */

.pr-check {

    width:35px !important;

}



/* icons + approve */

.pr-actions {

    width:190px !important;

    min-width:190px !important;

}



/* status */

.pr-status,
.pr-status-col {

    width:90px !important;

    min-width:90px !important;

}



/* reference */

.pr-ref,
.pr-ref-col {

    width:170px !important;

    min-width:170px !important;

}



/* date */

.pr-date,
.pr-date-col {

    width:120px !important;

    min-width:120px !important;

}



/* purpose */

.pr-purpose,
.pr-purpose-col {

    width:250px !important;

    min-width:250px !important;

}



/* file takes remaining space */

.pr-file,
.pr-file-col {

    width:auto !important;

}



/* ===============================
   STATUS TEXT
================================ */


.pending,
.approved {

    font-size:12px !important;

    font-weight:500 !important;

}



/* ===============================
   ICONS
================================ */


.pr-icon {

    font-size:15px !important;

    margin-right:8px !important;

}



/* ===============================
   APPROVE BUTTON
================================ */


.pr-approve {

    height:24px !important;

    padding:0 16px !important;

    font-size:11px !important;

    display:inline-flex !important;

    align-items:center !important;

}



/* ===============================
   FILE TEXT
================================ */


.file-name,
.pr-file-col {

    overflow:hidden !important;

    text-overflow:ellipsis !important;

    white-space:nowrap !important;

}
/* Put  your custom CSS code here */

