.body { font-family: 'Roboto', sans-serif; background: #c8ecf5; }
.navbar { background: linear-gradient(90deg, #092986, #f9a815c4); box-shadow:0 4px 20px rgba(0,0,0,0.2); }
.navbar-brand { color:#fff; font-weight:700; font-size:1.5rem; }
.navbar-nav .nav-link { color:#fff; font-weight:500; margin-right:1rem; transition:0.3s; }
.navbar-nav .nav-link:hover { color:#ffd700; }
.navbar-nav .dropdown-menu { background:#4e73df; border:none; }
.navbar-nav .dropdown-item { color:#fff; }
.navbar-nav .dropdown-item:hover { background:#1cc88a; color:#fff; }
.section-title { font-size:1.5rem; font-weight:700; margin-bottom:1rem; }
.card { border-radius: 10px; box-shadow:0 4px 10px rgba(0,0,0,0.1); transition: transform 0.2s; }
.card:hover { transform: scale(1.02); }
.table-responsive { max-height:400px; overflow-y:auto; }
.search-input { margin: 0; height: 38px; }
.card .d-flex { flex-wrap: wrap; }
.success-msg { color: green; }
.error-msg { color: red; }
.nav1:hover{color:#ffd700;}
.section-title1 { font-size:2rem; font-weight:700; margin-bottom:1rem; position:relative; }
.section-title1::after { content:''; position:absolute; width:60px; height:4px; background:#4e73df; left:0; bottom:-8px; border-radius:2px; }
.btn .spinner-border { width: 1rem; height: 1rem; margin-left: 5px; display: none; }

/* pagination style section */

.pagination .page-item.active .page-link {
  background-color: #1cc88a;
  border-color: #1cc88a;
  color: white;
}

.pagination .page-link {
  color: #4e73df;
  cursor: pointer;
}

/* subcourse style */

/* Fix Subcourse dropdown display */
#subcourses select.form-select {
    position: static !important; /* make it behave like normal dropdown */
    z-index: auto !important;
}