/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/JSP_Servlet/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 16-Aug-2025, 1:09:31 pm
    Author     : RAJESH
*/
/*.ui-panelgrid.showcase-text-align-center .ui-grid-responsive .ui-panelgrid-cell {
    text-align: center;
}

.customPanelGrid .ui-panelgrid-content {
    align-items: center;
}*/

/* Center the card on the page */
.card-container {
    display: flex;
    justify-content: center;   /* horizontally center */
    align-items: flex-start;   /* align to the top */
    height: 100vh;             /* full viewport height */
    padding-top: 30px; 
      
}

.header-card {
    text-align: center;
    padding: 20px;             /* some spacing inside */
    background-color: #f0f8ff !important;  /* light blue */
    border-radius: 8px; 
    margin-top: 10px;
}

.upload-card {
    text-align: center;
    padding: 20px;             /* some spacing inside */
    background-color: #f0f8ff !important;  /* light blue */
    border-radius: 8px; 
    margin-top: 10px;
    /*width: 75%;
    height: 250px;*/
}

.gi-card {
    text-align: center;
    padding: 20px;             /* some spacing inside */
    background-color: #f0f8ff !important;  /* light blue */
    border-radius: 8px; 
    margin-top: 10px;
    width: 50%;
    /*height: 250px;*/
}

/* Center the content inside the card */
.custom-card {
    text-align: center;
    padding: 20px;             /* some spacing inside */
    background-color: #f0f8ff !important;  /* light blue */
    border-radius: 8px; 
}

.upload-card .my-subtitle { 
  font-family: "Times New Roman", Times, serif;
  font-size: 18px;
  font-weight: 600;
  color: #1f3a8a;
}

.custom-card .my-subtitle { 
  font-family: "Times New Roman", Times, serif;
  font-size: 18px;
  font-weight: 600;
  color: #1f3a8a;
}

.header-card .my-title { 
  font-family: "Times New Roman", Times, serif;
  font-size: 22px;
  font-weight: 600;
  color: #1f3a8a;
}

.header-card .my-subtitle { 
  font-family: "Times New Roman", Times, serif;
  font-size: 18px;
  font-weight: 600;
  color: #1f3a8a;
}

/* Target cells inside panelGrid which is inside your card */
.custom-card .left-align-grid .ui-panelgrid-cell,
.custom-card .left-align-grid .p-panelgrid-cell {
    background-color: #f0f8ff;   /* light blue */
    padding: 8px;                /* add spacing */
}

/* Target cells inside panelGrid which is inside your card */
.upload-card .left-align-grid .ui-panelgrid-cell,
.upload-card .left-align-grid .p-panelgrid-cell {
    /*background-color: #f0f4ff;   /* light blue */
    background-color: #f0f8ff;   /* light blue */
    padding: 8px;                /* add spacing */
}


/* PanelGrid table background */
.custom-grid-bg {
    width: 100%;
    border-collapse: collapse;
}

/* Change all cells (td) background */
.custom-grid-bg td {
    background-color: #f0f8ff !important;   /* light green */
    padding: 10px;
    text-align: center;
}

/* Optional: change header cells if using column headers */
.custom-grid-bg th {
    background-color: #f0f8ff !important;   /* light blue for headers */
    padding: 10px;
}

/* Make each card column a fixed width */
.custom-panelgrid .card-col {
    width: 100% !important;   /* set your desired width */
}

/* Adjust card itself */
.custom-panelgrid .custom-card {
    width: 100% !important;    /* occupy the column fully */
    box-sizing: border-box;
}

/* Left-align all contents of panelGrid inside card */
/*.custom-panelgrid .custom-card .left-align-grid td {
    text-align: left !important;
    vertical-align: top;   /* optional, keeps labels aligned */
/*}*/

/* Optional: ensure the whole grid aligns left */
/*.custom-panelgrid .custom-card .left-align-grid {
    justify-content: flex-start !important;
}*/

/* 1) Ensure the *container* of the inner grid is left-aligned,
      even if the card or outer panelGrid centers text */
.custom-card .ui-card-body .left-align-grid {
    text-align: left !important;
}

/* 2) PrimeFaces 14 panelGrid (layout="grid") uses .ui-panelgrid-cell divs */
.custom-card .ui-card-body .left-align-grid .ui-panelgrid-cell {
    text-align: left !important;
    vertical-align: top; /* helpful for label/value rows */
}

/* 3) If your grid is truly using CSS Grid, set cell alignment explicitly */
.custom-card .ui-card-body .left-align-grid.ui-panelgrid-grid {
    justify-items: start; /* horizontal alignment inside cells */
    align-items: start;   /* vertical alignment inside cells */
}

/* 4) Backward-compat (if you ever switch to table layout) */
.custom-card .ui-card-body .left-align-grid td {
    text-align: left !important;
    vertical-align: top;
}

/* 5) If an outer class (e.g., 'showcase-text-align-center') is centering via flex,
   force the row tracks to start */
.custom-panelgrid .custom-card .left-align-grid,
.custom-panelgrid .custom-card .left-align-grid .ui-grid-row {
    justify-content: flex-start !important;  /* safe no-op for CSS Grid, fixes flex layouts */
}

/* Center the panelGrid inside the card */
.btn-card .ui-card-body {
    display: flex;
    justify-content: center; /* horizontal centering */
    align-items: center;     /* vertical centering (optional) */
}

/* Optional: add spacing between buttons */
.btn-card .btn-grid .ui-panelgrid-cell {
    padding: 0.5rem 1rem;
    text-align: center;
}