html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

#navbarNav .navbar-nav .nav-item .nav-link {
  transition: background-color 0.3s ease, color 0.3s ease;
  /* font-weight: bold; */
  font-size: 1.04rem; 
}

#navbarNav .navbar-nav .nav-item .nav-link:hover {
  background-color: #e9ecef; 
  color: #0056b3; 
}

#navbarNav .dropdown-menu .dropdown-item {
  transition: background-color 0.3s ease, color 0.3s ease;
  /* font-weight: bold; */
  font-size: 1.03rem; 
}

#navbarNav .dropdown-menu .dropdown-item:hover {
  background-color: #e9ecef; 
  color: #0056b3;
}

.navbar-brand {
  font-size: 1.4rem;
  font-weight: bold;
}

.option-muted {
  color: #999;
}

./* Make the dxDataGrid resemble a Bootstrap 5 table */
.dx-datagrid {
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
}

.dx-datagrid-headers {
  background-color: var(--bs-table-bg);
  color: var(--bs-table-color);
  border-bottom: 2px solid var(--bs-border-color);
}

.dx-datagrid .dx-header-row {
  background-color: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
  font-weight: bold;
  text-align: left;
}

.dx-datagrid-rowsview .dx-row {
  background-color: var(--bs-table-bg);
  color: var(--bs-table-color);
  border-bottom: 1px solid var(--bs-border-color);
}

.dx-datagrid-rowsview .dx-row:hover {
  background-color: var(--bs-table-hover-bg);
}

.dx-datagrid .dx-datagrid-pager {
  background-color: var(--bs-body-bg);
}

/* Apply Bootstrap-like hover effect */
.dx-datagrid .dx-data-row:hover {
  background-color: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}

.email-checkbox {
  transform: scale(1.2); /* Adjust the scale value to make the checkbox larger */
  margin-right: 15px; /* Optional: add spacing */
}

.disabled-look {
  background-color: #e9ecef; /* Light gray background to mimic disabled inputs */

}

.z-index-11000 {
  z-index: 11000;
}

#logoutForm {
  margin-top: 0.5rem; 
}

.dx-searchbox .dx-placeholder {
  font-size: 16px; 
  font-weight: bold;
}