.badge-red    { background:#FCEBEB; color:#791F1F; padding:4px 12px; border-radius:16px; font-size:12px; display:inline-block; white-space:nowrap; }
/*.badge-amber  { background:#FAEEDA; color:#633806; padding:4px 12px; border-radius:16px; font-size:12px; display:inline-block; white-space:nowrap; } */
/*.badge-amber  { background:#FDEBD3; color:#9A5B0A; padding:4px 12px; border-radius:16px; font-size:12px; display:inline-block; white-space:nowrap; font-weight:600; } */
.badge-amber  { background:#FDEBD3; color:#9A5B0A; padding:4px 12px; border-radius:16px; font-size:12px; display:inline-block; white-space:nowrap; }
.badge-green  { background:#EAF3DE; color:#27500A; padding:4px 12px; border-radius:16px; font-size:12px; display:inline-block; white-space:nowrap; }
.badge-purple { background:#EEEDFE; color:#3C3489; padding:4px 12px; border-radius:16px; font-size:12px; display:inline-block; white-space:nowrap; }
.badge-default{ background:#F1EFE8; color:#444441; padding:4px 12px; border-radius:16px; font-size:12px; display:inline-block; white-space:nowrap; }

.avatar-circle {
  display:inline-flex; align-items:center; justify-content:center;
  width:22px; height:22px; border-radius:50%;
  background:#E6F1FB; color:#0C447C; font-size:11px; font-weight:600;
  margin-right:6px;
  flex-shrink: 0;
}

.ticket-styled-report tbody tr:hover {
  background-color: var(--u-color-4, #f5f5f5);
}

.ticket-styled-report th, .ticket-styled-report td {
  text-align: left !important;
  vertical-align: middle !important;
  padding: 10px 12px !important;
  box-sizing: border-box;
  white-space: normal;
  word-wrap: break-word;
  line-height: 1.4;
}

.ticket-styled-report th {
  font-weight: 600;
}

.ticket-styled-report td .t-Button {
  white-space: nowrap;
  padding: 4px 10px;
  font-size: 13px;
  display: inline-block;
}

.time-done {
    font-weight: 500;
}
.time-not-started {
    color: var(--u-color-6, #999);
}
.time-running {
    font-weight: 600;
    color: #BA7517;
}
.time-live-label {
    font-weight: 400;
    color: var(--u-color-6, #999);
    font-size: 11px;
}

/* Shrink specific oversized textareas on Ticket Status Updation page */
#P42_VC_ENG_REMARK,
#P42_VC_ROOT_CAUSE,
#P42_VC_TESTING_REMARKS,
#P42_VC_PREVENTIVE_ACTION {
    min-height: 70px !important;
    height: 70px !important;
}


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

   GENERIC APEX INTERACTIVE REPORT

   CLASS: scrollable-report
 
   GENERIC / REUSABLE

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

   MAIN REPORT CONTAINER

   ========================================================= */
 
.scrollable-report {

    width: 100% !important;

    max-width: 100% !important;
 
    box-sizing: border-box !important;
 
    overflow-x: auto !important;

    overflow-y: auto !important;
 
    -webkit-overflow-scrolling: touch !important;

}
 
 
/* =========================================================

   REPORT VIEW

   ========================================================= */
 
.scrollable-report .a-IRR-reportView {

    width: 100% !important;

    max-width: 100% !important;
 
    box-sizing: border-box !important;
 
    max-height: 65vh !important;
 
    overflow: visible !important;

}
 
 
/* =========================================================

   REPORT TABLE

   ========================================================= */
 
.scrollable-report .a-IRR-table {
 
    /*

       IMPORTANT:

       Fixed layout allows content to wrap inside

       the available column width.

    */

    table-layout: fixed !important;
 
    /*

       The table must be wider than a small screen

       when there are many columns.

    */

    width: 100% !important;
 
    min-width: 1100px !important;
 
    max-width: none !important;
 
    border-collapse: collapse !important;
 
    border-spacing: 0 !important;

}
 
 
/* =========================================================

   TABLE CELLS

   ========================================================= */
 
.scrollable-report .a-IRR-table th,

.scrollable-report .a-IRR-table td {
 
    box-sizing: border-box !important;
 
    text-align: left !important;
 
    vertical-align: middle !important;
 
    padding: 6px 8px !important;
 
    line-height: 1.25 !important;
 
    /*

       NEVER force one line.

    */

    white-space: normal !important;
 
    /*

       Long text MUST be allowed to wrap.

    */

    overflow-wrap: anywhere !important;
 
    word-wrap: break-word !important;
 
    word-break: normal !important;
 
    /*

       Prevent long content from expanding

       the column.

    */

    overflow: hidden !important;

}
 
 
/* =========================================================

   HEADER

   ========================================================= */
 
.scrollable-report .a-IRR-table thead {
 
    display: table-header-group !important;
 
    visibility: visible !important;

}
 
 
.scrollable-report .a-IRR-table thead tr {
 
    height: auto !important;

}
 
 
.scrollable-report .a-IRR-table thead th {
 
    display: table-cell !important;
 
    visibility: visible !important;
 
    box-sizing: border-box !important;
 
    text-align: left !important;
 
    vertical-align: middle !important;
 
    padding: 7px 8px !important;
 
    font-weight: 600 !important;
 
    line-height: 1.2 !important;
 
    height: auto !important;
 
    /*

       Headers can be 2, 3 or more lines.

    */

    white-space: normal !important;
 
    overflow-wrap: anywhere !important;
 
    word-wrap: break-word !important;
 
    word-break: normal !important;

}
 
 
/* =========================================================

   BODY

   ========================================================= */
 
.scrollable-report .a-IRR-table tbody tr {
 
    height: auto !important;

}
 
 
.scrollable-report .a-IRR-table tbody td {
 
    display: table-cell !important;
 
    box-sizing: border-box !important;
 
    height: auto !important;
 
    padding: 6px 8px !important;
 
    line-height: 1.25 !important;
 
    /*

       Data can occupy multiple lines.

    */

    white-space: normal !important;
 
    overflow-wrap: anywhere !important;
 
    word-wrap: break-word !important;
 
    word-break: normal !important;

}
 
 
/* =========================================================

   LONG TEXT

   ========================================================= */
 
.scrollable-report .a-IRR-table td {
 
    white-space: normal !important;
 
    overflow-wrap: anywhere !important;
 
    word-wrap: break-word !important;
 
    word-break: normal !important;

}
 
 
/* =========================================================

   LINKS

   ========================================================= */
 
.scrollable-report .a-IRR-table td a {
 
    white-space: normal !important;
 
    overflow-wrap: anywhere !important;
 
    word-wrap: break-word !important;
 
    word-break: break-word !important;

}
 
 
/* =========================================================

   BADGES

   ========================================================= */
 
.scrollable-report .a-IRR-table td .t-Badge,

.scrollable-report .a-IRR-table td .a-Badge,

.scrollable-report .a-IRR-table td .u-Badge {
 
    display: inline-block !important;
 
    max-width: 100% !important;
 
    box-sizing: border-box !important;
 
    margin: 0 !important;
 
    vertical-align: middle !important;
 
    line-height: 1.2 !important;
 
    white-space: normal !important;
 
    overflow-wrap: anywhere !important;

}
 
 
/* =========================================================

   OTHER BADGE / LABEL ELEMENTS

   ========================================================= */
 
.scrollable-report .a-IRR-table td [class*="badge"],

.scrollable-report .a-IRR-table td [class*="Badge"] {
 
    max-width: 100% !important;
 
    box-sizing: border-box !important;
 
    vertical-align: middle !important;
 
    margin-top: 0 !important;
 
    margin-bottom: 0 !important;

}
 
 
/* =========================================================

   BUTTONS

   ========================================================= */
 
.scrollable-report .a-IRR-table td .t-Button {
 
    display: inline-block !important;
 
    width: auto !important;
 
    max-width: 100% !important;
 
    white-space: nowrap !important;
 
    padding: 4px 8px !important;
 
    font-size: 13px !important;
 
    box-sizing: border-box !important;

}
 
 
/* =========================================================

   REMOVE GREEN HOVER

   ========================================================= */
 
/* .scrollable-report .a-IRR-table tbody tr:hover > td,

.scrollable-report .a-IRR-table tbody tr:hover > th {
 
    background-color: inherit !important;
 
    background-image: none !important;
 
    box-shadow: none !important;

} */
 
 
/* =========================================================

   OPTIONAL STRIPES

   ========================================================= */
 
.scrollable-report.irr-striped

.a-IRR-table tbody tr:nth-child(odd) td {
 
    background-color: lavender !important;

}
 
 
.scrollable-report.irr-striped

.a-IRR-table tbody tr:nth-child(even) td {
 
    background-color: lightblue !important;

}
 
 
/* =========================================================

   KEEP STRIPES DURING HOVER

   ========================================================= */
 
.scrollable-report.irr-striped

.a-IRR-table tbody tr:nth-child(odd):hover > td {
 
    background-color: lavender !important;
 
    background-image: none !important;
 
    box-shadow: none !important;

}
 
 
.scrollable-report.irr-striped

.a-IRR-table tbody tr:nth-child(even):hover > td {
 
    background-color: lightblue !important;
 
    background-image: none !important;
 
    box-shadow: none !important;

}
 
 
/* =========================================================

   APEX HEADER VISIBILITY

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

   APEX HEADER VISIBILITY

   (Let APEX's own JS control show/hide of the floating

   header clone based on scroll position — don't force it.

   Only enforce wrapping so it matches your real header

   whenever APEX does show it.)

   ========================================================= */
 
.scrollable-report .t-fht-thead th {
 
    white-space: normal !important;
 
    overflow-wrap: anywhere !important;
 
    word-wrap: break-word !important;
 
    word-break: normal !important;

}
 
 
/* =========================================================

   MOBILE

   ========================================================= */
 
@media screen and (max-width: 768px) {
 
    .scrollable-report {
 
        width: 100% !important;
 
        max-width: 100% !important;
 
        overflow-x: auto !important;
 
        overflow-y: auto !important;

    }
 
 
    .scrollable-report .a-IRR-reportView {
 
        width: 100% !important;
 
        max-width: 100% !important;
 
        max-height: 60vh !important;
 
        overflow: visible !important;

    }
 
 
    .scrollable-report .a-IRR-table {
 
        /*

           Keep the SAME layout behavior as desktop.

        */

        width: 100% !important;
 
        min-width: 900px !important;
 
        table-layout: fixed !important;

    }
 
 
    .scrollable-report .a-IRR-table th,

    .scrollable-report .a-IRR-table td {
 
        padding: 6px 7px !important;
 
        font-size: 12px !important;
 
        line-height: 1.25 !important;
 
        white-space: normal !important;
 
        overflow-wrap: anywhere !important;
 
        word-wrap: break-word !important;
 
        word-break: normal !important;

    }

}
 
 
/* =========================================================

   VERY SMALL MOBILE

   ========================================================= */
 
@media screen and (max-width: 480px) {
 
    .scrollable-report .a-IRR-table {
 
        min-width: 850px !important;
 
        table-layout: fixed !important;

    }
 
 
    .scrollable-report .a-IRR-table th,

    .scrollable-report .a-IRR-table td {
 
        padding: 5px 6px !important;
 
        font-size: 12px !important;
 
        white-space: normal !important;
 
        overflow-wrap: anywhere !important;
 
        word-wrap: break-word !important;

    }

}

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

   END

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

   /*tickers home page by devkant*/ 


   /* ======================================================
   PART A — REUSABLE PILL COMPONENT
   ====================================================== */

.app-pill-ticket {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 30px;
  padding: 10px 18px;
  min-height: 48px;
  background: #eef2f7;
  box-sizing: border-box;
}

.app-pill-ticket-label {
  font-size: 14px;
  font-weight: 600;
  color: #333333;
}

.app-pill-ticket-badge {
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  border-radius: 20px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0f1b2d;
}

/* Never show icons */
.app-pill-ticket .fa,
.app-pill-ticket .t-Icon,
.app-pill-ticket [class*="icon"] {
  display: none !important;
}


/* ======================================================
   COLOR VARIANTS
   ====================================================== */

.app-pill-ticket--navy {
  background: #e7ebf1;
}

.app-pill-ticket--navy .app-pill-ticket-badge {
  background: #0f1b2d;
}

.app-pill-ticket--red {
  background: #fbe4e4;
}

.app-pill-ticket--red .app-pill-ticket-badge {
  background: #e64545;
}

.app-pill-ticket--blue {
  background: #e3f0fb;
}

.app-pill-ticket--blue .app-pill-ticket-badge {
  background: #3b82f6;
}

.app-pill-ticket--teal {
  background: #e1f7ee;
}

.app-pill-ticket--teal .app-pill-ticket-badge {
  background: #0f9d74;
}

.app-pill-ticket--purple {
  background: #f1e9fb;
}

.app-pill-ticket--purple .app-pill-ticket-badge {
  background: #8b5cf6;
}


/* ======================================================
   PART B — REUSABLE ORACLE APEX BADGE LIST
   Use .app-ticket-summary on ANY region/container
   ====================================================== */

/* .app-ticket-summary .t-BadgeList {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.app-ticket-summary .t-BadgeList-item {
  flex: 1 1 220px;
  max-width: 260px;
}

.app-ticket-summary .t-Badge {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  padding: 0 16px;
  border-radius: 30px;
  box-shadow: none;
}

.app-ticket-summary .t-Badge-desc {
  order: 1;
  font-size: 14px;
  font-weight: 600;
  color: #333333;
}

.app-ticket-summary .t-Badge-label {
  order: 2;
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  border-radius: 20px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Remove Oracle icons */
/*.app-ticket-summary .t-Icon,
.app-ticket-summary .fa {
  display: none !important;
} */


/* ======================================================
   TICKERS — PILL STYLE
   3 PER ROW / EQUAL SIZE
   ====================================================== */

.app-ticket-summary .t-BadgeList { 
  display: grid !important; 
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

  /* Space between pills */
  column-gap: 16px !important;
  row-gap: 16px !important;

  /* Space from all four sides */
  width: calc(100% - 40px) !important;
  margin: 16px 20px !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}
/* Each ticker */
.app-ticket-summary .t-BadgeList-item {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Pill itself — COMPACT ROUND PILL */
.app-ticket-summary .t-Badge {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;

  /* Smaller pill */
  width: 100% !important;
  height: 58px !important;
  min-height: 58px !important;

  padding: 0 6px 0 15px !important;

  /* Fully rounded */
  border-radius: 999px !important;

  box-sizing: border-box !important;
  /*box-shadow: none !important;*/
  border: none !important;

  box-shadow: 0 2px 6px rgba(15, 27, 45, 0.08) !important;

  overflow: hidden !important;
}

/*-------------------------ticker forced rounded----------------------------------------*/

/* =========================================================
   TICKERS — FORCE ROUND / CURVED CORNERS
   ========================================================= */

.app-ticket-summary .t-Badge,
.app-ticket-summary .t-Badge::before,
.app-ticket-summary .t-Badge::after,
.app-ticket-summary .t-BadgeList-item,
.app-ticket-summary .t-BadgeList-item > * {
    border-radius: 12px !important;
}

.app-ticket-summary .t-Badge {
    overflow: hidden !important;
}


/* ======================================================
   FORCE STRONG ROUNDING ON TICKER
   ====================================================== */

.app-ticket-summary .t-Badge,
.app-ticket-summary .t-Badge::before,
.app-ticket-summary .t-Badge::after {
  border-radius: 999px !important;
}

.app-ticket-summary .t-Badge-label {
  border-radius: 50% !important;
}
/* Number bubble */
/* Number bubble — BIGGER ROUND CIRCLE */
.app-ticket-summary .t-Badge-label {
  order: 2 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 auto !important;

  min-width: 40px !important;
  width: 40px !important;
  height: 40px !important;

  padding: 0 !important;
  margin: 0 !important;

  border-radius: 50% !important;

  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;

  box-sizing: border-box !important;
}
/* Remove APEX icons */
.app-ticket-summary .t-Icon,
.app-ticket-summary .fa,
.app-ticket-summary [class*="icon"] {
  display: none !important;
}


/* ======================================================
   TICKER COLORS
   ====================================================== */

.app-ticket-summary .t-BadgeList-item:nth-child(1) .t-Badge {
  background: #e7ebf1 !important;
}

.app-ticket-summary .t-BadgeList-item:nth-child(1) .t-Badge-label {
  background: #0f1b2d !important;
}


.app-ticket-summary .t-BadgeList-item:nth-child(2) .t-Badge {
  background: #fbe4e4 !important;
}

.app-ticket-summary .t-BadgeList-item:nth-child(2) .t-Badge-label {
  background: #e64545 !important;
}


.app-ticket-summary .t-BadgeList-item:nth-child(3) .t-Badge {
  background: #e3f0fb !important;
}

.app-ticket-summary .t-BadgeList-item:nth-child(3) .t-Badge-label {
  background: #3b82f6 !important;
}


.app-ticket-summary .t-BadgeList-item:nth-child(4) .t-Badge {
  background: #e1f7ee !important;
}

.app-ticket-summary .t-BadgeList-item:nth-child(4) .t-Badge-label {
  background: #0f9d74 !important;
}


.app-ticket-summary .t-BadgeList-item:nth-child(5) .t-Badge {
  background: #f1e9fb !important;
}

.app-ticket-summary .t-BadgeList-item:nth-child(5) .t-Badge-label {
  background: #8b5cf6 !important;
}


.app-ticket-summary .t-BadgeList-item:nth-child(6) .t-Badge {
  background: #eef2f7 !important;
}

.app-ticket-summary .t-BadgeList-item:nth-child(6) .t-Badge-label {
  background: #334155 !important;
}


/* ======================================================
   RESPONSIVE
   ====================================================== */

/* Tablet */
@media (max-width: 768px) {
  .app-ticket-summary .t-BadgeList {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobile */
@media (max-width: 480px) {
  .app-ticket-summary .t-BadgeList {
    grid-template-columns: 1fr !important;
  }
}





/*-------------------------page 10 Devkant 04-09-2026--------------------------------------*/
 
/* Uniform size for the file-row buttons */
.ebiz-btn-filebar {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  height: 32px !important;
  margin: 3px 3px 3px 0 !important;
  box-sizing: border-box;
  white-space: nowrap;
  vertical-align: middle !important;
  font-size: 12px !important;
}
 
/* Force the direct parent of these buttons into a row layout */
div:has(> .ebiz-btn-filebar) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  width: auto !important;
}
 
/* Common Universal Theme button-container classes, just in case */
.t-Form-buttons,
.t-Button-container {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  width: auto !important;
}
 
/* Only needed to cancel out Page 10's existing #download_Template margin rule */
#download_Template.ebiz-btn-filebar {
  margin: 3px 3px 3px 0 !important;
}
 
 
/* Only match the exact row whose col-end DIRECTLY holds our buttons
   (using > everywhere stops this from leaking onto outer page rows) */
.row:has(> .col-end > .ebiz-btn-filebar) {
  flex-wrap: nowrap !important;
}
 
.row:has(> .col-end > .ebiz-btn-filebar) > .col-start {
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: none !important;
}
 
.row:has(> .col-end > .ebiz-btn-filebar) > .col-end {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
}


/*-------------------------------------------------------------------------*/


/* =========================================================
   SCROLLABLE REPORT V2
   Content-based column sizing + horizontal scroll
   ========================================================= */

/*.scrollable-report-v2 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;

    overflow-x: auto !important;
    overflow-y: auto !important;

    -webkit-overflow-scrolling: touch !important;
}
*/

/* =========================================================
   REPORT VIEW
   ========================================================= */

/*.scrollable-report-v2 .a-IRR-reportView {
    width: 100% !important;
    max-width: none !important;

    box-sizing: border-box !important;

    max-height: 65vh !important;

    overflow: visible !important;
}
*/

/* =========================================================
   REPORT TABLE
   ========================================================= */

/*.scrollable-report-v2 .a-IRR-table {  */

    /*
       IMPORTANT:
       Let the browser calculate column width
       from the actual content.
    */
 /*   table-layout: auto !important; */

    /*
       Do NOT force table to fit the screen.
       It can become wider when there are many columns.
    */
  /*  width: max-content !important;
*/
    /*
       Minimum width prevents the table from becoming
       ridiculously small.
    */
  /*  min-width: 100% !important;

    max-width: none !important;

    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

*/
/* =========================================================
   CELLS
   ========================================================= */

/*.scrollable-report-v2 .a-IRR-table th,
.scrollable-report-v2 .a-IRR-table td {

    box-sizing: border-box !important;

    vertical-align: middle !important;

    padding: 6px 8px !important;

    line-height: 1.25 !important;

    /*
       Allow text to go to the next line.
    */
   /* white-space: normal !important;

    overflow-wrap: anywhere !important;

    word-wrap: break-word !important;

    word-break: normal !important; */

    /*
       Do not allow content to visually overflow.
    */
   /* overflow: hidden !important; */
}
/*

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

/*.scrollable-report-v2 .a-IRR-table thead {
    display: table-header-group !important;
    visibility: visible !important;
}

.scrollable-report-v2 .a-IRR-table thead th {

    display: table-cell !important;
    visibility: visible !important;

    box-sizing: border-box !important;

    text-align: left !important;
    vertical-align: middle !important;

    padding: 7px 8px !important;

    font-weight: 600 !important;

    line-height: 1.2 !important;

    height: auto !important;

    white-space: normal !important;

    overflow-wrap: anywhere !important;

    word-wrap: break-word !important;

    word-break: normal !important;
}

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

/*.scrollable-report-v2 .a-IRR-table tbody tr {
    height: auto !important;
}

.scrollable-report-v2 .a-IRR-table tbody td {

    display: table-cell !important;

    box-sizing: border-box !important;

    height: auto !important;

    padding: 6px 8px !important;

    line-height: 1.25 !important;

    white-space: normal !important;

    overflow-wrap: anywhere !important;

    word-wrap: break-word !important;

    word-break: normal !important;
}
*/

/* =========================================================
   LINKS
   ========================================================= */

/*.scrollable-report-v2 .a-IRR-table td a {

    white-space: normal !important;

    overflow-wrap: anywhere !important;

    word-wrap: break-word !important;

    word-break: break-word !important;
}
*/

/* =========================================================
   REMOVE HOVER COLOR
   ========================================================= */

/*.scrollable-report-v2 .a-IRR-table tbody tr:hover > td,
.scrollable-report-v2 .a-IRR-table tbody tr:hover > th {

    background-color: inherit !important;

    background-image: none !important;

    box-shadow: none !important;
} */


/* =========================================================
   APEX FLOATING HEADER
   ========================================================= */

/*.scrollable-report-v2 .t-fht-thead th {

    white-space: normal !important;

    overflow-wrap: anywhere !important;

    word-wrap: break-word !important;

    word-break: normal !important;
}
*/

/* =========================================================
   MOBILE
   ========================================================= */

/* @media screen and (max-width: 768px) {

    .scrollable-report-v2 {
        width: 100% !important;
        max-width: 100% !important;

        overflow-x: auto !important;
        overflow-y: auto !important;
    }

    .scrollable-report-v2 .a-IRR-reportView {

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

        max-height: 60vh !important;

        overflow: visible !important;
    }

    .scrollable-report-v2 .a-IRR-table {

        table-layout: auto !important;

        width: max-content !important;

        min-width: 100% !important;

        max-width: none !important;
    }

    .scrollable-report-v2 .a-IRR-table th,
    .scrollable-report-v2 .a-IRR-table td {

        padding: 6px 7px !important;

        font-size: 12px !important;

        line-height: 1.25 !important;

        white-space: normal !important;

        overflow-wrap: anywhere !important;

        word-wrap: break-word !important;

        word-break: normal !important;
    }
} */


/*-------------------------------------------------------------------*/

/* =========================================================
   APEX INTERACTIVE REPORT
   CLASS: scrollable-report-v2

   BEHAVIOR
   ---------------------------------------------------------
   1. Table uses 100% available width
   2. Small-content columns remain relatively compact
   3. Larger-content columns receive more available space
   4. Long text wraps
   5. Table does not become unnecessarily wide
   6. Horizontal scrolling remains available when needed
   ========================================================= */


/* =========================================================
   1. MAIN REPORT CONTAINER
   ========================================================= */

.scrollable-report-v2 {
    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;

    overflow-x: auto !important;
    overflow-y: auto !important;

    -webkit-overflow-scrolling: touch !important;

    max-height: 65vh !important;
}


/* =========================================================
   2. REPORT VIEW
   ========================================================= */

.scrollable-report-v2 .a-IRR-reportView {
    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;

    overflow: visible !important;

    max-height: none !important;
}


/* =========================================================
   3. REPORT TABLE
   =========================================================

   IMPORTANT:

   Use AUTO layout + 100% width.

   This lets the browser determine reasonable column
   widths from the content while still forcing the table
   to occupy the available screen width.
   ========================================================= */

.scrollable-report-v2 .a-IRR-table {
    table-layout: auto !important;

    width: 100% !important;

    min-width: 100% !important;

    max-width: none !important;

    border-collapse: collapse !important;
    border-spacing: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   4. TABLE CELLS
   ========================================================= */

.scrollable-report-v2 .a-IRR-table th,
.scrollable-report-v2 .a-IRR-table td {

    box-sizing: border-box !important;

    vertical-align: middle !important;

    padding: 6px 8px !important;

    line-height: 1.3 !important;

    /*
       IMPORTANT:
       Allow content to wrap.
    */
    white-space: normal !important;

    overflow-wrap: anywhere !important;

    word-wrap: break-word !important;

    word-break: normal !important;

    /*
       Do NOT use a fixed max-width here.
       Let the table distribute the available width.
    */
    max-width: none !important;

    overflow: hidden !important;
}


/* =========================================================
   5. HEADER
   ========================================================= */

.scrollable-report-v2 .a-IRR-table thead {

    display: table-header-group !important;

    visibility: visible !important;
}


.scrollable-report-v2 .a-IRR-table thead tr {

    height: auto !important;
}


.scrollable-report-v2 .a-IRR-table thead th {

    display: table-cell !important;

    visibility: visible !important;

    box-sizing: border-box !important;

    text-align: left !important;

    vertical-align: middle !important;

    padding: 7px 8px !important;

    font-weight: 600 !important;

    line-height: 1.2 !important;

    height: auto !important;

    white-space: normal !important;

    overflow-wrap: anywhere !important;

    word-wrap: break-word !important;

    word-break: normal !important;

    overflow: hidden !important;
}


/* =========================================================
   6. BODY
   ========================================================= */

.scrollable-report-v2 .a-IRR-table tbody tr {

    height: auto !important;
}


.scrollable-report-v2 .a-IRR-table tbody td {

    display: table-cell !important;

    box-sizing: border-box !important;

    height: auto !important;

    padding: 6px 8px !important;

    line-height: 1.3 !important;

    white-space: normal !important;

    overflow-wrap: anywhere !important;

    word-wrap: break-word !important;

    word-break: normal !important;

    overflow: hidden !important;
}


/* =========================================================
   7. CONTENT INSIDE CELLS
   ========================================================= */

.scrollable-report-v2 .a-IRR-table td > div,
.scrollable-report-v2 .a-IRR-table td > span,
.scrollable-report-v2 .a-IRR-table td > p {

    box-sizing: border-box !important;

    max-width: 100% !important;

    white-space: normal !important;

    overflow-wrap: anywhere !important;

    word-wrap: break-word !important;

    word-break: normal !important;
}


/* =========================================================
   8. LINKS
   ========================================================= */

.scrollable-report-v2 .a-IRR-table td a {

    white-space: normal !important;

    max-width: 100% !important;

    overflow-wrap: anywhere !important;

    word-wrap: break-word !important;

    word-break: break-word !important;
}


/* =========================================================
   9. BUTTONS
   ========================================================= */

.scrollable-report-v2 .a-IRR-table td .t-Button {

    display: inline-block !important;

    width: auto !important;

    max-width: 100% !important;

    white-space: nowrap !important;

    padding: 4px 8px !important;

    font-size: 13px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   10. BADGES
   ========================================================= */

.scrollable-report-v2 .a-IRR-table td .t-Badge,
.scrollable-report-v2 .a-IRR-table td .a-Badge,
.scrollable-report-v2 .a-IRR-table td .u-Badge {

    display: inline-block !important;

    max-width: 100% !important;

    box-sizing: border-box !important;

    vertical-align: middle !important;

    white-space: normal !important;

    overflow-wrap: anywhere !important;

    word-wrap: break-word !important;

    word-break: normal !important;
}


/* =========================================================
   11. BADGE / LABEL CONTENT
   ========================================================= */

.scrollable-report-v2 .a-IRR-table td [class*="badge"],
.scrollable-report-v2 .a-IRR-table td [class*="Badge"] {

    max-width: 100% !important;

    box-sizing: border-box !important;

    vertical-align: middle !important;

    white-space: normal !important;

    overflow-wrap: anywhere !important;

    word-wrap: break-word !important;

    word-break: normal !important;
}


/* =========================================================
   12. BORDERS
   ========================================================= */

.scrollable-report-v2 .a-IRR-table th,
.scrollable-report-v2 .a-IRR-table td {

    border-top: none !important;

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

    box-shadow: none !important;
}


.scrollable-report-v2 .a-IRR-table tr {

    border: none !important;

    box-shadow: none !important;
}


/* =========================================================
   13. REMOVE HOVER COLOR
   ========================================================= */

.scrollable-report-v2 .a-IRR-table tbody tr:hover > td,
.scrollable-report-v2 .a-IRR-table tbody tr:hover > th {

    background-color: inherit !important;

    background-image: none !important;

    box-shadow: none !important;
}


/* =========================================================
   14. APEX FLOATING HEADER
   ========================================================= */

.scrollable-report-v2 .t-fht-thead th {

    white-space: normal !important;

    overflow-wrap: anywhere !important;

    word-wrap: break-word !important;

    word-break: normal !important;

    background-color: #ffffff !important;

    z-index: 100 !important;
}


/* =========================================================
   15. IMPORTANT
   DO NOT FORCE ALL CHILDREN TO 100% WIDTH
   ========================================================= */

.scrollable-report-v2 .a-IRR-table td * {

    box-sizing: border-box !important;

    max-width: 100% !important;
}


/* =========================================================
   16. MOBILE
   ========================================================= */

@media screen and (max-width: 768px) {

    .scrollable-report-v2 {

        width: 100% !important;

        max-width: 100% !important;

        overflow-x: auto !important;

        overflow-y: auto !important;

        max-height: 60vh !important;
    }


    .scrollable-report-v2 .a-IRR-reportView {

        width: 100% !important;

        max-width: 100% !important;

        overflow: visible !important;
    }


    .scrollable-report-v2 .a-IRR-table {

        /*
           Still use the available screen width.
        */
        table-layout: auto !important;

        width: 100% !important;

        min-width: 100% !important;

        max-width: none !important;
    }


    .scrollable-report-v2 .a-IRR-table th,
    .scrollable-report-v2 .a-IRR-table td {

        padding: 6px 7px !important;

        font-size: 12px !important;

        line-height: 1.3 !important;

        white-space: normal !important;

        overflow-wrap: anywhere !important;

        word-wrap: break-word !important;

        word-break: normal !important;
    }
}


/* =========================================================
   17. VERY SMALL MOBILE
   ========================================================= */

@media screen and (max-width: 480px) {

    .scrollable-report-v2 .a-IRR-table {

        table-layout: auto !important;

        width: 100% !important;

        min-width: 100% !important;

        max-width: none !important;
    }


    .scrollable-report-v2 .a-IRR-table th,
    .scrollable-report-v2 .a-IRR-table td {

        padding: 5px 6px !important;

        font-size: 12px !important;

        line-height: 1.3 !important;

        white-space: normal !important;

        overflow-wrap: anywhere !important;

        word-wrap: break-word !important;

        word-break: normal !important;
    }
}


/* =========================================================
   END — SCROLLABLE REPORT V2
   ========================================================= */

   /* =========================================================
   LONG TEXT WRAPPING
   CLASS: long-text-report

   Add this class together with:
   scrollable-report-v2

   Example:
   scrollable-report-v2 long-text-report
   ========================================================= */


/* ---------------------------------------------------------
   Long text cells
   --------------------------------------------------------- */

.long-text-report .a-IRR-table th,
.long-text-report .a-IRR-table td {

    white-space: normal !important;

    overflow-wrap: anywhere !important;

    word-wrap: break-word !important;

    word-break: normal !important;

    line-height: 1.3 !important;
}


/* ---------------------------------------------------------
   Prevent long content from creating huge columns
   --------------------------------------------------------- */

.long-text-report .a-IRR-table td {

    max-width: 280px !important;

    overflow: visible !important;
}


/* ---------------------------------------------------------
   Content inside cells
   --------------------------------------------------------- */

.long-text-report .a-IRR-table td > div,
.long-text-report .a-IRR-table td > span,
.long-text-report .a-IRR-table td > p {

    max-width: 280px !important;

    white-space: normal !important;

    overflow-wrap: anywhere !important;

    word-wrap: break-word !important;

    word-break: normal !important;
}


/* ---------------------------------------------------------
   Links containing long text
   --------------------------------------------------------- */

.long-text-report .a-IRR-table td a {

    white-space: normal !important;

    max-width: 100% !important;

    overflow-wrap: anywhere !important;

    word-wrap: break-word !important;

    word-break: break-word !important;
}


/* ---------------------------------------------------------
   APEX floating header
   --------------------------------------------------------- */

.long-text-report .t-fht-thead th {

    white-space: normal !important;

    overflow-wrap: anywhere !important;

    word-wrap: break-word !important;

    word-break: normal !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 768px) {

    .long-text-report .a-IRR-table td {

        max-width: 240px !important;
    }

    .long-text-report .a-IRR-table td > div,
    .long-text-report .a-IRR-table td > span,
    .long-text-report .a-IRR-table td > p {

        max-width: 240px !important;
    }
}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media screen and (max-width: 480px) {

    .long-text-report .a-IRR-table td {

        max-width: 220px !important;
    }

    .long-text-report .a-IRR-table td > div,
    .long-text-report .a-IRR-table td > span,
    .long-text-report .a-IRR-table td > p {

        max-width: 220px !important;
    }
}
 
 /*--------------------tms register report page 2-----------------------------*/
 
/* Uniform button size */
.ebiz-btn-uniform {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  height: 32px !important;
  margin: 3px 2px !important;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px !important;
  padding: 0 4px !important;
}
 
/* Force the <td> holding Reset/Back/Submit into one row, no scrollbar */
td:has(> .ebiz-btn-uniform) {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  width: 100% !important;
  overflow: hidden !important;
  gap: 4px;
}