.ddc-skip {
  position: fixed;
  top: 8px;
  left: 8px;
  z-index: 100000;
  padding: 8px 16px;
  border-radius: 8px;
  background: #2e1065;
  color: #fff !important;
  font-size: 14px;
  text-decoration: none;
  transform: translateY(-200%);
}

.ddc-skip:focus {
  transform: none;
}

[role="main"]:focus,
main:focus {
  outline: none;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[role="button"]:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible,
.select2-selection:focus-visible {
  outline: 2px solid #5b21b6 !important;
  outline-offset: 2px !important;
}

.side-menu a:focus-visible,
.side-menu button:focus-visible {
  outline-color: #e4ff30 !important;
}

.text-danger {
  color: #c92a47 !important;
}

html body .xdl.r {
  --c: #be123c;
}

html body .xdl.g {
  --c: #3f6212;
}

.btn-warning,
.badge-warning,
.bg-warning {
  color: #1f1300;
}

.btn-primary,
.badge-primary,
.bg-primary {
  background-color: #0069d9;
  border-color: #0069d9;
}

html body .xp-own,
html body .xp-vn,
html body .login-pw-toggle,
html body .xc-gu,
html body .modal-close,
html body .kpi-more-btn,
html body .st-qp-btn {
  min-height: 24px;
  min-width: 24px;
}

html body .xc-gu {
  display: inline-flex;
  align-items: center;
}

html body .po-card-po-no a,
html body .seo-links a,
html body .pic-quick a,
html body .pt-sub a,
html body .f-sub a {
  display: inline-block;
  min-height: 24px;
  line-height: 24px;
}

html body .lp-card #table_wrapper {
  max-width: 100%;
  overflow-x: auto;
}

html body .lp-tools .export-group {
  flex-wrap: wrap;
}

.btn,
.page-link,
.close,
.btn-close {
  min-height: 24px;
  min-width: 24px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}