/* --- TMS WEB Core Specific Fixes --- */
/* Removes the default border from the main Form wrapper */
span.card {
    border: none;
}


/* --- Login Screen Styling --- */
.login-card {
    display: inline-block; /* Or use d-flex on the parent to center it */
    width: 100%;
    max-width: 350px;      /* Better than fixed 300px */
    padding: 0;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

/* Optional: Custom navbar look for the login screen */
.login-navbar {
    max-width: 1200px;
    margin: auto;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #d3d3d3;
}

/* --- Table Customization --- */
/* Bootstrap has .table-hover, but this sets your specific blue color */
.table tbody tr:hover {
    background-color: #d1e7fd;
    cursor: pointer;
}

/* --- Pagination Theme Overrides --- */
/* These override Bootstrap's blue to your specific darker blue (#204d74) */

.pagination .page-link {
    color: #204d74; /* Text color for standard links */
}

/* Active State (Selected Page) */
.pagination .page-item.active .page-link {
    background-color: #204d74;
    border-color: #204d74;
    color: #fff !important;
}

/* Hover State */
.pagination .page-item:not(.active) .page-link:hover {
    background-color: #e9ecef; /* Standard Bootstrap light grey hover */
    color: #16344a;            /* Darker text on hover */
}

/* --- Utilities --- */
.list-section-header:empty {
    display: none;
}

#map_pnlmap > span {
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      height: 100% !important;
      position: absolute !important;
    }

html, body {
  height: 100%;
  overflow: hidden;
}

.tab-hidden { display: none !important; }


.summary-chevron-icon {
  width: 1rem;
  height: 1rem;
  display: block;
  transition: transform 0.15s ease-in-out;
}

/* Expanded => show DOWN (rotate base UP chevron) */
.summary-toggle[aria-expanded="true"] .summary-chevron-icon {
  transform: rotate(180deg);
}

.time-vscroll {
  height: 100%;
  overflow: auto;
}

.time-vscroll thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--bs-body-bg);
}

.time-vscroll thead th.th-resize {
  z-index: 3;
}

.time-table {
  table-layout: fixed;
}

.time-table th,
.time-table td {
  overflow: hidden;
}

.time-table .dropdown,
.time-dd-toggle,
.time-dd-label,
.cell-input,
.cell-textarea {
  min-width: 0;
}




