/* Remove underlines from hyperlinks */
a {
  text-decoration: none;
}

/* Light theme: all hyperlinks get color #131C28 */
body a {
  color: #131C28;
}

/* Dark theme: override hyperlink color to #BEB6B2 */
body.dark-mode a {
  color: #BEB6B2;
}

/* Default (light) theme backgrounds and text */
body {
  background-color: #f8f9fa;
  color: #212529;
}

/* Navbar and table header: fixed colors for both themes */
.navbar, 
.navbar .navbar-brand, 
.navbar .nav-link,
.table thead th {
  background-color: #131C28 !important;
  color: #ffffff !important;
}

/* Sidebar and content area default backgrounds */
.sidebar, .content-area {
  background-color: #ffffff;
}

/* Dark theme styles using custom colors */
body.dark-mode {
  background-color: #131C28;
  color: #BEB6B2;
}

body.dark-mode .navbar {
  background-color: #131C28 !important;
}

body.dark-mode .sidebar {
  background-color: #303438;
  border-color: #454A4E;
}

body.dark-mode .content-area {
  background-color: #454A4E;
}

/* Dark theme styling for tables */
body.dark-mode .table {
  background-color: #303438;
  color: #BEB6B2;
}

body.dark-mode .table thead th {
  background-color: #131C28 !important;
  color: #ffffff !important;
}

body.dark-mode .table-striped tbody tr:nth-of-type(odd) {
  background-color: #818486;
}

/* Sidebar styling */
.sidebar {
  border-right: 1px solid #dee2e6;
  height: calc(100vh - 56px);
  overflow-y: auto;
  padding: 15px;
}

/* Content area styling */
.content-area {
  height: calc(100vh - 56px);
  overflow-y: auto;
  padding: 15px;
}

/* Action buttons */
.table-actions form {
  display: inline;
}

.fa-icon {
  font-size: 1rem;
  cursor: pointer;
  margin-right: 5px;
}

.fa-icon.rename {
  color: #6c757d;
}

.fa-icon.delete {
  color: #dc3545;
}

th.select-col,
td.select-col {
  width: 40px;
  text-align: center;
}

/* New Dropdown Menu Icon and Text Styling */
.dropdown-menu i {
    color: #131C28 !important;
}

.dropdown-menu a {
    color: #303438 !important;
}

.dropdown-menu a:hover {
    color: #131C28 !important;
}