a:hover {
    color: #00AEEF;
}
.framed-container {
  border: 2px solid #0F1E45;
  border-radius: 10px;
  padding: 30px;
  max-width: 1000px;
  margin: 30px auto;
  background-color: #ffffff; /* Optional: keeps the inside clean */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); /* Optional: subtle shadow */
}
body {
  font-family: 'Segoe UI', 'Roboto', 'Open Sans', 'Arial', sans-serif;
  color: #333333;
  font-size: 16px;
  line-height: 1.6;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Cambria', 'Playfair Display', Georgia, serif;
  color: #111111;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0.5em;
}

p, blockquote, li, td, span, div {
  font-family: 'Segoe UI', 'Roboto', 'Open Sans', 'Arial', sans-serif;
  color: #333333;
  font-size: 16px;
  line-height: 1.6;
}
.ef-grades-learner-col {
  max-width: 100px !important;
  width: 100px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
tr.oddRowColor td,
tr.evenRowColor td,
tr.defaultRowHeight td {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}
/* Scope to Courses table only */
#courses_list .tabulator-cell { white-space: normal; line-height: 1.3; padding: 8px 10px; }
#courses_list .tabulator-row { min-height: 46px; }
#courses_list .tabulator-col-title { white-space: nowrap; }
#courses_list .tabulator-tableholder { overflow-x: auto; } /* allow wider layouts */
#courses_list .tabulator-cell, 
#courses_list .tabulator-col { font-size: 14px; }

/* DO NOT ADD/EDIT AFTER THIS LINE */