/* Shared Components Styles
   These styles are for components used across multiple pages
   including modals, alerts, and other shared UI elements.
*/

/* Modal styles - used across multiple pages */
.modal-open {
  overflow: auto !important;
  padding-right: 0 !important;
}

.modal-backdrop {
  z-index: 1040 !important;
}

/* Button and form styling */
.btn-action-group .btn {
  margin-right: 5px;
}

/* Ensure that dropdown menus don't get hidden */
.dropdown-menu {
  z-index: 1030;
}

/* Filter form styling */
.filter-card {
  margin-bottom: 1.5rem;
  border: 0;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.filter-card .card-header {
  background-color: #f8f9fa;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.filter-card .form-label {
  font-weight: 500;
  color: #495057;
}

/* Pagination styling */
.pagination {
  margin-bottom: 0;
  margin-top: 1rem;
}

/* Sidebar submenu styling */
#sensorsSubmenu {
  padding-left: 1.5rem;
}

#sensorsSubmenu li a {
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 0.95em;
  border-left: 2px solid rgba(255, 255, 255, 0.2);
}

#sensorsSubmenu li a:hover {
  border-left: 2px solid rgba(255, 255, 255, 0.5);
}

.grey-background {
  background-color: #2c3136;
}

.grey-text {
  background-color: #fff;
  color: #2c3136;
}