/* Custom Navbar Styling */

.clear-button {
    margin-left: 10px;
    padding: 2px 6px;
    background-color: #dc3545;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
  }
  .clear-button:hover {
    background-color: #c82333;
  }
  

.navbar {
    opacity: 0.95;
    transition: all 0.3s ease-in-out;
}

.navbar-brand {
    font-size: 1.5rem;
    font-weight: bold;
}

.navbar-nav .nav-link {
    font-size: 1.1rem;
    padding: 8px 15px;
}

.navbar-nav .nav-link:hover,
.navbar-brand.nav-link:hover {
  border-bottom: 2px solid #007bff; /* Bootstrap primary blue */
}

/* Page Content Spacing */
.container {
    margin-top: 20px;
}
/* ----center table---- */
/* ----center table---- */
table.grid-table-center {
  width: 100%;
  font-family: Calibri, sans-serif;
  border-collapse: collapse;
  margin-bottom: 1em;
}

.grid-table-center th,
.grid-table-center td {
  border: 1px solid #666; /* ✅ Vertical and horizontal borders */
  padding: 6px 10px;
}

/* ✅ Left-align only the first column */
.grid-table-center th:first-child,
.grid-table-center td:first-child {
  text-align: left;
}

/* ✅ Center-align all other columns */
.grid-table-center th:not(:first-child),
.grid-table-center td:not(:first-child) {
  text-align: center;
}

/* ✅ Light gray background for header */
.grid-table-center thead {
  background-color: #d3d3d3;
}

/* ✅ Remove default bold headers */
.grid-table-center th {
  font-weight: normal;
}

/* ✅ Utility class to selectively bold any text */
.bold {
  font-weight: bold;
}

/* ------Classification table----------- */
/* ----All Columns Centered Table with Bold Headers---- */
table.grid-table-center-all {
  width: 100%;
  font-family: Calibri, sans-serif;
  border-collapse: collapse;
  margin-bottom: 1em;
}

.grid-table-center-all th,
.grid-table-center-all td {
  border: 1px solid #666;
  text-align: center;
  padding: 6px 10px;
}

.grid-table-center-all thead {
  background-color: #d3d3d3;
}

.grid-table-center-all th {
  font-weight: bold; /* ✅ Bold headers */
}


/* ----align left table---- */
table.grid-table-left {
    width: 100%;
    font-family: Calibri, sans-serif;
    border-collapse: collapse;
    margin-bottom: 1em;
  }
  
  .grid-table-left th {
    font-weight: normal; /* ✅ remove default bold */
  }
  .grid-table-left td {
    border: 1px solid #666;  /* Darker border */
    padding: 6px 10px;
  }
  
  .grid-table-left thead {
    background-color: #d3d3d3;
  }
  
  .grid-table-left td:first-child,
  .grid-table-left th:first-child {
    text-align: left;
  }
  
  .grid-table-left td:not(:first-child),
  .grid-table-left th:not(:first-child) {
    text-align: center;
  }

  .bold {
    font-weight: bold; /* ✅ use this class to selectively bold */
  }
  
/* ----align left table end---- */  
/* Default Light Theme */
body {
    background-color: #ffffff;
    color: #000000;
  }
  
  table {
    border-color: #ccc;
  }
  
  .grid-table-left thead {
    background-color: #d3d3d3;
  }
  
  /* Dark Theme */
  body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
  }
  
  body.dark-mode table {
    border-color: #444;
  }
  
  body.dark-mode .grid-table-left thead {
    background-color: #333;
  }
  body, table, td, th {
    transition: background-color 0.3s ease, color 0.3s ease;
  }


  body {
    background-color: #ffffff;
    color: #000000;
  }
  
  body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
  }
/* -------end of dark mode-------   */
.fixed-download-button {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1050;
  padding: 10px 20px;
  font-size: 16px;
}

/* conners */


  /* conners.css */

.conners-table {
  width: 100%;
  font-family: Calibri;
  border-collapse: collapse;
}

.conners-table,
.conners-table th,
.conners-table td {
  border: 1px solid #000;
}

.conners-table th,
.conners-table td {
  padding: 6px;
}

.conners-table th {
  text-align: center;
  background-color: #D3D3D3;
}

.conners-table td.center {
  text-align: center;
}

.conners-description,
.conners-paragraph {
  font-family: Calibri;
  font-size: 16px;
}
.center {
  text-align: center;
}
.conners-table th.left-align,
.conners-table td.left-align {
  text-align: left !important;
}