/* --------------------------------------------------------- */
/* COLLAPSE */
/* --------------------------------------------------------- */

.ant-collapse-content-box {
  background-color: var(--kt-app-header-base-bg-color);
}
.ant-collapse-header-text {
  color: var(--kt-body-color);
}

.ant-anchor-link-title {
  color: var(--kt-body-color) !important;
}

.ant-collapse-arrow {
  color: var(--kt-body-color) !important;
}

/* .ant-card {
  width: 22em !important;
} */

/* --------------------------------------------------------- */
/* TAB */
/* --------------------------------------------------------- */

.ant-tabs-tab {
  border-color: var(--kt-input-btn-focus-color) !important;
}
.ant-tabs-tab-btn {
  color: var(--kt-body-color);
}
:where(.css-dev-only-do-not-override-usln0u).ant-tabs-top
  > .ant-tabs-nav::before,
:where(.css-dev-only-do-not-override-usln0u).ant-tabs-bottom
  > .ant-tabs-nav::before,
:where(.css-dev-only-do-not-override-usln0u).ant-tabs-top
  > div
  > .ant-tabs-nav::before,
:where(.css-dev-only-do-not-override-usln0u).ant-tabs-bottom
  > div
  > .ant-tabs-nav::before {
  border-bottom: 1px solid var(--kt-input-btn-focus-color) !important;
}

/* --------------------------------------------------------- */
/* MODAL */
/* --------------------------------------------------------- */

.ant-modal-header,
.ant-modal-title,
.ant-modal-close-icon,
.ant-modal-content {
  background: var(--kt-app-header-base-bg-color) !important;
  color: var(--kt-body-color) !important;
}

/* --------------------------------------------------------- */
/* TYPOGRAPHY */
/* --------------------------------------------------------- */

.ant-typography {
  color: var(--kt-body-color) !important;
}

/* --------------------------------------------------------- */
/* LIST */
/* --------------------------------------------------------- */

.ant-list {
  overflow: hidden;
}

.ant-list-item-meta-title {
  color: var(--kt-body-color) !important;
}

.ant-list-item-meta-description {
  color: var(--kt-text-muted) !important;
}

:where(.css-dev-only-do-not-override-usln0u).ant-list-bordered {
  border: 1px solid var(--kt-input-btn-focus-color) !important;
}

:where(.css-dev-only-do-not-override-usln0u).ant-list-split .ant-list-item {
  border-block-end: 1px solid var(--kt-input-btn-focus-color) !important;
}

/* --------------------------------------------------------- */
/* POPOVER */
/* --------------------------------------------------------- */

.ant-popover {
  z-index: 2147483647;
}

.ant-popover-inner {
  background: var(--kt-input-solid-bg) !important;
  border-width: 1px;
  border-style: solid;
  border-color: var(--kt-input-btn-focus-color) !important;
}

.ant-popover-inner-content {
  color: var(--kt-body-color) !important;
}

/* --------------------------------------------------------- */
/* INPUT */
/* --------------------------------------------------------- */

:where(.css-dev-only-do-not-override-usln0u).ant-input-outlined {
  background: var(--kt-input-solid-bg) !important;
  border-width: 1px;
  border-style: solid;
  border-color: var(--kt-input-btn-focus-color) !important;
  color: var(--kt-body-color) !important;
}

input.ant-input::placeholder {
  color: var(--kt-input-placeholder-color) !important;
}

span.ant-picker-clear {
  color: var(--kt-body-color) !important;
  right: 15px !important;
}

div.ant-picker-input > div {
  width: 100% !important;
}

/* --------------------------------------------------------- */
/* TREE */
/* --------------------------------------------------------- */

.site-tree-search-value {
  color: var(--kt-component-hover-color) !important;
  font-weight: bolder;
}

/* --------------------------------------------------------- */
/* UPLOADER */
/* --------------------------------------------------------- */

.ant-upload-wrapper {
  display: flex;
  flex-direction: column;
}

.ant-upload-drag-icon,
.ant-upload-text,
.ant-upload-hint,
.ant-upload-wrapper {
  color: var(--kt-body-color) !important;
}

/* --------------------------------------------------------- */
/* ROW */
/* --------------------------------------------------------- */

.ant-row-middle:not(.ant-row-start) {
  background: #1e1e2d;
  border-radius: 15px;
  padding: 15px 0 15px 0;
}