/* Steps */
.el-steps {
  --el-color-primary: var(--kt-primary);
  --el-text-color-primary: var(--kt-gray-800);
  font-family: 'Noto Sans KR', sans-serif;
}

/* Virtualized Select */
div.el-select-v2__wrapper {
  background-color: var(--kt-input-bg) !important;
  border: 1px solid var(--kt-input-border-color) !important;
}

.el-select-round  div.el-select-v2__wrapper {
  border-radius: 20px !important;
}

.el-select-round .el-select-v2__suffix {
  right: 23px !important;
}

.el-select-round .el-select-v2__placeholder {
  margin-left: 23px !important;
}

span.el-select-v2__placeholder {
  font-weight: 500 !important;
  color: var(--kt-input-color) !important;
}

li.el-select-dropdown__option-item.hover {
  background-color: var(--kt-gray-200) !important;
}

div.el-select-dropdown__list li.is-selected {
  color: var(--kt-primary) !important;
}

.el-button {
 --el-button-hover-text-color: var(--kt-primary) !important;
 --el-button-hover-bg-color: var(--kt-primary-light) !important;
 --el-button-hover-border-color: var(--kt-primary) !important;
 --el-button-active-text-color: var(--kt-white) !important;
 --el-button-active-bg-color: var(--kt-primary) !important;
 --el-button-active-border-color: var(--kt-primary) !important;
}

.el-button--primary {
  --el-button-text-color: var(--kt-white) !important;
  --el-button-bg-color: var(--kt-primary) !important;
  --el-button-border-color: var(--kt-primary) !important;
  --el-button-hover-text-color: var(--kt-primary) !important;
  --el-button-hover-bg-color: var(--kt-primary-light) !important;
  --el-button-hover-border-color: var(--kt-primary) !important;
  --el-button-disabled-text-color: var(--kt-gray-600) !important;
  --el-button-disabled-bg-color: var(--kt-secondary-light) !important;
  --el-button-disabled-border-color: var(--kt-secondary) !important;
}

.el-button.is-link {
  --el-button-text-color: var(--kt-link-color) !important;
  --el-button-hover-link-text-color: var(--kt-link-hover-color) !important;
  --el-button-active-color: var(--kt-primary-active) !important;
}

/* Tab Color Correction */
.el-tabs__active-bar {
background-color: var(--kt-primary) !important;
}

.el-tabs__item:hover {
  color: var(--kt-primary) !important;
}

.el-tabs__item.is-active {
  color: var(--kt-primary) !important;
}

.el-button.full-width {
  width: 100%;
}

.el-button.full-width span {
  width: 100%;
}


.dialog-round {
  border-radius: 0.475rem !important;
}

/* Drawer Customization */
.el-tora.el-overlay {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.el-tora .el-drawer.rtl {
  box-shadow: -2px 0px 20px 0px rgba(0,0,0,0.08) !important;
  background-color: var(--kt-light);
}
.el-tora .el-drawer__close-btn:hover i {
  color: var(--kt-primary-active) !important;
}

.el-tora .el-drawer.rtl .el-drawer__header {
  margin-bottom: 0px;
}

/* Fix Input Stepper */
.el-input-number__decrease, .el-input-number__increase {
  border-top: var(--el-border);
}

/* TREE */
div.el-tree .el-tree-node {
  margin-top: 20px;
  background-color: var(--kt-gray-100);
  font-weight: 600;
}

div.el-tree .el-tree-node .el-tree-node {
  margin-top: 0px;
  background-color: var(--el-fill-color-blank);
}

div.el-tree .el-tree-node .el-tree-node .el-tree-node {
  font-weight: 400;
}

.el-tabs.no-bar div.el-tabs__nav-wrap::after {
  content: none;
}

.el-tabs.active-top div.el-tabs__active-bar {
  top: -2px !important;
  height: 10px;
  border-radius: 3px;
}

.el-tabs.active-top div.el-tabs__nav-scroll {
  margin-left: 30px;
}

.el-tabs.active-top div.el-tabs__item {
  color: var(--kt-gray-600);
}

.el-collapse.no-border {
  border: none;
}

.el-collapse.no-border .el-collapse-item__header {
  border: none;
}

/* .el-collapse.no-padding .el-collapse-item__content {
  padding-bottom: 0;
} */

.el-table .selected-row {
  --el-table-tr-bg-color: var(--kt-primary-light);
}

.full-width-tabs .el-tabs__nav {
  width: 100%;
}
.full-width-tabs .el-tabs__item {
  width: 50%;
  text-align: center;
  color: var(--kt-gray-600);
}

.full-width-tabs.fs-6 .el-tabs__item {
  font-size: 12px;
  font-weight: 600;
}

/* full-width-tabs INFO */
.tabs-info .el-tabs__item:hover {
  color: var(--kt-info) !important;
}

.tabs-info .el-tabs__item.is-active {
  color: var(--kt-info) !important;
}

.tabs-info .el-tabs__active-bar {
  background-color: var(--kt-info) !important;
}

.tabs-info .el-dropdown-menu__item:not(.is-disabled):focus {
  background-color: var(--kt-info-light) !important;
  color: var(--kt-info) !important;
}

/* full-width-tabs WARNING */
.tabs-warning .el-tabs__item:hover {
  color: var(--kt-warning) !important;
}

.tabs-warning .el-tabs__item.is-active {
  color: var(--kt-warning) !important;
}

.tabs-warning .el-tabs__active-bar {
  background-color: var(--kt-warning) !important;
}

.tabs-warning .el-dropdown-menu__item:not(.is-disabled):focus {
  background-color: var(--kt-warning-light) !important;
  color: var(--kt-warning) !important;
}

/* full-width-tabs SUCCESS */
.full-width-tabs.tabs-success .el-tabs__item:hover {
  color: var(--kt-success) !important;
}

.full-width-tabs.tabs-success .el-tabs__item.is-active {
  color: var(--kt-success) !important;
}

.full-width-tabs.tabs-success .el-tabs__active-bar {
  background-color: var(--kt-success) !important;
}

.tabs-success .el-dropdown-menu__item:not(.is-disabled):focus {
  background-color: var(--kt-success-light) !important;
  color: var(--kt-success) !important;
}

/* Date Picker */
@media screen and (max-width: 700px) {
  .el-picker-panel__content.el-date-range-picker__content {
    width: 100% !important;
  }
  .el-date-range-picker {
    width: 300px !important;
  }
  .el-date-range-picker .el-picker-panel__body {
    min-width: 300px !important;
  }
}