html[data-menu-color=brand] {
  --ct-menu-bg: #ffffff;
  --ct-menu-item-color: #000000;
  --ct-menu-item-hover-color: #e68ab3;
  --ct-menu-item-active-color: #e68ab3;
}
.btn-danger-custom {
  --ct-btn-color: #fff;
  --ct-btn-bg: #e68ab3;
  --ct-btn-border-color: #e68ab3;
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: #cc7fa1;
  --ct-btn-hover-border-color: #cc7fa1;
  --ct-btn-focus-shadow-rgb: 243, 111, 130;
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: #c14456;
  --ct-btn-active-border-color: #b54051;
  --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --ct-btn-disabled-color: #fff;
  --ct-btn-disabled-bg: #f1556c;
  --ct-btn-disabled-border-color: #f1556c;
}
.form-check-input:checked {
  background-color: #e68ab3;
  border-color: #e68ab3;
}
.btn-custom {
  font-size: 1rem !important;
}
.active > .page-link,
.page-link.active {
  background-color: #e68ab3;
}
.btn-primary-custom {
  --ct-btn-color: #fff;
  --ct-btn-bg: #e68ab3;
  --ct-btn-border-color: #e68ab3;
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: #cc7fa1;
  --ct-btn-hover-border-color: #cc7fa1;
  --ct-btn-focus-shadow-rgb: 243, 111, 130;
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: #c14456;
  --ct-btn-active-border-color: #b54051;
  --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --ct-btn-disabled-color: #fff;
  --ct-btn-disabled-bg: #f1556c;
  --ct-btn-disabled-border-color: #f1556c;
}
.readonly {
  background-color: #f0f0f0;
  /* Light grey background */
  color: #666;
  /* Darker grey text */
  border: 1px solid #ccc;
  /* Soft border */
  cursor: not-allowed;
  /* Show "not allowed" cursor */
}