.submenu {
  position: absolute;
  /* top: 100px;
  left: 1000px;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 10px;
  border-radius: 5px;
  display: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: translateY(-10px); */
}

/* 서브메뉴 호버 시 */
.submenu-item:hover {
  color: rgba(12, 11, 11);
}

/* 서브메뉴 클릭 시 강조 효과 */
.submenu-item.active {
  /*background-color: #ffcc00 !important;*/
  /* 강조 색상 */
  color: black !important;
  font-weight: bold;
}

/* 그리드 ui 버튼 스타일*/
.grid-update-button,
.grid-refusal-button {
  padding: 4px 8px;
  background-color: #ff1100;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.grid-permission-button,
.grid-accept-button {
  padding: 4px 8px;
  background-color: green;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.grid-delete-button {
  padding: 4px 8px;
  background-color: rgb(0, 195, 255);
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* 연한색 스트라이프 */
.stripe-odd {
  background-color: #f9f9f9 !important;
}

.stripe-even {
  background-color: #ffffff !important;
}

/* 알림 토스트 스타일 */
#notification-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
}

.toast-notification {
  background-color: #28a745;
  color: white;
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: opacity 0.5s, transform 0.5s;
  transform: translateY(20px);
}

.toast-notification.show {
  opacity: 1;
  transform: translateY(0);
}