.bs-theme-wrap .el-loading-mask {
  opacity: 0.9 !important;
  background-color: var(--bs-el-background-2) !important;
}
.bs-theme-wrap .el-empty__image {
  filter: opacity(0.5) !important;
}

.bs-el-input .el-input__inner {
  border: none !important;
  color: var(--bs-el-text) !important;
  background: var(--bs-background-1) !important;
  width: 100% !important;
}
.bs-el-input .el-textarea__inner {
  color: var(--bs-el-text) !important;
  background: var(--bs-el-background) !important;
  border-color: var(--bs-el-border-color) !important;
}

.bs-el-input-number .el-input__inner {
  width: 100% !important;
  color: var(--bs-el-text) !important;
  background: var(--bs-el-background) !important;
  border-color: var(--bs-el-border-color) !important;
}
.bs-el-input-number .el-input-number__decrease {
  background: var(--bs-el-background) !important;
  border-color: var(--bs-el-border-color) !important;
}
.bs-el-input-number .el-input-number__increase {
  background: var(--bs-el-background) !important;
  border-color: var(--bs-el-border-color) !important;
}

.bs-el-button-default {
  color: var(--bs-el-text) !important;
  border-color: var(--bs-el-border-color) !important;
  background-color: var(--bs-el-background-2) !important;
}
.bs-el-button-default:hover {
  color: var(--bs-el-hover) !important;
  border-color: var(--bs-el-hover) !important;
  background-color: var(--bs-background-2) !important;
}

.bs-el-table {
  border-color: var(--bs-el-border-color) !important;
  background: var(--bs-background-2) !important;
  background-color: var(--bs-background-2) !important;
}
.bs-el-table th.gutter {
  background-color: var(--bs-el-background-3) !important;
}
.bs-el-table:before {
  display: none !important;
}
.bs-el-table:after {
  display: none !important;
}
.bs-el-table ::v-deep .el-table__cell {
  color: var(--bs-el-text) !important;
  border-color: var(--bs-el-border-color) !important;
}
.bs-el-table ::v-deep .el-table__cell th.is-leaf {
  background-color: var(--bs-el-background) !important;
}
.bs-el-table ::v-deep .el-table__cell bs-el-pagination .cell {
  color: var(--bs-el-text) !important;
}
.bs-el-table ::v-deep .el-table__cell bs-el-pagination .cell li:hover {
  color: var(--bs-el-text) !important;
}
.bs-el-table ::v-deep .el-table__cell .el-input__inner {
  color: var(--bs-el-text) !important;
  background-color: var(--bs-background-1) !important;
}
.bs-el-table ::v-deep .el-table__cell .el-input__inner::placeholder {
  color: var(--bs-el-title) !important;
}
.bs-el-table ::v-deep .el-table__cell .el-checkbox__inner {
  background-color: var(--bs-background-1) !important;
}
.bs-el-table ::v-deep .el-table__cell .el-popper {
  background: var(--bs-background-1) !important;
  background-color: var(--bs-background-1) !important;
}
.bs-el-table td.el-table__cell {
  background-color: var(--bs-background-2) !important;
}
.bs-el-table .el-table__cell.is-leaf {
  background-color: var(--bs-el-background-3) !important;
}

.bs-el-card {
  background-color: var(--bs-el-background) !important;
}

.bs-el-select {
  border-color: var(--bs-el-border-color) !important;
  background-color: var(--bs-el-background) !important;
}
.bs-el-select .el-tag.el-tag--info {
  color: var(--bs-el-text) !important;
  border-color: var(--bs-el-border-color) !important;
  background-color: var(--bs-el-background-3) !important;
}
.bs-el-select .popper__arrow {
  border-bottom-color: var(--bs-el-background) !important;
}
.bs-el-select .popper__arrow:after {
  border-bottom-color: var(--bs-el-background) !important;
}
.bs-el-select .el-select-dropdown__item {
  color: var(--bs-el-text) !important;
}
.bs-el-select .el-select-dropdown__item .el-checkbox__label {
  color: var(--bs-el-text) !important;
}
.bs-el-select .el-checkbox__inner {
  background-color: var(--bs-background-2) !important;
}
.bs-el-select .el-select-dropdown__item.hover,
.bs-el-select .el-select-dropdown__item:hover {
  color: var(--bs-el-hover) !important;
  background-color: var(--bs-el-background-3) !important;
}
.bs-el-select .el-input__inner {
  border-color: var(--bs-el-border-color) !important;
  background: var(--bs-el-background) !important;
  background-color: var(--bs-el-background) !important;
  color: var(--bs-el-text) !important;
}
.bs-el-select .el-select-dropdown__item.selected {
  color: var(--bs-el-hover) !important;
  background-color: var(--bs-background-1) !important;
}
.bs-el-select .el-select-dropdown__item.selected:hover {
  color: var(--bs-el-hover) !important;
  background-color: var(--bs-el-background-3) !important;
}
.bs-el-select .el-select-dropdown__wrap {
  margin-bottom: 0px !important;
}
.bs-el-select .el-select-group__wrap:not(:last-of-type)::after {
  background-color: transparent !important;
}

.bs-el-dialog .el-dialog__header {
  background: var(--bs-background-2) !important;
  background-color: var(--bs-background-2) !important;
  border-bottom: 2px solid var(--bs-background-1) !important;
}
.bs-el-dialog .el-dialog__header .el-dialog__title {
  color: var(--bs-el-text) !important;
}
.bs-el-dialog .el-dialog__footer {
  background: var(--bs-background-2) !important;
}
.bs-el-dialog ::v-deep .el-dialog__body {
  background: var(--bs-background-2) !important;
  overflow-y: auto !important;
}
.bs-el-dialog ::v-deep .el-scrollbar {
  height: 300px !important;
  overflow-x: hidden !important;
}
.bs-el-dialog ::v-deep .el-scrollbar .el-scrollbar__view {
  overflow-x: hidden !important;
}
.bs-el-dialog ::v-deep ::-webkit-scrollbar {
  width: 6px !important;
  border-radius: 4px !important;
  height: 4px !important;
}
.bs-el-dialog ::v-deep ::-webkit-scrollbar-thumb {
  background: var(--bs-el-background-3) !important;
  border-radius: 10px !important;
}

.bs-el-tree {
  background-color: var(--bs-el-background) !important;
  color: var(--bs-el-text) !important;
}
.bs-el-tree .el-tree-node__content {
  color: var(--bs-el-text) !important;
  background-color: var(--bs-el-background) !important;
}
.bs-el-tree .el-tree-node__content:hover {
  color: var(--bs-el-hover) !important;
  background-color: var(--bs-el-background-3) !important;
}
.bs-el-tree .el-tree-node.is-current > .el-tree-node__content {
  color: var(--bs-el-hover) !important;
  background-color: var(--bs-el-background) !important;
}

.bs-el-page-header {
  padding: 0 0px 16px 0 !important;
}
.bs-el-page-header .el-page-header__left {
  display: none !important;
}
.bs-el-page-header .el-page-header__content {
  width: 100% !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--bs-el-text) !important;
  border-bottom: 1px solid var(--bs-background-1) !important;
  padding: 16px 0 0 0 !important;
  padding-left: 12px !important;
  position: relative !important;
}
.bs-el-page-header .el-page-header__content:after {
  content: "" !important;
  height: 14px !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  border-left: 4px solid var(--bs-el-hover) !important;
}

.bs-el-pagination {
  border: none !important;
}
.bs-el-pagination li:hover {
  color: var(--bs-el-text) !important;
}
.bs-el-pagination .popper__arrow {
  border-bottom-color: var(--bs-el-background) !important;
  border-top-color: var(--bs-el-background) !important;
}
.bs-el-pagination .popper__arrow:after {
  top: 0 !important;
  bottom: 0 !important;
  border-bottom-color: var(--bs-el-background) !important;
  border-top-color: var(--bs-el-background) !important;
}
.bs-el-pagination .el-select-dropdown__list {
  padding: 0 0 6px 0;
  margin-bottom: 6px !important;
}
.bs-el-pagination ::v-deep .el-select-dropdown {
  width: 100px;
  min-width: 100px;
  border-color: var(--bs-el-border-color) !important;
}
.bs-el-pagination .el-select-dropdown__wrap {
  background-color: var(--bs-background-1) !important;
}
.bs-el-pagination .el-select-dropdown__wrap .selected span {
  color: var(--bs-el-hover) !important;
}
.bs-el-pagination .el-select-dropdown__wrap .el-select-dropdown__item {
  color: var(--bs-el-text) !important;
}
.bs-el-pagination .el-select-dropdown__item.hover,
.bs-el-pagination .el-select-dropdown__item:hover {
  color: var(--bs-el-hover) !important;
  background: var(--bs-el-background-3) !important;
}
.bs-el-pagination ::v-deep .el-select-dropdown {
  background: var(--bs-el-background) !important;
}
.bs-el-pagination ::v-deep .el-input__inner {
  border-color: var(--bs-el-border-color) !important;
}

.bs-el-message-box {
  background: var(--bs-background-1) !important;
}
.bs-el-message-box .el-message-box__title {
  color: var(--bs-el-title) !important;
}
.bs-el-message-box p {
  color: var(--bs-el-text) !important;
}
.bs-el-message-box .el-button--default {
  color: var(--bs-el-text) !important;
  border-color: var(--bs-el-border-color) !important;
  background-color: var(--bs-el-background-2) !important;
}
.bs-el-message-box .el-button--default:hover {
  color: var(--bs-el-hover) !important;
  border-color: var(--bs-el-hover) !important;
  background-color: var(--bs-background-2) !important;
}
.bs-el-message-box .el-button--primary {
  color: #FFFFFF;
  background-color: var(--bs-el-hover) !important;
  border-color: var(--bs-el-hover) !important;
}
.bs-el-message-box .el-button--primary:hover {
  color: #FFFFFF !important;
  background-color: #66b1ff !important;
  border-color: #66b1ff !important;
}

.bs-title-style {
  color: var(--bs-el-text) !important;
  background-color: var(--bs-el-background-3) !important;
}
.bs-title-style .field-item {
  color: var(--bs-el-text) !important;
  background-color: var(--bs-background-2) !important;
}
.bs-title-style .field-item:hover {
  color: var(--bs-el-hover) !important;
  background-color: var(--bs-el-background-3) !important;
}

.bs-field-wrap .field-item {
  color: var(--bs-el-text) !important;
  background-color: var(--bs-background-2) !important;
}
.bs-field-wrap .field-item:hover {
  color: var(--bs-el-hover) !important;
  background-color: var(--bs-el-background-3) !important;
}

.bs-el-dropdown-menu {
  border-color: var(--bs-el-border-color) !important;
  background-color: var(--bs-background-1) !important;
}
.bs-el-dropdown-menu .el-dropdown-menu__item,
.bs-el-dropdown-menu .el-dropdown-menu__item {
  border-color: var(--bs-el-border-color) !important;
  background-color: var(--bs-background-1) !important;
  color: var(--bs-el-text) !important;
}
.bs-el-dropdown-menu .el-dropdown-menu__item:hover,
.bs-el-dropdown-menu .el-dropdown-menu__item:hover {
  color: var(--bs-el-hover) !important;
  background-color: var(--bs-el-background-3) !important;
}
.bs-el-dropdown-menu .popper__arrow {
  border-top-color: var(--bs-el-background) !important;
  border-bottom-color: var(--bs-el-background) !important;
}
.bs-el-dropdown-menu .popper__arrow:after {
  display: none !important;
}

.bs-slider-wrap .el-slider__runway {
  background-color: #a6a7aa !important;
}
.bs-slider-wrap .el-slider__bar {
  background-color: #7e7e7e !important;
}
.bs-slider-wrap .el-slider__button {
  background-color: #929292 !important;
  border: solid 2px #7e7e7e !important;
}

.bs-scrollbar::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}
.bs-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 6px !important;
  background-color: transparent !important;
}
.bs-scrollbar::-webkit-scrollbar-track {
  border-radius: 6px !important;
}
.bs-scrollbar:hover::-webkit-scrollbar-thumb {
  background-color: #494848 !important;
}

.bs-scrollbar-bg-1::-webkit-scrollbar-track {
  border-radius: 6px !important;
  background: var(--bs-background-1) !important;
}

.bs-el-upload .el-upload {
  color: var(--bs-el-hover) !important;
  background-color: var(--bs-el-background-2) !important;
}
.bs-el-upload:hover {
  color: var(--bs-el-hover) !important;
  border-color: var(--bs-el-hover) !important;
  background-color: var(--bs-background-2) !important;
}

.bs-radio-wrap .el-radio__inner {
  border: 1px solid #DCDFE6 !important;
}

.bs-codemirror-bottom-text {
  line-height: 32px;
  padding-left: 10px;
  color: var(--bs-el-text) !important;
  background-color: var(--bs-el-background-2) !important;
}

.bs-el-color-picker {
  border-color: var(--bs-el-border-color) !important;
  background-color: var(--bs-background-1) !important;
}
.bs-el-color-picker .el-input__inner {
  color: var(--bs-el-text) !important;
  border-color: var(--bs-el-border-color) !important;
  background-color: var(--bs-background-2) !important;
}

.bs-context-menu-class {
  background-color: var(--bs-background-1) !important;
}
.bs-context-menu-class .menu_item__available {
  color: var(--bs-el-text) !important;
}
.bs-context-menu-class .menu_item__available:hover {
  background: var(--bs-el-background-3) !important;
  color: var(--bs-el-hover) !important;
}
