@import 'element-variables.scss';

/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import '~element-ui/packages/theme-chalk/src/index';
@import '../icon/iconfont.css';
@import '../fontIcon/iconfont.css';

//弹窗样式
.manage-dialog__wrap {
  overflow: unset !important;
  .el-dialog {
    width: 70%;
    height: 72%;

    .el-dialog__header {
      padding: 10px 0;
      margin: 0 20px;
      // height: 24px;
      // line-height: 24px;
      border-right: 1px solid #103c5d;
    }

    .el-dialog__title {
      font-size: 16px;
      color: #333;
    }

    .el-dialog__headerbtn {
      top: 14px;
    }

    .el-dialog__body {
      height: calc(100% - 120px);
      padding-top: 10px;
      padding-bottom: 10px;
      overflow: auto;
      font-size: 12px;

      .el-main {
        padding-top: 0;
        padding-bottom: 0;
      }
    }

    .el-input__inner {
      font-size: 12px;
    }
  }
  .el-dialog__footer {
    padding-top: 0;
  }
  .dialog-footer {
    text-align: center;
  }
}

.manage-dialog__wrap {
  @media (max-width: 1024px) {
    .el-dialog {
      width: 100%;
      height: 90%;
      margin-top: 4vh !important;
    }
  }

  @media (min-width: 1152px) and (max-width: 1400px) {
    .el-dialog {
      width: 90%;
    }
  }
}
// htTable顶部按钮样式
.search-container__col {
  // .el-button-group{
  //   width: calc(100% - 360px);
  // }
}
.ht-table {
  .el-radio {
    .el-radio__label {
      display: none;
    }
  }
}
// 树+表格的边框缩小
.main-ht-table {
  padding: 10px !important;
}

.tooltip-wrapper {
  position: relative;
  display: inline-block;
  padding: 4px 6px;
  top: 10px;
}
.tooltip-wrapper::before {
  content: '';
  position: absolute;
  border-width: 4px 6px 0 6px;
  border-style: solid;
  border-color: transparent;
  border-top-color: black;
  opacity: 0;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}

.tooltip-wrapper:hover > .msg-log-content {
  opacity: 1;
  position: static;
  display: inline-block;
}

.msg-log-icon {
  position: relative;
  top: -10px;
}

.msg-log-icon:hover + .msg-log-content {
  opacity: 1;
  position: static;
  display: inline-block;
}

.msg-log-content {
  position: absolute;
  background: black;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  padding: 4px 2px;
  min-width: 80px;
  pointer-events: auto;
  opacity: 0;
  left: 50%;
  top: -5px;
  transform: translateX(-50%) translateY(-100%);
}
.tooltip-wrapper:hover::after,
.tooltip-wrapper:hover::before {
  opacity: 1;
}
/* 右侧 */
.tooltip-wrapper:hover[position='right']::before {
  top: 15%;
  left: 8%;
  margin-left: -3px;
  transform: translateY(-50%) rotate(-90deg);
}
.tooltip-wrapper[position='right'] > .msg-log-content {
  top: 50%;
  left: 100%;
  margin-left: 10px;
  transform: translateY(-50%);
}

// 导出按钮的间距
.export-import-container + .export-import-container,
.export-import-container + .el-button,
.el-button + .export-import-container,
.ht-delete-button + .export-import-container {
  margin-left: 10px;
}

// 修改整体输入框样式及其组件样式
.el-submenu__title i,
.el-tree-node,
.form-table > tbody > tr > th {
  color: #fff !important;
}
.el-input--small .el-input__inner,
.el-textarea .el-textarea__inner,
.el-form-item__content .el-input.is-disabled .el-input__inner,
.cell .el-input.is-disabled .el-input__inner,
.el-select .el-input--suffix .el-input__inner,
.el-form-item__content .el-range-editor--small.el-input__inner,
.el-range-editor--small .el-range-input,
// .cell .el-tag.el-tag--info,
.el-button-group > .el-button:not(:last-child),
.el-button-group > .el-button:last-child,
.content_top_wrap_form .form_date_picker,
.el-date-editor--monthrange.el-input, .el-date-editor--monthrange.el-input__inner,
.el-input--mini .el-input__inner,
.el-popper[x-placement^='top'],
.selector-button-group > button[data-v-03978527],
.el-form-item__content .el-textarea.is-disabled .el-textarea__inner,
.opinion-container > textarea[data-v-7b04623b] {
  background-color: #103c5d;
  border: 1px solid #1a4a72;
  color: #fff;
}
.el-form-item__content .el-upload--picture-card {
  background-color: #103c5d;
  border: 1px dashed #1a4a72;
}
.el-popper[x-placement^='bottom'],
.el-card.is-always-shadow,
.el-collapse-item .el-collapse-item__header,
.el-tabs__content .el-table--border,
.el-input-number.is-controls-right[class*='small'] [class*='decrease'] {
  border: none;
}
.el-input__inner:hover,
.el-textarea__inner:hover {
  border-color: #21aeff !important;
}
.el-scrollbar {
  background-color: #103c5d;
}
.ht-table-panel {
  background-color: #0f304f !important;
  height: calc(100% - 90px) !important;
  padding-top: 0 !important; 
}
.el-divider--horizontal {
  background-color: #0f304f !important;
}
.ht-table {
  background-color: #0f304f !important;
  border: none !important;
}
.cell .el-checkbox__inner,
.el-main,
.content_top_wrap,
.el-card__body .searchTop {
  background-color: #0f304f;
}
.el-table--border::after,
.el-table::before {
  background-color: #0f304f !important;
}
.el-row .el-col .el-tag[data-v-7b04623b]:hover {
  border-color: #1a5d8b;
  color: #009bff;
}
.el-table th > .cell,
.el-pagination__total,
.el-date-picker__header-label,
.el-year-table td .cell,
.el-date-table th,
.has-gutter tr th > .cell,
.el-pagination--small .el-pagination__editor.el-input .el-input__inner,
.el-pagination__jump,
.el-table__column-filter-trigger i,
.el-collapse-item__header,
.el-card,
.el-range-editor--small .el-range-input,
.el-radio__input.is-disabled + span.el-radio__label,
.record-container > span[data-v-452e030f],
.el-popover,
.action-container > span[data-v-1e8bb8cd],
.form-container > span[data-v-35213a62] {
  color: #fff !important;
}
.el-form-item--small .el-form-item__label,
.el-form-item__content [class*=' el-icon-'],
.el-table .cell a {
  color: #81a5c3;
}
.el-table td:hover .cell a {
  color: #409eff;
}
.el-button--primary {
  // background-color: #409eff !important;
}
.el-pagination .el-select .el-input .el-input__inner {
  background-color: #0f304f;
  border-color: #1a4a72;
  color: #fff !important;
}
.el-pagination button:disabled,
.dialog-selector__wrapper .el-dialog .el-dialog__header {
  background-color: #103c5d !important;
}
.el-pagination--small .el-pager li,
.el-table__empty-block,
.el-tree-node,
.el-select .el-select__tags[data-v-69fa75ba],
.el-form,
.el-row .el-col .el-tag[data-v-7b04623b],
.el-dialog__wrapper .el-dialog {
  background-color: #103c5d;
}
.el-row .el-col .el-tag[data-v-7b04623b] {
  color: #fff;
  border-color: #1a5d8b;
}
.login-div .el-form,
.el-dialog__body .record-container > span[data-v-7af507a2] {
  background: #fff;
}
.el-table__row,
.el-table__row--striped,
.el-table--border th.gutter:last-of-type,
.el-pagination .btn-next,
.el-tabs__nav-scroll,
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  background-color: #114066 !important;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active,
.el-tabs--card > .el-tabs__header .el-tabs__nav,
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active,
.el-tabs--card > .el-tabs__header .el-tabs__item,
.el-container,
.el-aside,
.el-table--border,
.el-table th.is-leaf,
.el-card__header,
.select-header[data-v-03978527],
.form-container[data-v-35213a62] {
  border: none !important;
}
.el-tabs--border-card
  > .el-tabs__header
  .el-tabs__item.is-active
  .el-link--inner {
  color: #21aeff;
}
.el-table td > .cell {
  color: #aabbc1 !important;
}
.el-table--striped .el-table__body tr.el-table__row--striped td {
  background-color: #114066 !important;
  border-right: none;
}
.el-table--enable-row-transition .el-table__body td {
  border-right: none !important;
  border-bottom-color: #113556;
}
.el-scrollbar__view .el-cascader-node:not(.is-disabled):hover,
.el-scrollbar__view  .el-cascader-node:not(.is-disabled):focus,
.el-main .el-table__body tr.current-row > td {
  background-color: #114066;
}
.el-cascader-panel .el-cascader-menu {
  border-right-color: #113556;
}
.ht-table-panel .el-table thead tr th.is-center {
  background-color: #114066 !important;
  border: none !important;
  border-bottom: 1px solid #113556;
}
.has-gutter tr th {
  border: none !important;
  border-bottom-color: #113556;
}
.el-table--enable-row-hover .el-table__body tr:hover > td,
.el-table__body tr.hover-row > td {
  background-color: #164773 !important;
}
.fullheight > div:nth-child(2) {
  // border-bottom: 1px solid #17507c;
}
.el-popper[x-placement^='bottom'],
.ht-header__search,
.el-table--border,
[data-v-03978527] .el-footer,
.right-aside[data-v-03978527],
.el-tree__empty-block,
.dialog-selector__wrapper .el-dialog .el-dialog__body .el-main,
.dialog-selector__wrapper .el-dialog .left-aside .box-card .el-card__body,
.el-card__header,
.dialog-selector__wrapper .el-dialog .left-aside .box-card,
.el-aside,
.dialog-selector__wrapper .el-dialog,
.el-select .el-select__tags[data-v-2f5be1c8] {
  background-color: #103c5d;
}
.el-table th.is-leaf,
.select-header[data-v-03978527],
.select-tree-div[data-v-03978527],
.el-table--border,
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content,
.opinion-container .el-row {
  background-color: #103c5d !important;
}
.el-date-table td span,
.el-table-filter__checkbox-group label.el-checkbox,
.el-pager,
.el-pagination--small .el-pager li,
.el-pagination--small .el-pager li.btn-quicknext,
.el-collapse-item__heade,
.el-link--inner,
.el-tabs__item,
.el-dropdown-menu--mini .el-dropdown-menu__item,
[data-v-03978527] .el-tree__empty-text,
.select-header[data-v-03978527],
.el-dialog .el-dialog__body .el-form-item .el-form-item__label,
.el-cascader-node__label,
.el-cascader-node__postfix {
  color: #fff;
}
.cell .el-button--small {
  background-color: #114066 !important;
  border: 1px solid #1a4a72;
  color: #fff;
}
// .cell .el-tag--small {
//   background-color: #114066;
//   border: 1px solid #1a4a72;
//   color: #c0c4cc;
// }
.el-form-item__label {
  font-size: 12px;
}
.el-table-filter,
.el-collapse,
.el-collapse-item__header,
.el-collapse-item__wrap,
.el-tabs--border-card,
.el-card,
.action-container[data-v-1e8bb8cd] {
  border: none !important;
}
.el-table-filter .el-table-filter__bottom,
.el-tree .el-tree-node__content:hover,
.el-scrollbar__view
  .el-tree--highlight-current
  .el-tree-node.is-current
  > .el-tree-node__content,
.el-tree .el-tree-node:focus > .el-tree-node__content {
  background-color: #114066;
}
.el-table-filter .el-table-filter__bottom button.is-disabled,
.el-tabs__header .el-tabs__item {
  color: #aabbc1;
}
.el-table-filter .el-table-filter__bottom button,
.action-group .el-radio {
  color: #fff;
}
.el-pagination .btn-next .el-icon,
.el-dropdown-selfdefine i,
.tree-button-group i,
.el-form-item__content .el-radio {
  color: #c0c4cc;
}
.el-dialog .el-dialog__body,
.el-dialog__footer,
.el-card.is-always-shadow,
.el-collapse-item__wrap,
.el-pagination .el-pager li {
  background-color: #0d3959;
}
.el-dialog__body div[data-v-452e030f] {
  background-color: #0d3959 !important;
}
.el-collapse-item__header,
.el-collapse-item__content {
  background-color: #0d3959 !important;
}
.container .container__header[data-v-6cfd5608],
.done_form .form-container[data-v-35213a62] {
  background-color: #18486e;
  color: #fff;
}
.done_form,
.action-container[data-v-1e8bb8cd],
.container[data-v-6cfd5608] {
  background-color: #18486e !important;
}
.dialog-footer button:nth-child(1) {
  background-color: #18486e;
  border: none;
  color: #fff;
  &:hover {
    border-color: #c6e3ff;
    color: #409eff;
  }
}
.el-button + .el-button {
  // background-color: #18486e;
  // color: #fff;
  border: none;
}
.el-dialog__header {
  border-bottom-color: #1a5d8b !important;
}
.el-table-filter__bottom {
  border-top-color: #1a5d8b !important;
}
.tab-container > div.tab-container-root[data-v-5d3d9f2a] > .el-tabs__content,
.el-tabs--border-card > .el-tabs__content {
  background-color: #0f304f;
}
.el-table__fixed::before,
.el-table__fixed-right::before {
  height: 0 !important;
}
.el-card__body
  .el-tabs--border-card
  > .el-tabs__header
  .el-tabs__item.is-active {
  color: #409eff;
}
.el-card__body .el-tabs--border-card > .el-tabs__header .el-tabs__item {
  color: #fff;
}
.el-input-group__append {
  border: none !important;
  background-color: #0f304f !important;
}
.el-input-number--small .el-input-number__decrease,
.el-input-number--small .el-input-number__increase {
  color: #c0c4cc;
  background-color: #0f304f;
  border: none;
}
.el-card__body .fullheight .el-card_top {
  background-color: #0f304f;
  border: none;
  box-shadow: none;
}
.el-table .el-loading-mask,
.el-loading-mask.is-fullscreen {
  background-color: rgba(15, 48, 79, 0.9);
}
.el-button--small.is-circle,
.el-radio-group .el-radio__input.is-disabled.is-checked .el-radio__inner {
  background-color: #409eff;
  border: none;
  color: #fff;
}
.el-select__tags_readonly .el-tag.el-tag--info,
.el-form-item__content .el-tag.el-tag--info {
  background-color: #0f304f;
  color: #fff;
  border: none;
}
.el-collapse-item .el-collapse-item__wrap {
  background: none;
}
.el-select__tags[data-v-4d7c9894] {
  color: #fff;
  background-color: #0d3959 !important;
}
.cell .el-button--mini {
  background-color: #114066;
  color: #fff;
  border-color: #17507c;
}
.el-dialog .el-dialog__body {
  color: #fff;
}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
  background-color: #0f3a5c;
  border-radius: 6px;
}

/* 滚动槽 */
::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #0f3a5c !important;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(57,94,125, 1.0)
}
.el-container .el-button--primary.is-plain:focus,
.el-container .el-button--primary.is-plain:hover{
  color: #fff;
  background-color: #409eff;
  border-color: #409eff;
}
// .el-container .el-button--primary 
.el-container .el-button--primary:focus,
.el-container .el-button--primary:hover {
  color: #fff;
  background-color: #66b1ff;
  border-color: #66b1ff;
}
.el-tabs__nav .el-tabs__active-bar {
  background-color: #409eff;
}

.el-select,.el-date-editor.el-input, .inputs {
  margin-right: 10px;
  margin-bottom: 5px;
}
.el-message-box {
  background-color: #144871 !important;
  border: none !important;
  .el-message-box__title {
    color: #fff;
  }
  &>span {
    color: #fff !important;
  }
  .el-message-box__content {
    color: #fff !important;
  }
}
.el-table {
  overflow: visible !important;
}
.searchTop>.el-button {
  margin-bottom: 5px;
}
.searchTop {
  margin-bottom: 5px;
}
/* 巡检待办事件选着样式 */
.el-date-table td.in-range div {
  background-color: #0f304f !important;
}
.el-month-table td.in-range div{
  background-color: #0f304f !important;
}
.el-picker-panel__body .el-picker-panel__icon-btn {
  color: #fff;
}
.el-date-range-picker__content .el-date-range-picker__header div {
  color: #fff;
}
.el-time-range-picker__header {
  color: #fff;
}
 .el-time-spinner__item {
  color: #fff !important;
}
 .el-time-spinner__item.active:not(.disabled) {
  color: #4c8bf2;
}

//页面中下拉输入框更改样式
.el-autocomplete-suggestion .el-scrollbar li:hover {
  background-color:transparent;
  color: #21aeff;
}
.el-autocomplete-suggestion .el-scrollbar li {
  color: #fff;
}

.el-time-spinner__item:hover:not(.disabled):not(.active) {
  background-color: #009bff !important;
}

.el-table__row:hover {
    cursor: pointer;
}
.image-slot {
    width: 60px;
    height: 60px;
    background-color: #144871;
    display: flex;
    align-items: center;
    justify-content: center;
}