body.vue3-admin-theme-green .el-button--primary,
body.vue3-admin-theme-green .el-switch.is-checked .el-switch__core,
body.vue3-admin-theme-green
  .el-checkbox__input.is-checked
  .el-checkbox__inner,
body.vue3-admin-theme-green
  .el-pagination.is-background
  .el-pager
  li:not(.disabled).active,
body.vue3-admin-theme-green .el-radio__input.is-checked .el-radio__inner,
body.vue3-admin-theme-green
  .el-checkbox__input.is-indeterminate
  .el-checkbox__inner {
  background: #009688 !important;
  border-color: #009688 !important;
}
body.vue3-admin-theme-green .el-button--text,
body.vue3-admin-theme-green
  .el-checkbox__input.is-checked
  + .el-checkbox__label,
body.vue3-admin-theme-green .el-loading-spinner .el-loading-text,
body.vue3-admin-theme-green .el-loading-spinner i,
body.vue3-admin-theme-green
  .el-radio__input.is-checked
  + .el-radio__label,
body.vue3-admin-theme-green .el-cascader-node.in-active-path,
body.vue3-admin-theme-green
  .el-cascader-node.is-selectable.in-checked-path,
body.vue3-admin-theme-green .el-cascader-node.is-active,
body.vue3-admin-theme-green .el-dropdown-menu__item:focus,
body.vue3-admin-theme-green
  .el-dropdown-menu__item:not(.is-disabled):hover,
body.vue3-admin-theme-green .el-tabs__item.is-active,
body.vue3-admin-theme-green .el-upload--picture-card:hover,
body.vue3-admin-theme-green .el-tabs__item:hover,
body.vue3-admin-theme-green .el-upload:focus,
body.vue3-admin-theme-green
  .el-radio-button__orig-radio:not(:checked)
  + .el-radio-button__inner:hover,
body.vue3-admin-theme-green
  .el-button--default:not(.el-button--primary):active,
body.vue3-admin-theme-green
  .el-button--default:not(.el-button--primary):hover,
body.vue3-admin-theme-green
  .el-button--default:not(.el-button--primary):focus,
body.vue3-admin-theme-green
  .el-tag:not(.el-tag--danger):not(.el-tag--success):not(.el-tag--info):not(
    .el-tag--warning
  ) {
  color: #009688;
}
body.vue3-admin-theme-green .el-checkbox__inner:hover,
body.vue3-admin-theme-green
  .el-select
  .el-input.is-focus
  .el-input__inner,
body.vue3-admin-theme-green .el-input__inner:focus,
body.vue3-admin-theme-green .el-range-editor.is-active:hover,
body.vue3-admin-theme-green .el-range-editor.is-activ,
body.vue3-admin-theme-green .el-upload--picture-card:hover,
body.vue3-admin-theme-green .el-upload:focus,
body.vue3-admin-theme-green .el-textarea__inner:focus,
body.vue3-admin-theme-green
  .el-button--default:not(.el-button--primary):active,
body.vue3-admin-theme-green
  .el-button--default:not(.el-button--primary):hover,
body.vue3-admin-theme-green
  .el-button--default:not(.el-button--primary):focus,
body.vue3-admin-theme-green .el-range-editor.is-active {
  border-color: #009688 !important;
}
body.vue3-admin-theme-green .el-tabs__active-bar {
  background: #009688 !important;
}
body.vue3-admin-theme-green
  .el-radio-button__orig-radio:checked
  + .el-radio-button__inner {
  background: #009688 !important;
  border-color: #009688 !important;
  box-shadow: -1px 0 0 0 #009688 !important;
}
body.vue3-admin-theme-green .logo-container-horizontal {
  background: #16181d !important;
}
body.vue3-admin-theme-green .logo-container-vertical {
  background: #16181d !important;
}
body.vue3-admin-theme-green .el-menu {
  background: #16181d !important;
}
body.vue3-admin-theme-green .el-menu .el-submenu__title {
  background: #16181d !important;
}
body.vue3-admin-theme-green .el-menu .el-menu-item {
  background: #16181d !important;
}
body.vue3-admin-theme-green .side-container,
body.vue3-admin-theme-green .Fold {
  background: #16181d !important;
}
body.vue3-admin-theme-green .side-container .el-menu-item:hover,
body.vue3-admin-theme-green .Fold .el-menu-item:hover {
  background-color: #009688 !important;
}
body.vue3-admin-theme-green .side-container .el-menu-item.is-active,
body.vue3-admin-theme-green .Fold .el-menu-item.is-active {
  background-color: #009688 !important;
}
body.vue3-admin-theme-green .top-container {
  background: #16181d !important;
}
body.vue3-admin-theme-green .top-container .vab-main {
  background: #16181d !important;
}
body.vue3-admin-theme-green
  .top-container
  .vab-main
  .el-menu--horizontal
  .el-submenu.is-active,
body.vue3-admin-theme-green
  .top-container
  .vab-main
  .el-menu--horizontal
  .el-menu-item.is-active {
  background-color: #009688 !important;
}
body.vue3-admin-theme-green
  .top-container
  .vab-main
  .el-menu--horizontal
  > .el-menu-item.is-active {
  border-bottom: 3px solid #009688 !important;
}
body.vue3-admin-theme-green .tabs-container {
  background: rgba(255, 255, 255, 0.8) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
  box-shadow:
    0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}
body.vue3-admin-theme-green
  .tabs-container
  .tabs-content
  .el-tabs__header
  .el-tabs__item {
  border: 1px solid #009688 !important;
  color: #009688 !important;
}
body.vue3-admin-theme-green
  .tabs-container
  .tabs-content
  .el-tabs__header
  .el-tabs__item.is-active {
  color: rgba(255, 255, 255, 0.95) !important;
  background: #009688 !important;
  border: 1px solid #009688 !important;
}
body.vue3-admin-theme-green
  .tabs-container
  .tabs-content
  .el-tabs__header
  .el-tabs__item:hover {
  color: rgba(255, 255, 255, 0.95) !important;
  background: #009688 !important;
  border-color: #009688 !important;
}
body.vue3-admin-theme-green .theme-setting {
  background: #009688 !important;
}
body.vue3-admin-theme-green .el-divider {
  background: linear-gradient(
    90deg,
    transparent,
    rgba(0, 150, 136, 0.3),
    transparent
  ) !important;
}
body.vue3-admin-theme-green .el-divider--horizontal .el-divider__text {
  color: #16181d !important;
  background: rgba(255, 255, 255, 0.95) !important;
}
body.vue3-admin-theme-green
  .el-divider--horizontal
  .el-divider__text::before {
  background: #009688 !important;
}
body.vue3-admin-theme-green .el-divider--vertical {
  background: rgba(0, 150, 136, 0.3) !important;
}
body.vue3-admin-theme-green .el-divider--primary {
  background: linear-gradient(
    90deg,
    transparent,
    #009688,
    transparent
  ) !important;
}
body.vue3-admin-theme-green .el-divider--primary .el-divider__text {
  color: #009688 !important;
}
body.vue3-admin-theme-green
  .el-divider--primary
  .el-divider__text::before {
  background: #009688 !important;
}
body.vue3-admin-theme-green .el-divider--success {
  background: linear-gradient(
    90deg,
    transparent,
    #67c23a,
    transparent
  ) !important;
}
body.vue3-admin-theme-green .el-divider--success .el-divider__text {
  color: #67c23a !important;
}
body.vue3-admin-theme-green
  .el-divider--success
  .el-divider__text::before {
  background: #67c23a !important;
}
body.vue3-admin-theme-green .el-divider--warning {
  background: linear-gradient(
    90deg,
    transparent,
    #e6a23c,
    transparent
  ) !important;
}
body.vue3-admin-theme-green .el-divider--warning .el-divider__text {
  color: #e6a23c !important;
}
body.vue3-admin-theme-green
  .el-divider--warning
  .el-divider__text::before {
  background: #e6a23c !important;
}
body.vue3-admin-theme-green .el-divider--danger {
  background: linear-gradient(
    90deg,
    transparent,
    #f56c6c,
    transparent
  ) !important;
}
body.vue3-admin-theme-green .el-divider--danger .el-divider__text {
  color: #f56c6c !important;
}
body.vue3-admin-theme-green
  .el-divider--danger
  .el-divider__text::before {
  background: #f56c6c !important;
}
body.vue3-admin-theme-green .el-divider--dashed {
  background: none !important;
  border-top: 1px dashed rgba(0, 150, 136, 0.3) !important;
}
body.vue3-admin-theme-green .el-divider--dashed .el-divider__text {
  background: rgba(255, 255, 255, 0.95) !important;
}
body.vue3-admin-theme-green .el-divider--thick {
  height: 2px !important;
  background: linear-gradient(
    90deg,
    transparent,
    #009688,
    transparent
  ) !important;
}
body.vue3-admin-theme-green .page-header {
  background: linear-gradient(
    135deg,
    #009688 0%,
    rgba(0, 150, 136, 0.5) 100%
  ) !important;
  border: 1px solid rgba(0, 150, 136, 0.15) !important;
  box-shadow: 0 4px 20px rgba(0, 150, 136, 0.1) !important;
}