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; }
.autocomplete-items { position: absolute; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; top: 100%; left: 0; right: 0; background: #fff; max-height: 200px; overflow-y: auto; }
.autocomplete-item { padding: 10px; cursor: pointer; border-bottom: 1px solid #d4d4d4; }
.autocomplete-item:hover { background-color: #e9e9e9; }
.position-relative { position: relative; }

/*  Scrollable + responsive table */
.custom-table-container {
  max-height: 600px;   /* adjust height as needed */
  overflow-y: auto;    /* vertical scroll */
  overflow-x: auto;    /* horizontal scroll for small screens */
}

/*  Sticky header */
.custom-table-container thead th {
  position: sticky;
  top: 0;
  background: #f8f9fa;
  z-index: 10;
}
/* font1 input textarea font size  */
.font1{
  font-size: 13px;
}
/* marker */
.options::marker {
  font-weight: bold;
}