#merciboijs_class_filter, #merciboijs_exam_filter {
  width: 50%;
  border: 2px solid #bb9e5f !important;
}

#merciboijs-undosummary, .print-class-summary-btn {
  margin-top: 40px !important;
    background: #fff !important;
    border: 1px solid #bb9e5f !important;
    border-radius: 8px !important;
    color: #222 !important;
}

#merciboijs-undosummary:hover, .print-class-summary-btn:hover {
    background: #bb9e5f !important;
    color: #fff !important;
    cursor: pointer !important;
    border: 1px solid #fff !important;
}

.merciboijs-class-select-form button[type="submit"] {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    background: #fff !important;
    border: 1px solid #bb9e5f !important;
    border-radius: 8px !important;
    color: #222 !important;
}

.merciboijs-class-select-form button[type="submit"]:hover {
    background: #bb9e5f !important;
    color: #fff !important;
    cursor: pointer !important;
    border: 1px solid #fff !important;
}

.class-summary-table:fullscreen .status-passed {
  color: #2ecc40 !important;
}
.class-summary-table:fullscreen .status-failed {
  color: #e74c3c !important;
}
.class-summary-table:fullscreen, .class-summary-table:fullscreen * {
  background: #fff !important;
  color: #222 !important;
  --tw-bg-opacity: 1 !important;
  --tw-text-opacity: 1 !important;
  box-shadow: none !important;
  border-color: #bb9e5f !important;
}
/* Enable scrolling in fullscreen mode for the table */
.class-summary-table:fullscreen {
  overflow: auto !important;
  display: block !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
}
/* Ensure all table cells have borders for the class summary table */
.class-summary-table, .class-summary-table th, .class-summary-table td {
  border: 1px solid #bb9e5f !important;
  border-collapse: collapse !important;
}

/* Add border-radius to all four corners of the table */
.class-summary-table {
  border-radius: 12px !important;
  border: 2px solid #bb9e5f !important;
  box-shadow: none;
  /* Do not use overflow:hidden so the border is visible */
}

.class-summary-table th.sortable[data-tooltip] { 
  position: relative; 
} 

.class-summary-table th.sortable[data-tooltip]:hover::after { 
  content: attr(data-tooltip); 
  position: absolute; 
  left: 50%; 
  top: 100%; 
  transform: translateX(-50%); 
  background: #ede3c7; 
  color: #222; 
  padding: 4px 10px; 
  border-radius: 4px; 
  white-space: nowrap; 
  font-size: 0.95em; 
  z-index: 10; 
  box-shadow: 0 2px 8px rgba(0,0,0,0.15); 
  margin-top: 6px; 
} 

.class-heading, .class-report-heading { 
    padding: 10px; 
    margin-top: 20px; 
    margin-bottom: 20px; 
} 

.status-passed { 
    color: #2ecc40; 
    font-weight: bold; 
} 

.status-failed { 
    color: #e74c3c; 
    font-weight: bold; 
} 

.table-scroll-top { 
  width: 100vw; 
  max-width: 100%; 
  overflow-x: scroll; 
  margin-bottom: 0.5em; 
  height: 20px; 
  box-sizing: border-box; 
  background: #fff; 
} 

.table-scroll-inner { 
  height: 1px; 
  min-width: 1200px; 
  width: 100vw; 
  max-width: 100%; 
} 

.table-responsive { 
  overflow-x: auto; 
  width: 100vw; 
  max-width: 100%; 
  box-sizing: border-box; 
} 

.class-summary-table { 
  margin-bottom: 2em; 
  border-collapse: collapse; 
  width: 100vw; 
  max-width: 100%; 
  box-sizing: border-box; 
} 

.class-summary-table thead { 
  border: 0.5px solid #ede3c7; 
} 

.class-summary-table tbody { 
  border: 0.5px solid #ede3c7; 
} 

.class-summary-table th { 
  padding: 6px 10px; 
} 

.class-summary-table td { 
  padding: 6px 10px; 
  border: none; 
} 

.class-summary-table th.sortable { cursor: pointer; } 

.class-summary-table th.nosort { background: #f5f5f5; } 

.merciboijs-class-select-form { 
  margin-top: 1.5em; 
  margin-bottom: 1.5em; 
} 

.merciboijs-class-select-form label { 
  margin-right: 0.5em; 
} 

.merciboijs-class-select-form select { 
  margin-right: 1em; 
  margin-top: 0.5em; 
  margin-bottom: 0.5em; 
} 

.merciboijs-class-select-form button[type="submit"] { 
  margin-top: 0.5em; 
  margin-bottom: 0.5em; 
} 

#merciboijs_class_filter { 
    height: auto; 
} 
 
#merciboijs_exam_filter { 
    height: auto; 
} 
 
/* Print styles for class summary table */ 

@media print { 
  body * { 
    visibility: hidden !important; 
    box-shadow: none !important; 
    background: #fff !important; 
    color: #000 !important; 
  } 

  .class-summary-table, .class-summary-table * { 
    visibility: visible !important; 
    color: #000 !important; 
    background: #fff !important; 
    box-shadow: none !important; 
  } 

  .class-summary-table { 
    position: absolute !important; 
    left: 0; top: 0; 
    width: 100% !important; 
    max-width: 100% !important; 
    border: 1px solid #bb9e5f !important; 
    font-size: 1em !important; 
    margin: 0 !important; 
    box-sizing: border-box !important; 
    visibility: visible !important;
    color: #222 !important;
    background: #fff !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    font-family: inherit !important;
  }
  
  .class-summary-table th, .class-summary-table td { 
    border: 1px solid #bb9e5f !important; 
    position: absolute !important;
    left: 0; top: 0;
    width: 100% !important;
    max-width: 100% !important;
    /* border: 0.5px solid #ede3c7 !important; */
    font-size: 1em !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    background: #fff !important;
    page-break-inside: avoid !important;
  }
  
  .table-scroll-top, .table-scroll-inner, .table-responsive, 
  .merciboijs-class-select-form, button, .print-btn, .class-summary-table th.sortable[title]:hover::after { 
    border: 1px solid #bb9e5f !important;
    padding: 6px 10px !important;
    background: #fff !important;
    color: #222 !important;
  }
  
  a, button { 
    display: none !important; 
    color: #2ecc40 !important;
    font-weight: bold !important;
  }
}