.dashboard-box {
  background-color: white;
  border-radius: 1rem;
  color: unset;
  display: flex;
  /* height: 200px; */
  overflow: hidden;
  justify-content: space-between;
  flex-direction: column;
}

.dashboard-box-title {
  font-weight: bolder;
  font-size: 1.1rem;
  color: black;
}

.dashboard-box-des {
}

.dashboard-box-link {
  padding: 1rem;
}

.dashboard-box-link a,
.dashboard-box-title a {
  color: unset;
}

.dashboard-box:hover {
  text-decoration: none;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.313);
}

.dashboard-box a:hover {
  text-decoration: none;
}

table tr.zeile:not(:has(button)) {
  display: none;
}

.js-indentation,
.tabledrag-handle,
.menu-item__link {
  display: inline-block; /* Make elements inline */
  margin-right: 20px; /* Optional: add some spacing between elements */
}

.tabledrag-handle .icon {
  margin-right: 5px; /* Optional: add spacing between icon and text */
}

.checkbox.menu-enabled.form-item.js-form-item.form-type-checkbox.js-form-type-checkbox {
  margin: unset;
}

.checkbox.menu-enabled {
  margin: unset;
}

.cool-button {
  background-color: var(--sidebar-font-color);
  border: none; /* Remove borders */
  color: var(--sidebar-bg-color); /* White text */
  padding: 15px 32px; /* Some padding */
  text-align: center; /* Centered text */
  text-decoration: none; /* Remove underline */
  display: inline-block; /* Make the button inline */
  font-size: 1.4rem;
  font-weight: bolder;
  margin: 4px 2px; /* Some margin */
  cursor: pointer; /* Pointer/hand icon */
  border-radius: 12px; /* Rounded corners */
  box-shadow: 2px 4px #000000d4; /* Add a shadow */
  transition-duration: 0.4s; /* 0.4 second transition effect to hover states */
  display: flex;
  flex-direction: column;
}

.cool-button span {
  font-size: 0.8rem;
}

.cool-button:hover {
  background-color: #b7d0ffc2; /* Darker green background */
  box-shadow: 4px 8px #000000d4; /* Darker shadow */
  text-decoration: none;
  transform: translateY(-2px); /* Move up a bit */
}

.cool-button:active {
  background-color: #81adff; /* Even darker green background */
  box-shadow: 4px 8px #000000d4; /* Restore original shadow */
  transform: translateY(0); /* Move back to original position */
}

.cool-button-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

.ui-dialog {
  background: white !important;
  padding: 1rem;
  border-radius: 1rem;
  box-shadow: 0px 0px 20px 1px black;
}
