.btn-primary {
  background-color: #4A247E;
  color: #fff;
  padding: 10px 15px;
}

.btn-primary:hover {
  background-color: #8B5DFF;
}

/* ============================ Left menu sidebar=====================================*/
/* Sidebar container */
.navbar-nav {
  top: 0;
  left: 0;
  background-color: #f8f9fa; /* Set to your logo's color or a suitable theme */
  color: #D69ADE;
  padding-top: 20px; /* Add padding from top */
  z-index: 1000; /* Ensure it's above other content */
  background: #f8f9fa;
  padding: 10px;
  border-radius: 8px;
  font-weight: bold;
}

/* Style for links */
.nav-link {
  padding: 10px 15px;
  text-align: left;
  color: #4A247E;
}

/* Dropdown styles */
.dropdown-menu {
  position: relative;
  left: 0;
  top: 0;
  border: none;
  width: 250px;
}

.nav-item {
  margin-bottom: 10px;
}

.navbar-nav .nav-item .dropdown-menu .dropdown-item {
  font-size: 16px;
  font-weight: 400;
}
.navbar-nav .nav-item .dropdown-menu .dropdown-item:hover, .navbar-nav .nav-item .dropdown-menu .dropdown-item:active, .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus {
  background-color: #8B5DFF;
  color: #D69ADE;
  font-weight: 500;
}

/* Submenu opens to the right */
.dropdown-submenu {
  position: absolute;
  left: 100%;
  top: 0;
  display: none;
  min-width: 200px;
  background: #ffffff;
  border: 1px solid #ddd;
  border-radius: 5px;
}

/* Show submenu when parent is hovered */
.nav-item:hover > .dropdown-submenu {
  display: block;
}

/* Align submenu items */
.dropdown-submenu li {
  list-style: none;
  padding: 5px 10px;
}

.dropdown-submenu li a {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  color: #333;
  text-decoration: none;
  transition: background 0.3s;
}

.dropdown-submenu li a:hover {
  background: #f1f1f1;
}

/* ==============END of left menu sidebar==============*/

.upload-input-container {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: end;
}

.upload-input-container .choose-btn {
  border-radius: 2px;
  background: #0d6efd;
  color: red;
  text-align: center;
  cursor: pointer;
  font-family: arial;
  font-size: 13px;
  width: 100%;
  padding: 9px 5px;
  transition: all 0.3s;
}

.upload-input-container .choose-btn:hover {
  background: #555;
}

.upload-input-container input[type=file] {
  display: none;
}

.main-title {
  color: #D69ADE;
}

h5 {
  color: #D69ADE;
}

label {
  color: #8B5DFF;
}

.secondary {
  color: #8B5DFF !important;
}

.third {
  color: #D69ADE !important;
}

/* Adjust body content for sidebar */
body {
  /*padding-left: 250px;*/ /* Push body content to the right to make space for sidebar */
  /*padding-bottom: 20px;*/
}

/* Set padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px;
}

/* Global PQGrid theme (placed in main.css so it overrides vendor themes) */
/* This block intentionally targets pqGrid selectors only and uses specificity + !important
   to ensure predictable, global styling without touching external pqgrid files. */

.pq-grid,
div.pq-grid,
table.pq-grid,
.pq-grid.ui-widget,
div.pq-grid.ui-widget {
  box-sizing: border-box !important;
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  background: #ffffff !important;
  border-radius: 8px !important;
  border: 1px solid rgba(17,24,39,0.06) !important;
  box-shadow: 0 6px 18px rgba(16,24,40,0.06) !important;
  overflow: hidden !important;
  color: #0b1220 !important;
}

/* Header / toolbar */
.pq-grid .pq-head,
.pq-grid .pq-toolbar,
.pq-grid .pq-grid-title,
.pq-grid.ui-widget .pq-head,
.pq-grid.ui-widget .pq-toolbar,
.pq-grid.ui-widget .pq-grid-title {
  background: linear-gradient(180deg, rgba(255,255,255,0.6), rgba(248,250,252,1)) !important;
  border-bottom: 1px solid rgba(17,24,39,0.04) !important;
  padding: 10px 12px !important;
  color: #1f4f91 !important;
  font-weight: 600 !important;
}

/* Column headers */
.pq-grid .pq-head .pq-header-cell,
.pq-grid.ui-widget .pq-head .pq-header-cell {
  background: transparent !important;
  color: #0f172a !important;
  font-size: 13px !important;
  padding: 10px 12px !important;
  border-right: 1px solid rgba(17,24,39,0.03) !important;
}

/* Rows & cells */
.pq-grid .pq-body .pq-row,
div.pq-grid .pq-body .pq-row {
  transition: background-color 120ms ease, transform 80ms ease !important;
}

.pq-grid .pq-body .pq-row:hover,
div.pq-grid .pq-body .pq-row:hover {
  background: rgba(43,111,191,0.06) !important;
}

.pq-grid .pq-body .pq-cell,
div.pq-grid .pq-body .pq-cell,
.pq-grid.ui-widget .pq-body .pq-cell {
  padding: 10px 12px !important;
  color: #0b1220 !important;
  font-size: 14px !important;
  border-right: 1px solid rgba(17,24,39,0.03) !important;
  vertical-align: middle !important;
}

/* Selected / highlight */
.pq-grid .pq-body .pq-row.ui-state-highlight,
.pq-grid .pq-body .pq-row.pq-row-focus,
.pq-grid .pq-body .pq-row.pq-selected {
  background: rgba(43,111,191,0.12) !important;
}

/* Numeric cells alignment */
.pq-grid .pq-body .pq-cell.pq-numeric,
.pq-grid .pq-body td[data-type="numeric"] {
  text-align: right !important;
  font-variant-numeric: tabular-nums !important;
}

/* Pager */
.pq-grid .pq-pager {
  padding: 8px 12px !important;
  background: transparent !important;
  border-top: 1px solid rgba(17,24,39,0.03) !important;
}

/* Toolbar inputs */
.pq-grid .pq-toolbar input[type="search"],
.pq-grid .pq-toolbar .pq-filter {
  border: 1px solid rgba(17,24,39,0.08) !important;
  border-radius: 6px !important;
  padding: 6px 8px !important;
  font-size: 13px !important;
  background: #fff !important;
}

/* Optional wrapper styling when decorating grids */
.app-pqgrid-wrapper {
  margin: 10px 0 !important;
  padding: 10px !important;
  background: #f8fafc !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 10px rgba(16,24,40,0.04) !important;
}
div.pq-grid *, .pq-grid-cell {
    font-size: 10px;
    font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: black;
}
/* Responsive tuning */
@media (max-width: 768px) {
  .pq-grid .pq-head .pq-header-cell,
  .pq-grid .pq-body .pq-cell {
    padding: 8px 10px !important;
    font-size: 13px !important;
  }
}