[data-cellid="grid_c4"][data-page="materialcalcs_view"][data-cellid="grid_c4"][data-page="materialcalcs_view"][data-cellid="grid_c4"][data-page="materialcalcs_view"] {
  background-color: #f0f0f0;
}
[data-cellid="grid_c5"][data-page="materialcalcs_view"][data-cellid="grid_c5"][data-page="materialcalcs_view"][data-cellid="grid_c5"][data-page="materialcalcs_view"] {
  background-color: #f0f0f0;
}
[data-cellid="grid_c7"][data-page="materialcalcs_view"][data-cellid="grid_c7"][data-page="materialcalcs_view"][data-cellid="grid_c7"][data-page="materialcalcs_view"] {
  background-color: #f0f0f0;
}
[data-cellid="grid_c8"][data-page="materialcalcs_view"][data-cellid="grid_c8"][data-page="materialcalcs_view"][data-cellid="grid_c8"][data-page="materialcalcs_view"] {
  background-color: #f0f0f0;
}
[data-cellid="grid_c11"][data-page="materialcalcs_view"][data-cellid="grid_c11"][data-page="materialcalcs_view"][data-cellid="grid_c11"][data-page="materialcalcs_view"] {
  background-color: #f0f0f0;
}
[data-cellid="grid_c12"][data-page="materialcalcs_view"][data-cellid="grid_c12"][data-page="materialcalcs_view"][data-cellid="grid_c12"][data-page="materialcalcs_view"] {
  background-color: #f0f0f0;
}
[data-cellid="grid_c31"][data-page="materialcalcs_view"][data-cellid="grid_c31"][data-page="materialcalcs_view"][data-cellid="grid_c31"][data-page="materialcalcs_view"] {
  background-color: #f0f0f0;
}
[data-cellid="grid_c32"][data-page="materialcalcs_view"][data-cellid="grid_c32"][data-page="materialcalcs_view"][data-cellid="grid_c32"][data-page="materialcalcs_view"] {
  background-color: #f0f0f0;
}
[data-cellid="grid_c39"][data-page="materialcalcs_view"][data-cellid="grid_c39"][data-page="materialcalcs_view"][data-cellid="grid_c39"][data-page="materialcalcs_view"] {
  background-color: #ffffe0;
}
[data-cellid="grid_c40"][data-page="materialcalcs_view"][data-cellid="grid_c40"][data-page="materialcalcs_view"][data-cellid="grid_c40"][data-page="materialcalcs_view"] {
  background-color: #ffffe0;
}
[data-cellid="grid_c41"][data-page="materialcalcs_view"][data-cellid="grid_c41"][data-page="materialcalcs_view"][data-cellid="grid_c41"][data-page="materialcalcs_view"] {
  background-color: #ffffe0;
}
[data-cellid="grid_c42"][data-page="materialcalcs_view"][data-cellid="grid_c42"][data-page="materialcalcs_view"][data-cellid="grid_c42"][data-page="materialcalcs_view"] {
  background-color: #ffffe0;
}
[data-cellid="grid_c63"][data-page="materialcalcs_view"][data-cellid="grid_c63"][data-page="materialcalcs_view"][data-cellid="grid_c63"][data-page="materialcalcs_view"] {
  background-color: #f0f8ff;
}
[data-cellid="grid_c64"][data-page="materialcalcs_view"][data-cellid="grid_c64"][data-page="materialcalcs_view"][data-cellid="grid_c64"][data-page="materialcalcs_view"] {
  background-color: #f0f8ff;
}
[data-cellid="grid_c65"][data-page="materialcalcs_view"][data-cellid="grid_c65"][data-page="materialcalcs_view"][data-cellid="grid_c65"][data-page="materialcalcs_view"] {
  background-color: #f0f8ff;
}
[data-cellid="grid_c66"][data-page="materialcalcs_view"][data-cellid="grid_c66"][data-page="materialcalcs_view"][data-cellid="grid_c66"][data-page="materialcalcs_view"] {
  background-color: #f0f8ff;
  color: #000000;
}
[data-cellid="grid_c67"][data-page="materialcalcs_view"][data-cellid="grid_c67"][data-page="materialcalcs_view"][data-cellid="grid_c67"][data-page="materialcalcs_view"] {
  background-color: #f0f0f0;
}
[data-cellid="grid_c68"][data-page="materialcalcs_view"][data-cellid="grid_c68"][data-page="materialcalcs_view"][data-cellid="grid_c68"][data-page="materialcalcs_view"] {
  background-color: #f0f0f0;
}
[data-cellid="grid_c69"][data-page="materialcalcs_view"][data-cellid="grid_c69"][data-page="materialcalcs_view"][data-cellid="grid_c69"][data-page="materialcalcs_view"] {
  background-color: #f0f0f0;
}
[data-cellid="grid_c70"][data-page="materialcalcs_view"][data-cellid="grid_c70"][data-page="materialcalcs_view"][data-cellid="grid_c70"][data-page="materialcalcs_view"] {
  background-color: #ffffe0;
}
[data-cellid="grid_c71"][data-page="materialcalcs_view"][data-cellid="grid_c71"][data-page="materialcalcs_view"][data-cellid="grid_c71"][data-page="materialcalcs_view"] {
  background-color: #f0f0f0;
  color: #000000;
}
[data-cellid="grid_c72"][data-page="materialcalcs_view"][data-cellid="grid_c72"][data-page="materialcalcs_view"][data-cellid="grid_c72"][data-page="materialcalcs_view"] {
  background-color: #f0f0f0;
}
[data-cellid="grid_c73"][data-page="materialcalcs_view"][data-cellid="grid_c73"][data-page="materialcalcs_view"][data-cellid="grid_c73"][data-page="materialcalcs_view"] {
  background-color: #ffffe0;
}
[data-cellid="grid_c74"][data-page="materialcalcs_view"][data-cellid="grid_c74"][data-page="materialcalcs_view"][data-cellid="grid_c74"][data-page="materialcalcs_view"] {
  background-color: #ffffe0;
}
[data-page="materialcalcs_view"][data-itemid="page_image_ash8f23hr"] {
  width: 400px;
}


/* Put  your custom CSS code here */

/* ==========================================================================
   PHPRunner 11.1 - Bottom-Aligned Buttons & 4-Column Compact Grid
   ========================================================================== */

/* 1. Tight 4-column CSS Grid */
.r-edit-form tbody,
table.rnr-cv tbody {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    gap: 2px 4px !important;
    container-type: inline-size;
}

/* 2. Remove table row/cell structural spacing & allow inner bottom alignment */
.r-edit-form tr, 
table.rnr-cv tr {
    display: contents !important;
}

.r-edit-form td, 
table.rnr-cv td {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Forces contained elements toward the bottom of the row */
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 0 1px !important;
    margin: 0 !important;
}

/* 3. Colspans */
.r-edit-form td[colspan="2"], table.rnr-cv td[colspan="2"] { grid-column: span 2 !important; }
.r-edit-form td[colspan="3"], table.rnr-cv td[colspan="3"] { grid-column: span 3 !important; }
.r-edit-form td[colspan="4"], table.rnr-cv td[colspan="4"] { grid-column: span 4 !important; }

/* 4. Single-Line Inputs & Dropdowns (18px Text, Excludes Textareas) */
.r-edit-form .form-control:not(textarea),
.r-edit-form select.form-control,
td.r-edit-field .rnr-select > select.form-control {
    width: 100% !important;
    height: 35px !important;
    min-height: 35px !important;
    max-height: 35px !important;
    
    font-size: 18px !important;
    font-weight: normal !important;
    padding: 0 4px !important;
    line-height: 35px !important;
    margin: 0 !important;
    
    box-sizing: border-box !important;
    vertical-align: middle !important;
}

/* 4b. Dedicated Multiline Textarea Styling (~5 Lines Height) */
.r-edit-form textarea.form-control {
    width: 100% !important;
    height: auto !important;
    min-height: 110px !important; /* Approx 5 lines of text */
    max-height: none !important;
    
    font-size: 18px !important;
    font-weight: normal !important;
    padding: 4px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    
    box-sizing: border-box !important;
    resize: vertical; /* Allows manual vertical resizing on desktop */
}

/* 5. Buttons (Vertically Bottom-Aligned to Grid Row) */
.r-edit-form .btn {
    width: 100% !important;
    height: 35px !important;
    min-height: 35px !important;
    max-height: 35px !important;
    
    /* Self-align to bottom of cell */
    align-self: flex-end !important;
    margin-top: auto !important;
    
    /* Internal button text centering */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 0 2px !important;
    line-height: 1 !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
}

/* 6. Label Styling (14px Text) */
.r-edit-form label,
.r-edit-form .r-search-label {
    font-size: 14px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    margin-top: 1px !important;
    margin-bottom: 0px !important;
    padding: 0 !important;
    color: #111 !important;
}

/* 7. Dropdown rendering fix */
.r-edit-form select.form-control,
td.r-edit-field .rnr-select > select.form-control {
    -webkit-appearance: shrink-to-fit;
    appearance: menulist;
}

/* 8. Wrapper Overrides */
.r-edit-form .rnr-select,
td.r-edit-field .rnr-select,
.r-edit-form .form-group {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}