/* Set global background and font */
@font-face {
  font-family: myFirstFont;
  src: url('MTCORSVA.woff'); /* Adjust path if needed */
}

html, body {
  background-color: #fffaf5; /* soft cream background */
  color: #222;
  font-family: myFirstFont, Arial, sans-serif;
  margin: 0;
  padding: 0;
  height: 100%;
}

/* Links */
td a {
  color: maroon;
  font-weight: bold;
}

td a:hover {
  color: #FFD700; /* gold hover */
}

/* Header */
#header {
  font-family: myFirstFont;
  font-weight: bold;
  font-size: 25px;
  color: maroon;
}

/* Login form */
#loginform {
  margin: 150px auto;
  width: 280px;
  background: #fff;
  padding: 20px;
  border: 2px solid maroon;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(128, 0, 0, 0.3);
}

#loginform span {
  width: 100px;
  display: inline-block;
}

/* Account labels */
#ac span {
  width: 95px;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 12px;
  padding-right: 10px;
}

/* Select dropdown */
select {
  border: 1px solid maroon;
  background: #fff5e1;
  padding: 5px 10px;
  box-shadow: 0 1px 2px #ccc;
  width: 100%;
  box-sizing: border-box;
  border-radius: 5px;
}

/* Input fields */
input {
  border: 1px solid maroon;
  background: maroon;
  padding: 10px;
  box-shadow: 0 1px 2px #ddd;
  color: white;  
  width: 100%;
  box-sizing: border-box;
  border-radius: 4px;
}

/* Buttons */
#btn {
  width: 100px;
  background: maroon;
  border: 1px solid maroon;
  border-radius: 10px;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  color: gold;
  margin-top: 10px;
  transition: 0.3s;
}

#btn:hover {
  background: #a52a2a;
  color: white;
}

/* Main table */
#maintable {
  margin: 50px auto;
  width: 900px;
}

/* Links inside buttons */
button a, a:hover {
  color: #fff;
  text-decoration: none;
}

/* Filter + add buttons */
#filter {
  width: 70%;
  float: left;
}

#addd, #cccc {
  border: 1px solid maroon;
  background: gold;
  padding: 5px 10px;
  box-shadow: 0 1px 2px #ddd;
  width: 25%;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  color: maroon;
  font-weight: bold;
}

#addd {
  float: right;
}

#cccc {
  float: left;
}

.clearfix {
  clear: both;
}

/* Result Table */
#resultTable {
  border-collapse: separate;
  background-color: #fff;
  border-spacing: 0;
  max-width: 100%;
  color: #333;
  width: 100%;
  border: 1px solid maroon;
  box-shadow: 0 5px 5px -5px rgba(128, 0, 0, 0.3);
  margin-top: 13px;
}

#resultTable thead tr th {
  background: maroon;
  color: gold;
  padding: 10px 14px;
  text-align: left;
  font-size: 13px;
}

#resultTable tbody tr td {
  font: bold 13px 'Arial';
  text-align: left;
  padding: 10px 14px;
  border-top: 1px solid maroon;
}

#resultTable td {
  padding: 7px;
  border: maroon 1px solid;
}

#resultTable tr {
  background: #fff;
}

#resultTable tr:hover {
  background-color: #fff3cd; /* light gold hover */
}

/* Main menu buttons */
#mainmain {
  margin: 50px auto;
  text-align: center;
  width: 980px;
}

#mainmain a {
  text-decoration: none;
  padding: 15px;
  border-radius: 10px;
  margin: 10px;
  box-shadow: 0 5px 5px 2px rgba(128, 0, 0, 0.4);
  border: 1px solid maroon;
  background: gold;
  color: maroon;
  font-size: 20px;
  display: inline-block;
  width: 265px;
  height: 85px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 5px;
  transition: 0.3s;
}

#mainmain a:hover {
  background: maroon;
  color: gold;
}

/* Sidebar navigation maroon & gold theme */
.nav-list li a {
  background: maroon !important;   /* Maroon background */
  color: gold !important;          /* Gold text */
  font-weight: bold;
  border-bottom: 1px solid #660000; /* darker maroon border */
  transition: 0.3s;
}

/* Hover effect */
.nav-list li a:hover {
  background: gold !important;   /* Gold background */
  color: maroon !important;      /* Maroon text */
  text-decoration: none;
}

/* Active link (current page) */
.nav-list li.active a {
  background: #660000 !important; /* Darker maroon */
  color: #FFD700 !important;
}

/* Icons inside links */
.nav-list li a i {
  color: gold !important;
  margin-right: 8px;
}

 .custom-well {
    background-color: maroon !important;
    color: #fff; /* make text readable on maroon */
    border: none; /* optional: remove border */
  }
  .custom-well a {
    color: #ffd700; /* gold links for lawyer theme */
  }
  .custom-well a:hover {
    color: #fff; /* white on hover */
  }