.textAreaCustom {
  resize: none;
  scrollbar-width: none;
}

.textAreaCustom::-webkit-scrollbar {
  display: none;
}

.col-md-12 {
  margin-top: 16px;
}

.content-page {
  margin-top: 100px !important;
}

@media (max-width: 768px) {
  .content-page {
    margin-left: 100px;
  }
}

@media (min-width: 769px) {
  .content-page {
    margin-left: 250px;
  }
}

.hover-shadow {
  transition: all 0.3s ease;
}

.hover-shadow:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.transition {
  transition: all 0.3s ease;
}

.bg-purple {
  background-color: #6f42c1 !important;
}

.bg-indigo {
  background-color: #6610f2 !important;
}

.text-purple {
  color: #6f42c1 !important;
}

.text-indigo {
  color: #6610f2 !important;
}

.modal-xl {
  max-width: 1200px;
}

#historyModalBody .card {
  transition: all 0.3s ease;
}

#historyModalBody .card:hover {
  border-color: rgba(0, 123, 255, 0.5) !important;
}

/* Dark theme hover */

html[data-bs-theme="dark"] .sidebar .nav-item .collapse .collapse-inner .collapse-item:hover, html[data-bs-theme="dark"] .sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover {
  background-color: #171614 !important;
}

/* Light theme hover */

html[data-bs-theme="light"] .sidebar .nav-item .collapse .collapse-inner .collapse-item:hover, html[data-bs-theme="light"] .sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover {
  background-color: #eaecf4 !important;
}