body::-webkit-scrollbar-track {
  background: #0c182f !important;
  border-radius: 0px !important;
}

.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  background-image: linear-gradient(90deg, #0148f3 0%, #0068f6 100%) !important;
  border-radius: 2px !important;
}
.main .ant-table-thead > tr,
.main .ant-table-thead > tr:hover {
  background-image: linear-gradient(236deg, #42346c 0%, #20345d 100%) !important;
}
.ant-table-placeholder {
  /* background: none !important; */
  border: none !important;
  /* border-left: 1px solid transparent !important;
  border-right: 1px solid transparent !important; */
}
.ant-select .ant-select-selection__clear {
  color: #fff;
}
.dark .j-table-force-nowrap {
  background: rgba(0, 0, 0, 0);
}
.ant-dropdown .ant-dropdown-menu,
.ant-select-dropdown,
.ant-input-number-handler {
  background: #374b7a !important;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before,
.ant-tree.ant-tree-directory
  .ant-tree-child-tree
  > li.ant-tree-treenode-selected
  > span.ant-tree-node-content-wrapper::before {
  background: #374b7a !important;
}
.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: #25355b !important;
}
.ant-calendar-selected-day .ant-calendar-date {
  background: #d1e9ff;
}
.ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-header
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-tbody
  > tr
  > td {
  background: #25355b;
}
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: #374b7a !important;
}

.ant-select-dropdown-menu-item-selected {
  background: #374b7a !important;
}

.ant-table-thead > tr,
.ant-table-thead > tr:hover {
  background-image: linear-gradient(236deg, #42346c 0%, #20345d 100%);
}

.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:hover,
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-title:hover {
  background: #374b7a !important;
  color: #fff;
}
.ant-dropdown .ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  color: #fff;
}

.ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-header
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-thead
  > tr
  > th,
.ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-header
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-left
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-tbody
  > tr
  > td,
.ant-table-middle
  > .ant-table-content
  > .ant-table-fixed-right
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-tbody
  > tr
  > td {
  padding: 12px 16px !important;
}

.ant-select .ant-select-arrow {
  width: 0;
  height: 0;
  border-width: 4px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent;
  transition: all 0.3s linear;
  transform: translateY(4px);
}

.ant-select .ant-select-arrow .ant-select-arrow-icon {
  display: none;
}

.ant-select.ant-select-open .ant-select-arrow {
  transform: rotate(180deg) translateY(0px);
}

.ant-tree li .ant-tree-node-content-wrapper {
  color: #fff !important;
}

.ant-tree.ant-tree-directory
  > li.ant-tree-treenode-selected
  > span.ant-tree-checkbox.ant-tree-checkbox-checked
  .ant-tree-checkbox-inner:after,
.ant-tree.ant-tree-directory
  .ant-tree-child-tree
  > li.ant-tree-treenode-selected
  > span.ant-tree-checkbox.ant-tree-checkbox-checked
  .ant-tree-checkbox-inner:after {
  border-color: #1890ff;
}

.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper:before,
.ant-tree.ant-tree-directory
  .ant-tree-child-tree
  > li.ant-tree-treenode-selected
  > span.ant-tree-node-content-wrapper:before {
  background: #1890ff;
}

.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover::before {
  background: #374b7a !important;
}

.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper {
  border-radius: 0;
}

.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover {
  background: transparent;
}

.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover:before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover:before {
  background: #1890ff;
}

.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper.ant-tree-node-selected,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper.ant-tree-node-selected {
  color: #fff;
  background: transparent;
}

.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background: #374b7a !important;
}

.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-switcher,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-switcher {
  color: #fff;
}

.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner,
.ant-tree.ant-tree-directory
  .ant-tree-child-tree
  > li.ant-tree-treenode-selected
  > span.ant-tree-checkbox
  .ant-tree-checkbox-inner {
  border-color: #1890ff;
}

.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked:after,
.ant-tree.ant-tree-directory
  .ant-tree-child-tree
  > li.ant-tree-treenode-selected
  > span.ant-tree-checkbox.ant-tree-checkbox-checked:after {
  border-color: #fff;
}

.ant-tree.ant-tree-directory
  > li.ant-tree-treenode-selected
  > span.ant-tree-checkbox.ant-tree-checkbox-checked
  .ant-tree-checkbox-inner,
.ant-tree.ant-tree-directory
  .ant-tree-child-tree
  > li.ant-tree-treenode-selected
  > span.ant-tree-checkbox.ant-tree-checkbox-checked
  .ant-tree-checkbox-inner {
  background: #fff;
}

/*ant-notification*/
.ant-notification .ant-notification-notice {
  background: #fff;
}

.global-notification {
  position: relative;
  background: #25355b;
}

.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover::before {
  background: #374b7a !important;
}

.ant-table-thead > tr.ant-table-row-hover > td,
.ant-table-tbody > tr.ant-table-row-hover > td,
.ant-table-thead > tr:hover > td,
.ant-table-tbody > tr:hover > td {
  background: #374b7a !important;
}

.ant-tooltip-inner {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: transparent;
  border-color: transparent;
}

/* 滚动条优化 start */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  border-radius: 4px;
  background: transparent;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #354260;
}

::-webkit-scrollbar-thumb:hover {
  background: #354260;
}

::-webkit-scrollbar-corner {
  background: transparent;
}

.ant-select-dropdown-menu-item {
  color: #fff !important;
}

/* 滚动条优化 end */

.ant-card-body {
  padding: 0px 22px 0 22px !important;
}

.ant-checkbox.ant-checkbox-disabled {
  background: rgba(255, 255, 255, 0.2);
}

.ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  background: #121f46 !important;
}

.ant-select-dropdown.ant-select-tree-dropdown {
  max-height: 30vh !important;
}

.ant-select-tree li .ant-select-tree-node-content-wrapper:hover {
  background: #121f46 !important;
}

.ant-calendar,
.ant-calendar-range {
  background-color: #121f46 !important;
  border: 1px solid #5a657a !important;
}
.ant-calendar-year-panel {
  background-color: #121f46 !important;
  border: 1px solid #5a657a !important;
}
.ant-calendar-header a {
  color: #fff !important;
}
.ant-calendar-year-panel-year:hover {
  background: #1890ff !important;
}
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {
  background: #1890ff;
}
.ant-calendar-year-panel-cell-disabled .ant-calendar-year-panel-year,
.ant-calendar-year-panel-cell-disabled .ant-calendar-year-panel-year:hover {
  background: #122148 !important;
}
.ant-calendar-picker-container {
  color: #fff !important;
}
.ant-calendar input {
  background-color: #121f46 !important;
}

.ant-calendar-date {
  color: #fff !important;
}
.ant-calendar-date:hover {
  background: #40a9ff !important;
}
.ant-calendar-date:active {
  background: #40a9ff !important;
}
.ant-calendar-selected-day .ant-calendar-date {
  background: #40a9ff !important;
}
input[disabled],
.ant-select-disabled {
  color: rgba(0, 0, 0, 0.65) !important;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid #e8e8e8;
}
.ant-select-selection--multiple .ant-select-selection__choice {
  color: #fff !important;
  background: #374b7a !important;
  border: none !important;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove {
  color: rgba(0, 0, 0, 0.45);
}

.ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
  color: #404040;
}

.ant-select-disabled .ant-select-selection__choice__remove {
  color: rgba(0, 0, 0, 0.25);
}

.ant-select-disabled .ant-select-selection__choice__remove:hover {
  color: rgba(0, 0, 0, 0.25);
}

.ant-table-tbody > tr.ant-table-row-selected td {
  background: #374b7a !important;
}

.ant-table-thead > tr > th.ant-table-column-sort {
  background: #374b7a;
}

.ant-btn-dashed {
  color: #fff !important;
  background-color: transparent !important;
  border-color: #fff !important;
}
.ant-btn-dashed:hover {
  color: #40a9ff !important;
  background-color: transparent !important;
  border-color: #40a9ff !important;
}
.ant-popover-inner {
  background-color: #25355b !important;
  background-clip: padding-box;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-popover-inner .ant-btn-default,
.ant-popover-inner .ant-btn {
  color: #fff;
  background: transparent;
  border-radius: 2px;
  border-color: rgba(217, 217, 217, 0.4);
}
.ant-popover-inner .ant-btn-primary {
  background-image: linear-gradient(90deg, #0148f3 0%, #0068f6 100%);
  border-radius: 2px;
  border-color: transparent !important;
}
.ant-popover-inner .ant-btn-default:hover,
.ant-popover-inner .ant-btn:hover,
.ant-popover-inner .ant-btn-default:focus,
.ant-popover-inner .ant-btn:focus,
.ant-popover-inner .ant-btn-default:active,
.ant-popover-inner .ant-btn:active,
.ant-popover-inner .ant-btn-default.active,
.ant-popover-inner .ant-btn.active {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
  border-color: #fff;
}
.ant-popover-inner .ant-btn-primary:hover,
.ant-popover-inner .ant-btn-primary:focus,
.ant-popover-inner .ant-btn-primary:active,
.ant-popover-inner .ant-btn-primary.active {
  background: #40a9ff;
}
.ant-popover-inner-content {
  color: rgba(0, 0, 0, 0.65);
}
.ant-layout.global-main-dark {
  background: rgba(0, 0, 0, 0);
  background: url('/images/img_background.jpg') no-repeat;
  background-size: 100%;
}
.global-main-dark .ant-layout {
  background-color: rgba(0, 0, 0, 0);
}
.main {
  background: url('/images/img_background.jpg') no-repeat fixed;
  background-size: 100% 100%;
  /* min-height: 100vh; */
}
.main .ant-card {
  background: none !important;
}
.main .ant-form-item-label > label {
  color: #fff !important;
}
.main .ant-input,
.main .ant-select,
.main .ant-select-selection,
.main .ant-select-arrow .ant-select-arrow-icon svg,
.main .ant-pagination,
.main .ant-pagination-options-quick-jumper input,
.main .anticon:not(.ant-time-picker-clear, .icon-font, .ant-select-selected-icon) svg,
.main .ant-input-number {
  color: #fff !important;
  background: transparent !important;
}
.main .ant-pagination-item a {
  color: rgba(255, 255, 255, 0.65);
}
.main .ant-pagination-item-active a {
  color: #fff;
}
.main .ant-pagination-item-active {
  background: none;
  border-color: transparent;
  border-radius: inherit;
  border-bottom: 1px solid #fff;
}
.main .ant-table {
  color: #fff !important;
}
.main .ant-table-bordered .ant-table-thead > tr > th,
.main .ant-table-bordered .ant-table-tbody > tr > td {
  border-right: none;
}
.ant-table-bordered .ant-table-thead > tr > th,
.ant-table-bordered .ant-table-tbody > tr > td {
  border-right: none !important;
}
.main .ant-table-tbody > tr > td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.main .ant-table-thead > tr,
.main .ant-table-thead > tr:hover {
  background-image: linear-gradient(236deg, #42346c 0%, #20345d 100%);
}
.main .ant-table-tbody > tr > td a {
  color: #fff;
}
.main .ant-table-tbody > tr:hover > td {
  background: #374b7a !important;
  color: #fff;
}
.main .ant-table-tbody > tr:hover > td a,
.main .ant-table-row-selected,
.main .ant-table-row-selected > td a {
  color: #fff !important;
}
.main .ant-table-thead > tr > th {
  background: none;
  border: none !important;
}
.main .ant-table-thead > tr > th {
  color: #fff;
  border-bottom: 1px solid #7395c5;
}
.main .ant-table-bordered .ant-table-header > table,
.main .ant-table-bordered .ant-table-body > table,
.main .ant-table-bordered .ant-table-fixed-left table,
.main .ant-table-bordered .ant-table-fixed-right table {
  border: none;
}
.ant-table-bordered .ant-table-header > table,
.ant-table-bordered .ant-table-body > table,
.ant-table-bordered .ant-table-fixed-left table,
.ant-table-bordered .ant-table-fixed-right table {
  /* border: 1px solid transparent !important; */
}
.main .ant-btn-primary {
  background-image: linear-gradient(90deg, #0148f3 0%, #0068f6 100%);
  border-radius: 2px;
  border: none;
}
.main .ant-btn-primary:hover {
  background-color: #277af7;
  border-color: transparent;
}
.main .ant-btn-primary:focus {
  background-color: #0054d1;
  border-color: transparent;
}
.main .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: #374b7a !important;
}
.main .ant-btn-default {
  color: #fff;
  background: transparent;
  border-radius: 2px;
  border-color: rgba(217, 217, 217, 0.4);
}
.main .ant-btn-default:hover {
  background-color: rgba(255, 255, 255, 0.15);
  border-color: #fff;
  color: #fff;
}
.main .ant-btn-default:focus {
  background-color: rgba(0, 0, 0, 0.15);
  color: #fff;
  border-color: #fff;
}
.main .ant-pagination-item-active:focus a,
.main .ant-pagination-item-active:hover a {
  color: #fff;
}
.main .ant-pagination-item-active:focus,
.main .ant-pagination-item-active:hover {
  border: none;
}
.main .ant-table-fixed-left table,
.main .ant-table-fixed-right table {
  background: none !important;
}
.main .ant-table-row-collapsed::after {
  color: rgba(0, 0, 0, 0.65) !important;
}
.main .ant-btn-background-ghost.ant-btn-primary,
.main .ant-btn-background-ghost.ant-btn-primary:hover,
.main .ant-btn-background-ghost.ant-btn-primary:focus {
  color: #fff;
}
.main .ant-calendar-range-picker-separator {
  color: #fff;
}
.main .ant-table .ant-table-tbody .ant-table-row td:first-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  position: relative;
}
.main .ant-table .ant-table-tbody .ant-table-row td:first-child:after {
  position: absolute;
  right: 0;
  bottom: -1px;
  width: calc(84%);
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  content: ' ';
}
.main .ant-table .ant-table-tbody .ant-table-row td:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  position: relative;
}
.main .ant-table .ant-table-tbody .ant-table-row td:last-child:after {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: calc(84%);
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  content: ' ';
}
.main .ant-table-bordered .ant-table-thead > tr > th {
  border-bottom: none;
}
.main .lfTree .col_div {
  width: 100%;
  height: 54px;
  padding: 0px 0 0 24px;
  box-sizing: border-box;
  line-height: 54px;
  font-size: 16px;
  color: #fff;
  width: 100%;
  height: 54px;
  position: relative;
}
.main .lfTree .col_bg {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.3;
  background: #393c73;
  width: 100%;
  height: 54px;
}
.table-page-search-wrapper .ant-form-inline .ant-form-item {
  display: flex;
  margin-bottom: 10px;
  margin-right: 0;
}
.table-page-search-wrapper .ant-form-inline .ant-form-item .ant-form-item-control-wrapper {
  flex: 1 1;
  display: inline-block;
  vertical-align: middle;
}
.table-page-search-wrapper .ant-form-inline .ant-form-item > .ant-form-item-label {
  line-height: 32px;
  padding-right: 8px;
  width: auto;
}
.table-page-search-wrapper .ant-form-inline .ant-form-item .ant-form-item-control {
  height: 32px;
  line-height: 32px;
}
.table-page-search-wrapper .table-page-search-submitButtons {
  display: block;
  margin-bottom: 10px;
  white-space: nowrap;
}
.content .table-operator {
  margin-bottom: 18px;
}
.content .table-operator button {
  margin-right: 8px;
}
.ant-modal-content {
  background: #25355b !important;
}

.ant-modal-content .ant-modal-header {
  background: none;
  color: #fff;
  border-bottom: none;
}
.ant-modal-content .ant-modal-body {
  color: #fff;
  padding: 4px 24px 24px 24px;
}
.ant-modal-content .ant-modal-footer {
  border-top: none;
  padding: 10px 16px 30px 16px;
}
.ant-modal-content .ant-input,
.ant-modal-content .ant-select-selection,
.ant-modal-content .has-error .ant-input,
.ant-modal-content .has-error .ant-input:hover,
.ant-modal-content .el-input__inner,
.ant-modal-content .ant-select-disabled .ant-select-selection {
  background: transparent !important;
  color: #fff !important;
}
.ant-modal-content .ant-btn-default,
.ant-modal-content .ant-btn:not(.ant-btn-primary) {
  color: #fff;
  background: transparent;
  border-radius: 2px;
  border-color: rgba(217, 217, 217, 0.4);
}
.ant-modal-content .ant-btn-default:hover,
.ant-modal-content .ant-btn:not(.ant-btn-primary):hover,
.ant-modal-content .ant-btn-default:focus,
.ant-modal-content .ant-btn:not(.ant-btn-primary):focus,
.ant-modal-content .ant-btn-default:active,
.ant-modal-content .ant-btn:not(.ant-btn-primary):active,
.ant-modal-content .ant-btn-default.active,
.ant-modal-content .ant-btn:not(.ant-btn-primary).active {
  background-color: rgba(255, 255, 255, 0.15);
  border-color: #fff;
}
.ant-modal-content .ant-btn-primary {
  background-image: linear-gradient(90deg, #0148f3 0%, #0068f6 100%);
  border-radius: 2px;
  border: none;
}
.ant-modal-content .ant-btn-primary:hover,
.ant-modal-content .ant-btn-primary:focus,
.ant-modal-content .ant-btn-primary:active,
.ant-modal-content .ant-btn-primary.active {
  background: #40a9ff;
}
.ant-modal-content .ant-modal-body .ant-form .ant-form-item {
  margin-bottom: 20px;
}
.ant-modal-content .ant-form-item-children {
  color: #fff;
}
.ant-modal-content .ant-tabs-content .tr .td,
.ant-modal-content .ant-spin-container .anticon:not(.icon-font) svg {
  color: #fff !important;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab {
  color: #fff !important;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-active {
  color: #1890ff !important;
}
.ant-modal-content .ant-pagination-item a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-modal-content .ant-pagination-item-active a {
  color: #fff;
}
.ant-modal-content .ant-pagination-item-active {
  background: none;
  border-color: transparent;
  border-radius: inherit;
  border-bottom: 1px solid #fff;
}
.ant-modal-content .ant-pagination-item-active:focus a,
.ant-modal-content .ant-pagination-item-active:hover a {
  color: #fff;
}
.ant-modal-content .ant-pagination-item-active:focus,
.ant-modal-content .ant-pagination-item-active:hover {
  border: none;
}
.ant-modal-content .ant-table-tbody .ant-table-row td {
  color: #fff !important;
}
.ant-modal-content .ant-table-thead > tr,
.ant-modal-content .ant-table-thead > tr:hover {
  background-image: linear-gradient(236deg, #42346c 0%, #20345d 100%);
}
.ant-modal-content .ant-table-thead > tr > th {
  color: #fff;
  border: 1px solid transparent !important;
  background: none;
}
.ant-modal-content .ant-table-tbody .ant-table-row td:first-child,
.ant-modal-content .ant-table-tbody .ant-table-row td:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  position: relative;
}
.ant-modal-content .ant-table .ant-table-tbody .ant-table-row td:first-child:after {
  position: absolute;
  right: 0;
  bottom: -1px;
  width: calc(97%);
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  content: ' ';
}
.ant-modal-content .ant-table .ant-table-tbody .ant-table-row td:last-child:after {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: calc(84%);
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  content: ' ';
}
.ant-modal-content .ant-table-tbody > tr > td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.ant-modal-content .ant-card {
  background: transparent;
  color: #fff;
}
.ant-modal-content .ant-card-head {
  color: #fff;
}
.ant-modal-content .djs-popup {
  background: transparent;
}
.ant-modal-content .djs-popup-body {
  background: transparent;
}
.ant-modal-content .bpp-properties-panel button {
  background: none;
  line-height: 15px;
}
.ant-modal-content .ant-table-tbody > tr:hover > td {
  background: #374b7a !important;
  color: #fff !important;
}
/*.ant-modal-content .ant-table-tbody > tr:hover > td a,*/
/*.ant-modal-content .ant-table-row-selected,*/
/*.ant-modal-content .ant-table-row-selected > td a {*/
/*  color: rgba(0, 0, 0, 0.65) !important;*/
/*}*/
.layout {
  min-height: 100vh !important;
  overflow-x: hidden;
}
.layout.mobile .ant-layout-content {
  min-height: auto;
}
.layout.mobile .ant-layout-content .content {
  margin: 24px 0 0;
}
.layout.mobile .ant-table-wrapper .ant-table-content {
  overflow-y: auto;
}
.layout.mobile .ant-table-wrapper .ant-table-body {
  min-width: 800px;
}
.layout.mobile .sidemenu .ant-header-fixedHeader.ant-header-side-opened,
.layout.mobile .sidemenu .ant-header-fixedHeader.ant-header-side-closed {
  width: 100%;
}
.layout.mobile .topmenu {
  /* 必须为 topmenu  才能启用流式布局 */
}
.layout.mobile .topmenu.content-width-Fluid .header-index-wide {
  margin-left: 0;
}
.layout.mobile .header .user-wrapper .action,
.layout.mobile .top-nav-header-index .user-wrapper .action {
  padding: 0 12px;
}
.layout.ant-layout-has-sider {
  flex-direction: row;
}
.layout .trigger {
  font-size: 22px;
  line-height: 42px;
  padding: 0 18px;
  cursor: pointer;
  transition: color 300ms, background 300ms;
}
.layout .trigger:hover {
  background: rgba(255, 255, 255, 0.3);
}
.layout .topmenu {
  /* 必须为 topmenu  才能启用流式布局 */
}
.layout .topmenu .ant-header-fixedHeader {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9;
  width: 100%;
  transition: width 0.2s;
}
.layout .topmenu .ant-header-fixedHeader.ant-header-side-opened {
  width: 100%;
}
.layout .topmenu .ant-header-fixedHeader.ant-header-side-closed {
  width: 100%;
}
.layout .topmenu.content-width-Fluid .header-index-wide {
  max-width: unset;
  margin-left: 24px;
}
.layout .topmenu.content-width-Fluid .page-header-index-wide {
  max-width: unset;
}
.layout .sidemenu .ant-header-fixedHeader {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9;
  width: 100%;
  transition: width 0.2s;
}
.layout .sidemenu .ant-header-fixedHeader.ant-header-side-opened {
  width: calc(-100%);
}
.layout .sidemenu .ant-header-fixedHeader.ant-header-side-closed {
  width: calc(20%);
}
.layout .header {
  height: 64px;
  padding: 0 12px 0 0;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
  position: relative;
}
.layout .header .user-wrapper,
.layout .top-nav-header-index .user-wrapper {
  float: right;
  height: 100%;
}
.layout .header .user-wrapper .action,
.layout .top-nav-header-index .user-wrapper .action {
  cursor: pointer;
  padding: 0 14px;
  display: inline-block;
  transition: all 0.3s;
  height: 70%;
  line-height: 46px;
}
.layout .header .user-wrapper .action.action-full,
.layout .top-nav-header-index .user-wrapper .action.action-full {
  height: 100%;
}
.layout .header .user-wrapper .action:hover,
.layout .top-nav-header-index .user-wrapper .action:hover {
  background: rgba(255, 255, 255, 0.3);
}
.layout .header .user-wrapper .action .avatar,
.layout .top-nav-header-index .user-wrapper .action .avatar {
  margin: 20px 10px 20px 0;
  color: #1890ff;
  background: rgba(255, 255, 255, 0.85);
  vertical-align: middle;
}
.layout .header .user-wrapper .action .icon,
.layout .top-nav-header-index .user-wrapper .action .icon {
  font-size: 16px;
  padding: 4px;
}
.layout .header .user-wrapper .action .anticon,
.layout .top-nav-header-index .user-wrapper .action .anticon {
  color: white;
}
.layout .header.dark .user-wrapper .action,
.layout .top-nav-header-index.dark .user-wrapper .action {
  color: black;
}
.layout .header.dark .user-wrapper .action:hover,
.layout .top-nav-header-index.dark .user-wrapper .action:hover {
  background: rgba(0, 0, 0, 0.05);
}
.layout .header.dark .user-wrapper .action .anticon,
.layout .top-nav-header-index.dark .user-wrapper .action .anticon {
  color: black;
}
.layout.mobile .top-nav-header-index .header-index-wide .header-index-left .trigger {
  color: rgba(255, 255, 255, 0.85);
  padding: 0 12px;
}
.layout.mobile .top-nav-header-index .header-index-wide .header-index-left .logo.top-nav-header {
  text-align: center;
  width: 56px;
  line-height: 58px;
}
.layout.mobile .top-nav-header-index .user-wrapper .action .avatar {
  margin: 20px 0;
}
.layout.mobile .top-nav-header-index.light .header-index-wide .header-index-left .trigger {
  color: rgba(0, 0, 0, 0.65);
}
.layout.tablet .top-nav-header-index .header-index-wide .header-index-left .logo > a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.layout .top-nav-header-index {
  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
  position: relative;
  transition: background 0.3s, width 0.2s;
}
.layout .top-nav-header-index .header-index-wide {
  width: 100%;
  margin: auto;
  padding: 0 37px;
  display: flex;
  height: 59px;
}
.layout .top-nav-header-index .header-index-wide .ant-menu.ant-menu-horizontal {
  height: 32px !important;
  line-height: 32px !important;
  margin-top: 15px !important;
}
.layout .top-nav-header-index .header-index-wide .header-index-left {
  flex: 1 1;
  display: flex;
}
.layout .top-nav-header-index .header-index-wide .header-index-left .logo.top-nav-header {
  width: 180px;
  height: 64px;
  position: relative;
  line-height: 64px;
  transition: all 0.3s;
  overflow: hidden;
}
.layout .top-nav-header-index .header-index-wide .header-index-left .logo.top-nav-header img {
  display: inline-block;
  vertical-align: middle;
  height: 56px;
  width: 57px;
}
.layout .top-nav-header-index .header-index-wide .header-index-left .logo.top-nav-header h1 {
  color: #fff;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  margin: 0 0 0 12px;
  font-weight: 400;
}
.layout .top-nav-header-index .header-index-wide .header-index-right {
  float: right;
  height: 59px;
  overflow: hidden;
}
.layout .top-nav-header-index .header-index-wide .header-index-right .action:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.layout .top-nav-header-index.light {
  background-color: #fff;
}
.layout .top-nav-header-index.light .header-index-wide .header-index-left .logo h1 {
  color: #002140;
}
.layout .top-nav-header-index.dark .user-wrapper .action {
  color: white;
}
.layout .top-nav-header-index.dark .user-wrapper .action:hover {
  background: rgba(255, 255, 255, 0.3);
}
.layout .top-nav-header-index.dark .header-index-wide .header-index-left .trigger:hover {
  background: rgba(255, 255, 255, 0.3);
}
.layout .layout-content {
  margin: 24px 24px 0px;
  height: 64px;
  padding: 0 12px 0 0;
}
.ant-menu-dark .ant-menu-item a span,
.ant-menu-dark .ant-menu-submenu span {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* ------------------ 面包屑 ------------------------------ */
.col_breadcrumb {
  margin-bottom: 8px !important;
}

.col_breadcrumb span {
  color: rgba(255, 255, 255, 0.5) !important;
}

.col_breadcrumb span a {
  color: #fff !important;
}

.col_breadcrumb_span {
  padding: 0px 8px !important;
  box-sizing: border-box !important;
}

.col-opacity {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #394a73;
  opacity: 0.3;
}

.col_cx {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #394a73 !important;
  opacity: 0.3;
}

input.ant-input,
textarea.ant-input,
.el-select .el-input__inner {
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.ant-select-selection {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}
.ant-form-item {
  margin-bottom: 10px !important;
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item a,
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-title a {
  color: #fff;
}

.knowledge-model {
  background: none;
  background-image: linear-gradient(0deg, #172545 0%, #1d2a4d 100%) !important;
}

.ant-tree li .ant-tree-node-content-wrapper:hover {
  background: #374b7a !important;
}
.ant-radio-group .ant-radio-wrapper {
  color: #fff;
}
.ant-radio-disabled + span {
  color: #fff;
}
.ant-radio-inner {
  border-width: 1px;
  border-style: solid;
  border-radius: 100px;
  border-color: #d9d9d9;
  background-color: #fff;
}
.ant-radio-inner {
  border-color: #fff !important;
  background: none !important;
}
.ant-radio-inner::after {
  background: #fff !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.ant-select-tree-dropdown .ant-select-switcher-icon {
  color: #fff;
}

.ant-select-tree-dropdown .ant-select-tree-title {
  color: #fff;
}
.ant-input-number-input {
  background-color: transparent;
  border: 0;
  border-radius: 4px;
}

.ant-input-number .ant-input-number-input .ant-select-selection,
.ant-input-number-input {
  height: 32px !important;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.ant-input-number-input::-moz-placeholder {
  color: #bfbfbf;
}
.ant-input-number-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number-handler-wrap {
  border-left: 1px solid #d9d9d9;
  background: #fff;
  border-radius: 0 4px 4px 0;
}
.ant-input-number {
  border: none !important;
  background: none !important;
}
.ant-notification .ant-notification-notice-message {
  font-size: 18px;
  color: #000;
  line-height: 26px;
  font-weight: 500;
}

.ant-notification .ant-notification-notice-description {
  font-size: 14px;
  color: #000;
  line-height: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.global-notification {
  position: relative;
  background: #fff;
}

.ant-notification .ant-notification-notice .ant-notification-notice-close {
  color: #000;
}

.global-notification .ant-notification-notice-close {
  display: none;
}

.global-notification .ant-notification-notice-btn {
  position: absolute;
  right: 20px;
  top: 18px;
  margin-top: 0;
}

.global-notification .ant-notification-notice-btn .global-notification-detail-btn {
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  background: rgba(0, 0, 0, 0);
  color: #000;
  line-height: 26px;
  padding: 0 16px 0 6px;
  height: 26px;
  position: relative;
}

.global-notification .ant-notification-notice-btn .global-notification-detail-btn:hover {
  background-color: rgba(255, 255, 255, 0.15);
  border-color: #000;
  color: #000;
}

.global-notification .ant-notification-notice-btn .global-notification-detail-bt:focus {
  background-color: rgba(0, 0, 0, 0.15);
  color: #fff;
  border-color: #fff;
}

.global-notification .ant-notification-notice-btn .global-notification-detail-btn-icon {
  width: 0;
  height: 0;
  position: absolute;
  right: 2px;
  top: 5px;
  border-width: 4px;
  border-style: solid;
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.3);
  transition: all 0.3s linear;
  transform: translateY(4px);
}

.col-opacity {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #394a73;
  opacity: 0.3;
}

.col_cx {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #394a73 !important;
  opacity: 0.3;
}

.ant-table-tbody > tr:hover > td {
  background: #374b7a !important;
  color: #fff !important;
}

/*解决online在线表单主附表结构，弹窗超宽问题  */
.jeecg-online-modal:not(.fullscreen) .ant-modal {
  width: 80% !important;
}

.ant-modal-body .ant-form .ant-form-item {
  margin-bottom: 5px;
}

.ant-modal-body .ant-form .ant-form-explain {
  position: absolute;
  z-index: 10;
}

input[disabled],
.ant-select-disabled {
  color: rgba(0, 0, 0, 0.65) !important;
}

.layout .top-nav-header-index .user-wrapper {
  text-align: right;
}
.layout .top-nav-header-index .user-wrapper .action {
  padding: 0 6px;
}
.layout .ant-input,
.el-select .el-input__inner {
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}
.layout .ant-btn.ant-dropdown-trigger {
  background: none !important;
}
.layout .ant-btn.ant-dropdown-trigger > span {
  color: #fff;
}

.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item a,
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-title a {
  color: #fff;
}
.ant-select-tree-dropdown .ant-select-switcher-icon {
  color: #fff;
}
.ant-select-tree-dropdown .ant-select-tree-title {
  color: #fff;
}
.ant-radio-group .ant-radio-wrapper {
  color: #fff;
}
.ant-radio-disabled + span {
  color: #fff;
}
.header-index-wide .ant-badge-dot {
  width: 8px;
  height: 8px;
  box-shadow: none;
}
.tox .tox-tbtn svg {
  display: block;
  fill: #fff !important;
}
#app .ant-checkbox-inner {
  background: transparent;
}
#app .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #1890ff;
}
#app .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: #1890ff;
}
#app .ant-tree-checkbox-inner {
  background: transparent;
}
.ant-pagination-item-container span {
  color: rgb(176 181 184) !important;
}
.ant-table-tbody > tr.ant-table-row-selected td {
  background: #374b7a !important;
}
.ant-dropdown-menu-item span,
.ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-item .anticon-logout {
  color: white;
}
.ant-modal-header .ant-modal-title,
.ant-modal-body .ant-form-item-label > label {
  color: #fff;
}
.ant-layout-sider {
  background: #001529 !important;
}
.ant-tabs-nav-scroll {
  background-image: linear-gradient(236deg, #42346c 0%, #20345d 100%) !important;
}
.ant-modal-root .ant-modal-confirm-body .ant-modal-confirm-title {
  color: white;
}
.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  color: white;
}
.dark .anticon-close,
.ant-modal-root .anticon-close {
  color: white;
}
.ant-drawer-body {
  background: #374b7a;
}
.ant-drawer-header {
  background-image: linear-gradient(236deg, #42346c 0%, #20345d 100%) !important;
}
.ant-drawer-wrapper-body .ant-drawer-body .drawer-bootom-button {
  background: #374b7a;
}
.ant-drawer-body .ant-form-item-label > label {
  color: #fff;
}
.ant-drawer-header .ant-drawer-title {
  color: #fff;
  font-weight: bold;
}
.ant-tree-switcher {
  color: #fff;
}
.ant-input-suffix .ant-input-clear-icon {
  color: rgba(255, 255, 255, 0.6);
}
.ant-input-suffix .ant-input-search-icon {
  color: #fff !important;
}
.ant-notification-notice-message {
  color: rgba(0, 0, 0, 0.85);
}

.layout .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover {
  background: #374b7a;
}

.ant-calendar-header .ant-calendar-century-select,
.ant-calendar-header .ant-calendar-decade-select,
.ant-calendar-header .ant-calendar-year-select,
.ant-calendar-header .ant-calendar-month-select,
.ant-calendar-column-header .ant-calendar-column-header-inner,
.ant-calendar-range .ant-calendar-input,
.ant-calendar-range .ant-calendar-time-picker-input,
.ant-calendar-date {
  color: #fff !important;
}
.ant-calendar-range .ant-calendar-in-range-cell::before {
  background: rgba(255, 255, 255, 0.4) !important;
}
.ant-popover-message-title,
.ant-calendar-input,
.ant-calendar-picker-icon {
  color: #fff !important;
}

.dark .ant-input-group-addon {
  background: none !important;
  border-color: rgba(255, 255, 255, 0.3);
}
.ant-pagination-item-active {
  background: none !important;
}
.ant-pagination-total-text {
  color: #fff !important;
}
.ant-pagination-options-quick-jumper {
  color: #fff !important;
}
.ant-input-group-addon {
  background: rgba(0, 0, 0, 0) !important;
}
.bpp-properties-panel {
  background-color: #25355b !important;
  color: #fff !important;
}
.bpp-properties-header > .label {
  color: #fff !important;
}
.bpp-properties-group > .group-label {
  color: #fff !important;
}
.bpp-properties-panel label {
  color: #fff !important;
}

.bpp-field-description {
  color: #fff !important;
}
.bpp-properties-panel [disabled] {
  color: #fff !important;
}

.bpp-textfield input {
  background: #25355b !important;
  color: #fff !important;
}

.bpp-properties-panel [contenteditable] {
  background: #25355b !important;
  color: #fff !important;
}
.djs-palette .entry:before {
  color: #fff !important;
}
.djs-context-pad .entry {
  background-color: #25355b !important;
}
.ant-calendar-time-picker-select::-webkit-scrollbar-track {
  border-radius: 0px !important;
  background: #121f46 !important;
}
.ant-calendar-picker-container .ant-calendar-time-picker-select li {
  background: #121f46 !important;
}
.ant-calendar-picker-container .ant-calendar-time-picker-select li:last-child::after {
  background: #121f46 !important;
}
.ant-calendar-time-picker-select li:hover {
  background: #40a9ff !important;
}

.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  background: transparent !important;
  border: none !important;
  color: rgba(255, 255, 255, 0.65) !important;
}

.ant-pagination-item-active a {
  color: #ffffff !important;
  border-bottom: 1px solid #fff !important;
}

.ant-pagination-item-active {
  background: transparent !important;
  border-color: transparent !important;
}

.ant-pagination-item {
  background-color: transparent !important;
  border: none !important;
  min-width: 20px !important;
}
.ant-pagination-item a {
  color: rgba(255, 255, 255, 0.65) !important;
}

.ant-pagination-prev a,
.ant-pagination-next a {
  color: rgba(255, 255, 255, 0.65) !important;
}

/* strong {
  color: #fff;
} */

.ant-progress-circle .ant-progress-text {
  color: #fff !important;
}
.ant-card-body,
.ant-col {
  color: #fff !important;
}

.ant-time-picker {
  color: #fff !important;
}

.ant-time-picker-input {
  background-color: transparent !important;
  border: none !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.ant-time-picker-panel-inner,
.ant-time-picker-panel-input {
  background-color: #374b7a !important;
  color: #fff !important;
}

.ant-time-picker-panel-select-option-selected {
  background-color: #25355b !important;
}

.ant-time-picker-panel-select li:hover {
  background-color: #25355b !important;
}