@charset "UTF-8";
/*--------------------------START white-theme----------------------*/
/*--------------------------end white-theme------------------------*/
/*--------------------------START white-theme----------------------*/
/*--------------------------end white-theme------------------------*/
/*fade*/
.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity 0.28s;
  transition: opacity 0.28s; }
.fade-enter,
.fade-leave-active {
  opacity: 0; }
/*fade-transform*/
.fade-transform-leave-active,
.fade-transform-enter-active {
  -webkit-transition: all .5s;
  transition: all .5s; }
.fade-transform-enter {
  opacity: 0;
  -webkit-transform: translateX(-30px);
          transform: translateX(-30px); }
.fade-transform-leave-to {
  opacity: 0;
  -webkit-transform: translateX(30px);
          transform: translateX(30px); }
/*fade*/
.resources-steps-bottom,
.breadcrumb-enter-active,
.breadcrumb-leave-active {
  -webkit-transition: all .5s;
  transition: all .5s; }
.breadcrumb-enter,
.breadcrumb-leave-active {
  opacity: 0;
  -webkit-transform: translateX(20px);
          transform: translateX(20px); }
.breadcrumb-move {
  -webkit-transition: all .5s;
  transition: all .5s; }
.breadcrumb-leave-active {
  position: absolute; }
@media screen and (max-width: 920px) {
  .addTargetDialog .el-dialog, .screen900DialogWrap .el-dialog {
    width: 93% !important; }
  .detail-card.single-row .detail-card--content .content-item {
    width: 100% !important; } }
@media screen and (max-width: 820px) {
  .el-dialog__wrapper.screen800DialogWrap .el-dialog {
    width: 89% !important; } }
@media screen and (max-width: 720px) {
  .el-dialog__wrapper.screen700DialogWrap .el-dialog {
    width: 86% !important; } }
@media screen and (max-width: 620px) {
  .el-dialog__wrapper.screen600DialogWrap .el-dialog {
    width: 96% !important; } }
.el-dialog__wrapper {
  width: 100% !important;
  height: 100% !important; }
.el-dialog__wrapper.is-fullscreen {
    inset: 56px 0 0;
    height: calc(100% - 56px) !important;
    background: #F5F5F5; }
.el-dialog__wrapper.is-fullscreen .el-dialog {
      width: 100%;
      padding-bottom: 60px;
      margin: 0 !important;
      background: transparent !important; }
.el-dialog__wrapper.is-fullscreen .el-dialog .el-dialog__header {
        padding: 16px; }
.el-dialog__wrapper.is-fullscreen .el-dialog .el-dialog__body {
        padding-top: 0;
        padding-bottom: 0; }
.el-dialog__wrapper.is-fullscreen .el-dialog .el-dialog__body .el-card {
          margin-bottom: 16px; }
.el-dialog__wrapper.is-fullscreen .el-dialog .el-dialog__body .el-card .el-card__body {
            padding: 16px; }
.el-drawer__container {
  top: 56px;
  max-height: calc(100% - 56px); }
.el-drawer__container .el-drawer__header {
    font-size: 16px;
    font-weight: 700;
    color: #262626;
    padding: 24px;
    margin: 0; }
.el-drawer__container .el-drawer__header > :first-child {
      height: 24px;
      line-height: 24px; }
.el-drawer__container .el-drawer__header span {
      display: block;
      height: 24px;
      line-height: 24px; }
.el-drawer__container .el-drawer__close-btn {
    font-size: 18px;
    color: #8C8C8C;
    padding: 0; }
.el-drawer__container .el-drawer__body {
    padding: 0 24px 24px; }
.el-drawer__container .el-drawer__body .detail .el-card .el-card__body {
      padding: 0; }
.el-drawer.disk-progress-drawer i, .el-drawer.host-detail-drawer i {
  font-style: normal; }
.el-drawer.disk-progress-drawer i:nth-child(2), .el-drawer.host-detail-drawer i:nth-child(2) {
    font-size: 14px;
    font-weight: normal;
    color: #999999; }
.el-drawer.job-detail-drawer .el-drawer__body {
  padding-top: 0; }
::-webkit-scrollbar {
  width: 10px;
  height: 0;
  position: absolute; }
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background-color: #e9e9e9; }
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2);
  border-radius: 10px; }
.el-table--border {
  border: 1px solid #fff;
  border-top: none;
  border-bottom: none;
  border-radius: 4px; }
.el-table--border thead th:not(:last-of-type) {
    border-right: 1px solid #d9d9d9; }
.el-table--border td, .el-table--border th.is-leaf {
    border-bottom: 1px solid #d9d9d9;
    border-right: 0; }
.el-table--border::after, .el-table--group::after {
  width: 0; }
.el-table {
  font-size: 12px;
  color: #666666; }
.el-table .caret-wrapper {
    width: 14px; }
.el-table .sort-caret {
    left: 4px;
    border: 4px solid transparent; }
.el-table .sort-caret.ascending {
    top: 8px;
    border-bottom-color: #8C8C8C; }
.el-table .sort-caret.descending {
    bottom: 8px;
    border-top-color: #8C8C8C; }
.el-table .ascending .sort-caret.ascending {
    border-bottom-color: var(--primary); }
.el-table .descending .sort-caret.descending {
    border-top-color: var(--primary); }
.el-table thead {
    font-weight: 400; }
.el-table th, .el-table td {
    padding: 0; }
.el-table th {
    background: #F5F5F5; }
.el-table th .el-checkbox__inner::before {
      top: 6px !important; }
.el-table td .cell {
    padding-left: 12px; }
.el-table td, .el-table th.is-leaf {
    border-bottom: 1px solid #d9d9d9; }
.el-table .el-table-column--selection .cell {
    padding-left: 12px; }
.el-table .el-table-column--selection .cell .el-checkbox__inner {
      width: 16px;
      height: 16px; }
.el-table .el-table-column--selection .cell .el-checkbox__inner::after {
        left: 5px;
        top: 2px; }
.el-table th > .cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    color: #262626;
    padding: 2px 12px;
    margin: 4px 0; }
.el-table th > .cell.highlight {
      color: var(--primary); }
.el-table th > .cell .el-table__column-filter-trigger .el-icon-arrow-down {
      font: normal normal normal 14px/1 FontAwesome !important;
      color: #C0C4CC;
      width: 15px;
      text-align: center; }
.el-table th > .cell .el-table__column-filter-trigger .el-icon-arrow-down:before {
        content: "\F0B0"; }
.el-table .cell {
    margin: 6px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
.el-table .cell.el-tooltip {
      white-space: normal;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
.el-table td > .cell > span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
.el-table td > .cell > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
.el-table td > .cell > div > span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
.el-table .el-table__fixed {
    -webkit-box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.08);
            box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.08); }
.el-table .el-table__fixed-right {
    -webkit-box-shadow: -5px 0px 10px 0px rgba(0, 0, 0, 0.08);
            box-shadow: -5px 0px 10px 0px rgba(0, 0, 0, 0.08); }
.el-table__fixed-right::before, .el-table__fixed::before {
  z-index: 0;
  background-color: transparent; }
.el-popover {
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14);
          box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14); }
.el-tooltip__popper {
  max-width: 500px;
  padding: 8px;
  /*换行样式-每一行超出省略*/ }
.el-tooltip__popper .el-icon-document-copy {
    display: none; }
.el-tooltip__popper .cell-item {
    display: block;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 12px; }
.el-tooltip__popper .cell-item.cell-item-more {
      display: none; }
.el-tooltip__popper .cell-item.cell-item-more {
      padding-left: 12px; }
.el-tooltip__popper .cell-item.cell-item-2 {
      -webkit-line-clamp: 2;
      font-size: 14px; }
.el-tooltip__popper.help-register {
    -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14);
            box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14); }
.el-table__expanded-cell[class*=cell] {
  padding: 16px;
  background: #FAFAFA; }
.el-table__expanded-cell:hover {
  background: rgba(255, 255, 255, 0.45) !important; }
.el-tabs {
  width: 100%; }
.el-tabs .el-tabs__item.is-active {
    color: var(--primary); }
.el-tabs .el-tabs__item#tab-breakBack.is-active, .el-tabs .el-tabs__item#tab-failback.is-active {
    color: var(--b-primary); }
.el-tabs .el-tabs__header {
    margin: 0 0 16px; }
.el-tabs:not(.el-tabs--card) .el-tabs__header .el-tabs__item {
    height: auto;
    font-size: 14px;
    line-height: 22px;
    padding: 7px 16px; }
.el-tabs:not(.el-tabs--card) .el-tabs__header .el-tabs__item.is-active {
      color: var(--primary); }
.el-tabs:not(.el-tabs--card) .el-tabs__header .el-tabs__item:not(.is-disabled):hover:hover {
      color: var(--primary); }
.el-tabs:not(.el-tabs--card) .el-tabs__header .el-tabs__item#tab-breakBack.is-active, .el-tabs:not(.el-tabs--card) .el-tabs__header .el-tabs__item#tab-failback.is-active {
      color: var(--b-primary); }
.el-tabs:not(.el-tabs--card) .el-tabs__header .el-tabs__item#tab-breakBack:not(.is-disabled):hover:hover, .el-tabs:not(.el-tabs--card) .el-tabs__header .el-tabs__item#tab-failback:not(.is-disabled):hover:hover {
      color: var(--b-primary); }
.el-tabs:not(.el-tabs--card) .el-tabs__nav-wrap::after {
    background: #E3E3E3;
    -webkit-box-shadow: none;
            box-shadow: none;
    height: 1px;
    z-index: 1; }
.el-tabs:not(.el-tabs--card) .el-tabs__active-bar {
    height: 0; }
.el-tabs:not(.el-tabs--card) .el-tabs__item {
    height: 52px;
    line-height: 52px;
    font-weight: 400;
    padding: 0 16px; }
.el-tabs:not(.el-tabs--card) .el-tabs__item.is-active {
      border-bottom: 2px solid var(--primary); }
.el-tabs.el-tabs--card .el-tabs__item {
    min-width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center; }
.el-tabs.el-tabs--card .el-tabs__item.is-active {
      border-bottom-color: #fff; }
.el-tabs.el-tabs--card .el-tabs__item:hover {
      color: var(--primary); }
#app .app-wrapper .tab-group {
  margin-bottom: 16px; }
#app .app-wrapper .tab-group .el-tabs:not(.el-tabs--card) .el-tabs__header {
    margin: 0; }
#app .app-wrapper .tab-group .el-tabs:not(.el-tabs--card) .el-tabs__nav-wrap::after {
    background: #d9d9d9; }
#app .app-wrapper .tab-group .el-tabs:not(.el-tabs--card) .el-tabs__item {
    height: 28px;
    line-height: 22px;
    font-weight: 400;
    padding: 0 16px 6px; }
#app .app-wrapper .tab-group .el-tabs:not(.el-tabs--card) .el-tabs__item.is-active {
      border-bottom: 2px solid var(--primary); }
#app .app-wrapper .tab-group .el-tabs:not(.el-tabs--card) .el-tabs__item#tab-breakBack.is-active, #app .app-wrapper .tab-group .el-tabs:not(.el-tabs--card) .el-tabs__item#tab-failback.is-active {
      border-bottom: 2px solid var(--b-primary); }
#app .app-wrapper .tab-group.break-back .el-tabs .el-tabs__item.is-active {
    color: var(--b-primary); }
#app .app-wrapper .tab-group.break-back .el-tabs:not(.el-tabs--card) .el-tabs__item.is-active {
    border-bottom: 2px solid var(--b-primary); }
#app .app-wrapper .tab-group.break-back .el-tabs:not(.el-tabs--card) .el-tabs__header .el-tabs__item.is-active {
    color: var(--b-primary); }
#app .app-wrapper .tab-group.break-back .el-tabs:not(.el-tabs--card) .el-tabs__header .el-tabs__item:not(.is-disabled):hover:hover {
    color: var(--b-primary); }
.el-button {
  font-size: 14px;
  font-weight: 400;
  border-radius: 2px;
  border-color: #d9d9d9;
  color: #262626;
  padding: 10px 16px;
  cursor: pointer; }
.el-button .svg-icon {
    font-size: 14px;
    vertical-align: top; }
.el-button.set-up-icon .svg-icon {
    font-size: 16px; }
.el-button.is-disabled, .el-button.is-disabled:focus, .el-button.is-disabled:hover {
  color: #BFBFBF;
  cursor: not-allowed;
  background-image: none;
  background-color: #F5F5F5;
  border-color: #d9d9d9; }
.el-button [class*=el-icon-] + span {
  margin-left: 0; }
.el-button:focus, .el-button:hover {
  color: var(--primary);
  background-color: transparent;
  border-color: var(--primary); }
.el-button:focus.break-back, .el-button:hover.break-back {
    color: var(--b-primary);
    border-color: var(--b-primary); }
.el-button--primary:focus, .el-button--primary:hover {
  background: var(--primary-dark) !important;
  border-color: var(--primary-dark) !important;
  color: #fff; }
.el-button--primary:focus.break-back, .el-button--primary:hover.break-back {
    background: var(--b-primary-dark) !important;
    border-color: var(--b-primary-dark) !important; }
.el-button + .el-button {
  margin-left: 8px; }
.el-button + .el-dropdown {
  margin-left: 8px; }
.el-button--primary {
  background-color: var(--primary) !important;
  border-color: var(--primary);
  color: #fff !important; }
.el-button--primary.break-back {
    background-color: var(--b-primary) !important;
    border-color: var(--b-primary) !important; }
.el-button--primary.is-plain {
  color: #c35174;
  background-color: #fff !important;
  border-color: #c35174; }
.el-button--primary.is-plain:hover {
    background-color: #c35174 !important;
    border-color: #c35174;
    color: #fff; }
.el-button--primary.is-plain:focus {
    color: #c35174 !important;
    background-color: transparent !important;
    border-color: #c35174 !important; }
.el-button--text {
  color: #333333; }
.el-tag {
  background: rgba(195, 81, 116, 0.1);
  border: none;
  color: #262626;
  background: #F5F5F5; }
.el-tag .el-icon-close {
    width: 14px;
    height: 14px;
    color: #8C8C8C; }
.el-tag .el-icon-close:hover {
      color: #fff;
      background: var(--error); }
.el-switch__core {
  border-color: #d9d9d9;
  background-color: #d9d9d9; }
.el-switch.is-checked .el-switch__core {
  border-color: var(--success) !important;
  background-color: var(--success) !important; }
.el-switch__label * {
  font-size: 14px; }
.el-switch__label.is-active {
  color: var(--primary); }
.el-input__icon {
  height: 36px;
  line-height: 36px; }
.el-input.is-active .el-input__inner, .el-input__inner:focus, .el-radio__inner:hover {
  border-color: var(--primary); }
.el-button--primary.is-disabled, .el-button--primary.is-disabled:active, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:hover {
  background-color: var(--primary-light) !important;
  border-color: var(--primary-light) !important;
  color: #fff; }
.el-checkbox__inner {
  border-color: #d9d9d9; }
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner,
.el-radio__input.is-checked .el-radio__inner {
  background-color: var(--primary) !important;
  border-color: var(--primary); }
.el-checkbox__label {
  color: #595959 !important; }
.el-radio__input.is-checked + .el-radio__label {
  color: var(--primary); }
.el-radio__label {
  padding-left: 6px; }
.loadMoreSelect .el-scrollbar {
  max-height: 300px; }
.el-select-dropdown .el-select-dropdown__wrap {
  margin-bottom: 0 !important; }
.el-select-dropdown ::-webkit-scrollbar {
  width: 5px;
  height: 0; }
.el-select-dropdown ::-webkit-scrollbar-track-piece {
  /* Select the top half (or left half) or scrollbar track individually */
  background-color: #FFF; }
.el-dropdown-menu {
  padding: 0; }
.el-select-dropdown__list {
  -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 3px 14px 2px rgba(0, 0, 0, 0.12), 0px 8px 10px 1px rgba(0, 0, 0, 0.14);
          box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 3px 14px 2px rgba(0, 0, 0, 0.12), 0px 8px 10px 1px rgba(0, 0, 0, 0.14); }
.el-select-dropdown__item {
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  padding: 0 12px; }
.el-select-dropdown__item.selected {
    color: #333333;
    background: #F5F5F5; }
.el-select-dropdown__item.selected:hover {
      background: #F5F5F5 !important; }
.el-select-dropdown__item:not(.is-disabled):hover {
    color: var(--primary);
    background-color: transparent; }
.el-select-dropdown__item:not(.is-disabled):hover.break-back {
      color: var(--b-primary); }
.el-dropdown-menu__item--divided {
  margin-top: 0;
  border-top: 1px solid #d9d9d9; }
.el-dropdown-menu__item--divided:before {
    height: 0; }
.el-dropdown-menu.el-popper.user-dropdown {
  margin-top: 7px; }
.el-dropdown-menu__item {
  line-height: 34px;
  font-size: 12px;
  padding: 0 12px;
  color: #595959; }
.el-dropdown-menu__item.is-hide {
    display: none; }
.el-dropdown-menu__item.is-disabled {
    color: #BFBFBF; }
.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: var(--primary);
  color: #fff; }
.el-dropdown-menu__item:focus.break-back, .el-dropdown-menu__item:not(.is-disabled):hover.break-back {
    background-color: var(--b-primary); }
.break-back .el-dropdown-menu__item:focus, .break-back .el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: var(--primary);
  color: #fff; }
.break-back .el-dropdown-menu__item:focus.break-back, .break-back .el-dropdown-menu__item:not(.is-disabled):hover.break-back {
    background-color: var(--b-primary); }
.break-back .el-select .el-input__inner:hover {
  border-color: var(--b-primary) !important; }
.break-back .el-date-table td.end-date span, .break-back .el-date-table td.start-date span {
  background-color: var(--b-primary) !important; }
.el-dropdown-menu__item.emphasize {
  color: var(--error); }
.el-dropdown-menu__item.emphasize.is-disabled {
    color: #fcbdb6; }
.el-dropdown-menu__item.emphasize:focus, .el-dropdown-menu__item.emphasize:not(.is-disabled):hover {
  background-color: var(--error); }
.el-scrollbar {
  overflow: auto;
  overflow: overlay;
  height: 100%; }
.el-scrollbar .el-autocomplete-suggestion__wrap {
    margin: 0 !important;
    padding: 0; }
.el-scrollbar .el-autocomplete-suggestion__wrap li {
      font-size: 12px;
      color: #666666;
      line-height: 32px; }
.sidebar .el-scrollbar {
  height: calc(100vh - 80px); }
.sidebar .el-scrollbar.show-version {
    height: calc(100vh - 100px); }
.el-menu-item, .el-submenu__title {
  height: 44px;
  line-height: 44px;
  text-align: center;
  padding: 0 !important; }
.openSidebar .el-menu-item, .openSidebar .el-submenu__title {
  text-align: left; }
.el-menu-item:focus, .el-menu-item:hover {
  background-color: transparent !important;
  color: var(--primary) !important; }
.el-breadcrumb__inner a, .el-breadcrumb__inner.is-link {
  color: #fff; }
.el-breadcrumb__inner a:hover, .el-breadcrumb__inner.is-link:hover {
  color: #c35174; }
.el-breadcrumb__separator {
  color: #8C8C8C; }
.el-loading-spinner .path {
  stroke: #ebebeb; }
.el-pagination.is-background {
  font-weight: 400;
  text-align: right; }
.el-pagination.is-background .el-pagination__total, .el-pagination.is-background .el-pagination__sizes, .el-pagination.is-background .el-pagination__jump {
    color: #666666; }
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
    color: #666666;
    min-width: 28px;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.5); }
.el-pagination.is-background .el-input .el-input__inner {
    border-radius: 0 !important;
    height: 28px;
    line-height: 28px; }
.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: var(--primary); }
.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: var(--primary);
    border-color: var(--primary); }
.el-pagination.is-background .el-pager li:not(.disabled).active:hover {
      color: #fff; }
.el-pagination.is-background .el-pager li:not(.disabled) .btn-next:not(:disabled):hover, .el-pagination.is-background .el-pager li:not(.disabled) .btn-prev:not(:disabled):hover {
    color: #c35174; }
.el-input .el-input__inner {
  border-radius: 2px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  border: 1px solid #D0D0D0;
  padding-left: 10px;
  color: #262626; }
.el-input .el-input__inner.el-date-editor {
    height: 36px; }
.el-input .el-input__inner:hover {
    border-color: var(--primary) !important; }
.el-input.is-disabled .el-input__inner {
  border-color: #d9d9d9 !important;
  background-color: #F5F5F5;
  color: #BFBFBF; }
.el-input.is-disabled .el-input__inner:hover {
    border-color: #d9d9d9 !important; }
.el-input__inner, .el-textarea__inner, .el-button {
  background: #fff; }
.el-textarea__inner:focus, .el-select .el-input__inner:focus, .el-select .el-input.is-focus .el-input__inner, .el-pagination__sizes .el-input .el-input__inner:hover {
  border-color: var(--primary); }
.el-select .el-input__inner {
  padding: 0 26px 0 10px; }
.el-select .el-input__inner:hover {
    border-color: var(--primary); }
.el-select .el-input__suffix {
  right: 2px;
  height: 36px;
  line-height: 36px; }
.el-select__input {
  margin-left: 10px; }
.el-select-dropdown__item.selected {
  color: var(--primary) !important; }
.el-select-dropdown__item.selected.break-back {
    color: var(--b-primary) !important; }
.el-progress-bar {
  cursor: pointer; }
.el-progress-bar .el-progress-bar__inner {
    background-color: var(--success); }
.el-progress-bar .el-progress-bar__outer {
    background-color: #f0f0f0; }
.el-progress__text {
  font-size: 12px !important; }
.el-table__body tr:hover > td {
  background-color: #F5F5F5 !important; }
.el-table__body tr.hover-row > td {
  background-color: #F5F5F5 !important; }
.el-table__body tr.current-row > td {
  background-color: #F5F5F5 !important; }
.el-table-filter .el-checkbox__label {
  font-size: 12px;
  line-height: 14px;
  padding-left: 5px; }
.el-table-filter .el-table-filter__checkbox-group {
  padding: 8px 16px; }
.el-table-filter .el-scrollbar__wrap {
  width: 140px;
  margin: 0 !important; }
.el-table-filter .el-scrollbar__wrap label.el-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 14px;
    margin-left: 0;
    margin-right: 0; }
.el-table-filter .el-scrollbar__wrap .el-checkbox:last-child {
    margin-bottom: 0; }
.el-table-filter .el-checkbox {
  font-size: 12px;
  height: 14px;
  line-height: 14px;
  color: #666666;
  font-weight: 400; }
.el-table-filter .el-table-filter__bottom {
  border-top: 1px solid #D6D6D6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 14px; }
.el-table-filter .el-table-filter__bottom button {
    color: #666666;
    font-size: 12px;
    line-height: 12px;
    border: 1px solid #D6D6D6;
    border-radius: 2px;
    padding: 6px 12px; }
.el-table-filter .el-table-filter__bottom button:hover {
      color: var(--primary-dark);
      border-color: var(--primary-dark); }
.el-table-filter .el-table-filter__bottom button:first-child {
      color: #fff;
      background: var(--primary);
      border-color: var(--primary); }
.el-table-filter .el-table-filter__bottom button:first-child:hover {
        background: var(--primary-dark);
        border-color: var(--primary-dark); }
.el-input-number {
  width: 90%;
  line-height: 20px;
  padding: 0; }
.el-input-number .el-input__inner {
    padding: 0;
    border-radius: 2px;
    height: 22px !important; }
.el-input-number .el-input-number__decrease, .el-input-number .el-input-number__increase {
    width: 20px; }
.el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled),
.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled),
.el-input-number__decrease:hover,
.el-input-number__increase:hover {
  color: #c35174;
  border-color: #c35174; }
.el-input-group__prepend {
  background-color: #F5F5F5 !important;
  border-radius: 2px !important;
  border-color: #d9d9d9 !important;
  color: #BFBFBF !important;
  font-size: 14px !important; }
.el-textarea__inner {
  padding: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 2px !important;
  font-size: 14px;
  height: 120px;
  color: #262626; }
.el-form .el-form-item__label {
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  color: #595959; }
.el-form .el-form-item__label:after {
    content: ":"; }
.el-form .el-form-item {
  padding-bottom: 20px;
  margin-bottom: 0; }
.el-form .el-form-item .el-textarea__inner {
    border-radius: 2px !important; }
.el-form .el-form-item .el-textarea__inner:hover {
      border-color: var(--primary); }
.el-form .el-form-item.is-success .el-input__inner {
    border-color: #D0D0D0; }
.el-form .el-form-item.is-error .el-input__inner {
    border-color: var(--error) !important; }
.el-form .el-form-item.is-error .el-textarea__inner {
    border-color: var(--error) !important; }
.el-form .el-form-item__error {
  color: var(--error);
  font-size: 12px;
  line-height: 12px;
  padding: 4px 0; }
.el-form .el-form-item__error a {
    color: #666666 !important; }
.el-form .el-form-item__error a:hover {
      color: #c35174 !important; }
.el-form .tip {
  font-size: 12px;
  line-height: 20px;
  color: #A6A6A6;
  padding-top: 4px; }
.el-form .tip .isClick {
    color: var(--primary);
    cursor: pointer; }
.el-form .tip .isClick.expand, .el-form .tip .isClick.collapse {
      margin: 0 4px 0 16px; }
.el-form .tip .isClick.is-hide {
      display: none; }
.el-form .tip-title {
  color: #595959; }
.el-form .method-1, .el-form .method-2 {
  display: none; }
.el-form ul, .el-form ul li {
  list-style: disc; }
.el-form ol, .el-form ol li {
  list-style: decimal; }
.el-form ul {
  margin: 0 0 0 16px; }
.el-form ol {
  padding: 0;
  margin: 0 0 0 12px; }
.el-form ol li {
    padding-left: 5px; }
.el-steps.el-steps--horizontal .el-step__icon-inner, .el-steps.el-steps--simple .el-step__icon-inner {
  font-weight: 400 !important; }
.el-steps.el-steps--horizontal .el-step__line, .el-steps.el-steps--simple .el-step__line {
  height: 1px;
  background: #A6A6A6;
  top: 12px; }
.el-steps.el-steps--horizontal .el-step__icon, .el-steps.el-steps--simple .el-step__icon {
  width: 24px;
  height: 24px;
  background: #fff;
  font-size: 14px;
  color: #A6A6A6;
  border: 1px solid #A6A6A6; }
.el-steps.el-steps--horizontal .el-step__main, .el-steps.el-steps--simple .el-step__main {
  padding-top: 4px;
  line-height: 22px; }
.el-steps.el-steps--horizontal .el-step__main .el-step__title, .el-steps.el-steps--simple .el-step__main .el-step__title {
    font-size: 14px;
    line-height: 22px;
    color: #595959;
    font-weight: 400; }
.el-steps.el-steps--horizontal .el-step__main .el-step__description, .el-steps.el-steps--simple .el-step__main .el-step__description {
    color: #fff;
    margin-top: 0; }
.el-steps.el-steps--horizontal .el-step__main .el-step__description.is-success, .el-steps.el-steps--horizontal .el-step__main .el-step__description .is-process, .el-steps.el-steps--simple .el-step__main .el-step__description.is-success, .el-steps.el-steps--simple .el-step__main .el-step__description .is-process {
      background-color: var(--primary); }
.el-steps.el-steps--horizontal .is-success .el-step__line, .el-steps.el-steps--simple .is-success .el-step__line {
  background: var(--primary);
  border-color: var(--primary); }
.el-steps.el-steps--horizontal .is-success .el-step__icon, .el-steps.el-steps--simple .is-success .el-step__icon {
  background: #fff;
  border: 1px solid var(--primary); }
.el-steps.el-steps--horizontal .is-success .el-step__icon .el-step__icon-inner, .el-steps.el-steps--simple .is-success .el-step__icon .el-step__icon-inner {
    color: var(--primary); }
.el-steps.el-steps--horizontal .el-step__head.is-success, .el-steps.el-steps--simple .el-step__head.is-success {
  border-color: var(--primary); }
.el-steps.el-steps--horizontal .el-step__title.is-success, .el-steps.el-steps--horizontal .el-step__title.is-process, .el-steps.el-steps--simple .el-step__title.is-success, .el-steps.el-steps--simple .el-step__title.is-process {
  color: var(--primary); }
.el-steps.el-steps--horizontal .is-process .el-step__icon, .el-steps.el-steps--simple .is-process .el-step__icon {
  background: var(--primary);
  border: none !important; }
.el-steps.el-steps--horizontal .is-process .el-step__icon .el-step__icon-inner, .el-steps.el-steps--simple .is-process .el-step__icon .el-step__icon-inner {
    color: #fff; }
.el-steps.el-steps--simple {
  padding: 0;
  background: #fff; }
.el-steps.el-steps--simple .el-step__head.is-process .el-step__icon {
    background: #fff; }
.el-steps.el-steps--simple .el-step__main {
    padding-top: 0; }
.el-steps.el-steps--simple .el-step__main .el-step__title {
      font-size: 14px !important;
      line-height: 22px !important;
      color: #595959;
      font-weight: bold; }
.el-steps.el-steps--simple .el-step__main .el-step__title.is-success, .el-steps.el-steps--simple .el-step__main .el-step__title.is-process {
        color: #595959; }
.el-steps.el-steps--simple .el-step__main .el-step__title.is-success + .el-step__arrow::before, .el-steps.el-steps--simple .el-step__main .el-step__title.is-success + .el-step__arrow::after {
        background: var(--primary); }
.el-steps.el-steps--simple .el-step__main .el-step__arrow::after, .el-steps.el-steps--simple .el-step__main .el-step__arrow::before {
      width: 2px; }
.yes-tip span {
  color: var(--error); }
.el-dialog {
  margin: 8vh auto 0 !important;
  -webkit-box-shadow: none;
          box-shadow: none; }
.el-dialog .primary-color {
    color: var(--primary); }
.el-dialog .el-dialog__headerbtn {
    font-size: 18px; }
.el-dialog .el-dialog__headerbtn:hover .el-dialog__close, .el-dialog .el-dialog__headerbtn:focus .el-dialog__close {
      color: var(--primary); }
.el-dialog .el-dialog__header {
    font-weight: bold;
    padding: 24px 24px 0; }
.el-dialog .el-dialog__header .dialog-title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
.el-dialog .el-dialog__header .dialog-title .svg-icon.warning {
        fill: #F09024;
        width: 24px;
        height: 24px;
        margin-right: 24px; }
.el-dialog .el-dialog__header .dialog-title .dialog-title-txt p, .el-dialog .el-dialog__header .dialog-title .dialog-title-txt i {
        font-style: normal; }
.el-dialog .el-dialog__header .dialog-title .dialog-title-txt p:nth-of-type(1), .el-dialog .el-dialog__header .dialog-title .dialog-title-txt i:nth-of-type(1) {
          font-size: 16px;
          color: #262626; }
.el-dialog .el-dialog__header .dialog-title .dialog-title-txt p:nth-of-type(2), .el-dialog .el-dialog__header .dialog-title .dialog-title-txt i:nth-of-type(2) {
          font-weight: normal;
          color: #999999; }
.el-dialog .el-dialog__title {
    display: inline-block;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    color: #262626; }
.el-dialog .el-dialog__body .tips {
    padding: 10px 24px;
    line-height: 18px;
    border: 1px solid var(--warning);
    border-radius: 4px;
    background: var(--warning-light);
    color: #8C8C8C; }
.el-dialog .el-dialog__body .content {
    margin: 16px 0 8px; }
.el-dialog .el-dialog__footer {
    padding: 0 24px 24px; }
.dialog-del .dialog-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.dialog-del .dialog-title .danger {
    font-size: 20px;
    margin-right: 10px;
    color: var(--error);
    line-height: 24px; }
.dialog-del .dialog-title .dialog-title-txt p:nth-child(1) {
    line-height: 24px;
    color: #262626 !important; }
.dialog-del .dialog-title .dialog-title-txt p:nth-child(2) {
    color: #A6A6A6 !important;
    line-height: 22px; }
.dialog-del.dialog-remove .el-dialog .el-dialog__body {
  max-height: 72vh;
  padding: 0 24px;
  margin: 24px 0; }
.dialog-del .warning-tip {
  border-radius: 2px !important;
  padding: 8px 16px !important;
  font-size: 12px !important;
  color: #595959 !important;
  line-height: 20px !important; }
.dialog-del .error-tip {
  font-size: 14px;
  line-height: 22px;
  color: var(--error); }
.dialog-del .oss-content {
  margin-bottom: 8px !important;
  line-height: 22px; }
.jobDetailDialog .el-dialog {
  margin-top: 5vh !important; }
.jobDetailDialog .el-dialog .el-dialog__body {
    padding-top: 0;
    max-height: 84vh;
    overflow: auto;
    overflow: overlay; }
.el-checkbox-group {
  line-height: 12px; }
.el-checkbox-group .el-checkbox-button {
    background: #EFEFEF;
    padding: 4px 6px; }
.el-checkbox-group .el-checkbox-button:first-child {
      border-top-left-radius: 2px;
      border-bottom-left-radius: 2px; }
.el-checkbox-group .el-checkbox-button:first-child .el-checkbox-button__inner {
        border-radius: 2px 0 0 2px; }
.el-checkbox-group .el-checkbox-button:last-child {
      border-top-right-radius: 2px;
      border-bottom-right-radius: 2px; }
.el-checkbox-group .el-checkbox-button:last-child .el-checkbox-button__inner {
        border: none;
        padding: 4px 8px;
        border-radius: 0 2px 2px 0;
        background: #EFEFEF; }
.el-checkbox-group .el-checkbox-button.is-checked .el-checkbox-button__inner {
      background: var(--primary);
      border-color: var(--primary);
      color: #fff;
      -webkit-box-shadow: none;
              box-shadow: none; }
.el-checkbox-group .el-checkbox-button__inner:hover {
    color: var(--primary); }
.el-checkbox-group .el-checkbox-button__inner {
    border: none;
    padding: 4px 8px;
    background: #EFEFEF; }
.el-checkbox-group .el-checkbox-button:first-child .el-checkbox-button__inner {
    border: none; }
.detail, .detail-monitor {
  width: 100%;
  height: 100%; }
.detail .el-card:not(:last-child), .detail-monitor .el-card:not(:last-child) {
    padding-bottom: 16px; }
.detail .el-card .el-card__header, .detail-monitor .el-card .el-card__header {
    border-bottom: none;
    padding: 16px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #262626; }
.detail .el-card .el-card__body, .detail-monitor .el-card .el-card__body {
    padding: 0 16px 16px; }
.detail .el-card.card-container, .detail-monitor .el-card.card-container {
    -webkit-box-shadow: none;
            box-shadow: none; }
.detail .el-card.card-container .el-card__header, .detail-monitor .el-card.card-container .el-card__header {
      padding: 0 0 16px 0; }
.detail .el-card.card-container:not(:last-child), .detail-monitor .el-card.card-container:not(:last-child) {
      border-bottom: 1px solid #d9d9d9;
      border-radius: 0; }
.detail .el-card.card-container.last-of-its-kind, .detail-monitor .el-card.card-container.last-of-its-kind {
      border-bottom: 0; }
.detail .el-card.card-container.disk-card, .detail-monitor .el-card.card-container.disk-card {
      border-bottom: 0; }
.detail-monitor .card-container:not(.card-detail-info) .el-card__header {
  padding-top: 16px !important; }
.detail-card .el-card {
  border: none;
  margin-bottom: 16px;
  color: #262626;
  overflow: visible; }
.detail-card .el-card:last-child {
    margin-bottom: 0; }
.detail-card .el-card .el-card__header {
    border: none;
    padding: 20px 20px 0;
    font-size: 14px;
    font-weight: bold; }
.detail-card .el-card .el-card__body {
    padding: 28px 20px; }
.detail-card .el-card .el-card__body .row-wrap {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
.detail-card .el-card .el-card__body .row-item {
      margin: 0 0 8px;
      min-height: 20px;
      line-height: 20px;
      width: calc(100% / 3);
      max-width: calc(100% / 3); }
.detail-card .el-card .el-card__body .row-item.row-item-2 {
        width: calc(100% / 2);
        max-width: calc(100% / 2); }
.detail-card .el-card .el-card__body .row-item .next-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
.detail-card .el-card .el-card__body .row-item .next-row .next-col {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          padding-right: 10px;
          word-break: break-word; }
.detail-card .el-card .el-card__body .row-item .next-row .col-item-label {
          max-width: 120px;
          text-align: right;
          color: #595959; }
.detail-card .el-card .el-card__body .row-item .next-row .col-item-label:after {
            content: ":"; }
.detail-card .el-card .el-card__body .row-item .next-row .col-item-value.is-click {
          cursor: pointer;
          color: var(--primary); }
.detail-card .el-card .el-card__body p {
      width: calc(100% / 3);
      display: table; }
.el-dialog {
  border-radius: 4px; }
.el-dialog .el-dialog__body {
    padding: 24px;
    font-size: 14px;
    color: #595959;
    overflow: auto;
    overflow: overlay;
    word-break: break-word; }
.el-radio-group .el-radio-button__inner {
  border-color: #d9d9d9;
  color: #595959;
  font-weight: 400;
  font-size: 14px;
  padding: 10px 14px; }
.el-radio-group .el-radio-button__inner:hover {
  border-color: var(--primary);
  color: var(--primary); }
.el-radio-group .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background-color: var(--primary);
  border-color: var(--primary);
  -webkit-box-shadow: -1px 0 0 0 var(--primary);
          box-shadow: -1px 0 0 0 var(--primary);
  color: #fff; }
.el-radio-group .el-radio-button:not(.is-disabled) :first-child.el-radio-button__inner {
  border-left: 1px solid var(--primary); }
.el-radio-group .el-radio-button:first-child .el-radio-button__inner {
  border-radius: 2px 0 0 2px; }
.el-radio-group .el-radio-button:last-child .el-radio-button__inner {
  border-radius: 0 2px 2px 0; }
.el-form.only-form .el-radio-group .el-radio-button__inner {
  width: 90px; }
.el-form.only-form.en .el-radio-group .el-radio-button__inner {
  width: 125px; }
.el-cascader {
  height: 32px;
  line-height: 30px; }
.el-cascader .el-cascader__label {
    font-size: 12px; }
.el-cascader .el-input .el-input__inner:focus, .el-cascader .el-input.is-focus .el-input__inner {
    border-color: var(--primary); }
.el-cascader.flavors {
    width: 300px; }
.el-cascader.flavors.is_not_flavor .el-input .el-input__inner {
      border-color: var(--error); }
.el-cascader.flavors.is_not_flavor .el-input .el-input__inner:hover {
        border-color: var(--error) !important; }
.el-cascader-menu__wrap {
  margin-bottom: 0 !important; }
.el-cascader-menu__wrap .el-cascader-node.is-selectable.in-checked-path .el-radio__inner {
    background-color: var(--primary);
    border-color: var(--primary); }
.el-cascader-menu__wrap .el-cascader-node.is-selectable.in-checked-path .el-radio__inner::after {
      width: 4px;
      height: 4px;
      border-radius: 100%;
      background-color: #FFF;
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%) scale(1);
              transform: translate(-50%, -50%) scale(1); }
.el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path {
  color: var(--primary); }
.el-cascader-menus.el-popper .el-cascader-menu .el-cascader-menu__item {
  font-size: 12px; }
.el-cascader-menus.el-popper .el-cascader-menu .el-cascader-menu__item.is-active {
    color: #c35174; }
.el-cascader-menu__empty-text, .el-cascader-panel {
  font-size: 12px; }
.el-cascader__suggestion-item.is-checked {
  color: var(--primary); }
.el-popper[x-placement^=bottom] {
  min-width: 140px;
  -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 3px 14px 2px rgba(0, 0, 0, 0.12), 0px 8px 10px 1px rgba(0, 0, 0, 0.14);
          box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 3px 14px 2px rgba(0, 0, 0, 0.12), 0px 8px 10px 1px rgba(0, 0, 0, 0.14); }
.el-popper[x-placement^=bottom] .popper__arrow {
    top: -7px; }
.el-fade-in {
  margin-bottom: 10px;
  width: 200px;
  height: 100px;
  border-radius: 4px;
  background-color: #409EFF;
  text-align: center;
  color: #fff;
  padding: 40px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 20px; }
.el-alert {
  border-radius: 4px;
  font-size: 12px;
  color: #666666 !important;
  margin-bottom: 16px;
  padding: 8px 16px; }
.el-alert.el-alert--warning.is-light {
    border: 1px solid #F09024;
    background: rgba(252, 196, 45, 0.05); }
.el-alert .el-alert__content {
    padding: 0; }
.el-alert .el-alert__title {
    display: inline-block;
    font-size: 12px;
    line-height: 20px; }
.el-alert.is-margin {
    margin: -6px 0 16px !important; }
.el-alert.is-margin.is-margin-top {
      margin-top: 6px !important; }
.el-alert.is-margin.en {
      font-size: 14px;
      line-height: 22px; }
.el-alert.is-margin.en .fl.note {
        margin-right: 6px; }
.el-message--success {
  color: var(--success) !important;
  background-color: var(--success-light) !important;
  border-color: var(--success) !important; }
.el-message--error {
  color: var(--error) !important;
  background-color: var(--error-light) !important;
  border-color: var(--error) !important; }
.el-message--warning {
  color: var(--warning) !important;
  background-color: var(--warning-light) !important;
  border-color: var(--warning) !important; }
.el-message ul {
  margin: 0; }
.el-message ul li {
    margin-bottom: 16px; }
.el-message ul li ul {
      margin-left: 24px; }
.el-message ul li ul li {
        margin-bottom: 0; }
.el-message-box__title {
  font-size: 16px;
  font-weight: bold;
  color: #262626; }
.el-message-box__message {
  font-size: 14px;
  color: #A6A6A6;
  line-height: 22px; }
.el-message-box .el-message-box__headerbtn:focus .el-message-box__close, .el-message-box .el-message-box__headerbtn:hover .el-message-box__close {
  color: var(--primary); }
.el-message-box.migration .el-button--primary {
  background-color: var(--b-primary) !important;
  border-color: var(--b-primary) !important; }
.el-message-box.migration .el-button:focus, .el-message-box.migration .el-button:hover {
  color: var(--b-primary);
  border-color: var(--b-primary); }
.el-message-box.migration .el-message-box__headerbtn:focus .el-message-box__close, .el-message-box.migration .el-message-box__headerbtn:hover .el-message-box__close {
  color: var(--b-primary); }
.el-page-header .el-page-header__left {
  margin-right: 0;
  top: 1px; }
.el-page-header .el-page-header__left::after {
    display: none; }
.el-page-header .el-page-header__left .el-icon-back {
    margin-right: 8px; }
.el-page-header .el-page-header__content {
  font-size: 16px;
  font-weight: 400;
  color: #262626; }
.el-card.preview .el-descriptions:not(.is-bordered) td, .el-card.preview .el-descriptions:not(.is-bordered) th {
  padding-bottom: 8px; }
.el-card.preview .el-descriptions__header {
  margin-bottom: 0; }
.el-card.preview .el-descriptions__header .el-descriptions__title {
    font-size: 16px;
    font-weight: 400;
    color: #262626;
    line-height: 24px;
    margin-bottom: 16px; }
.el-card.preview .el-descriptions-item__label {
  min-width: 100px;
  font-size: 14px;
  color: #595959;
  line-height: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; }
.el-card.preview .el-descriptions-item__label.step-name {
    color: #262626; }
.el-card.preview .el-descriptions-item__label.step-name::after {
      content: '' !important; }
.el-card.preview .el-descriptions-item__content {
  font-size: 14px;
  color: #262626;
  line-height: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; }
.el-card {
  border: none; }
.el-time-range-picker ::-webkit-scrollbar {
  width: 0; }
.v-modal {
  opacity: .2; }
.break-back .el-message-box__header .el-message-box__headerbtn:focus .el-message-box__close, .break-back .el-message-box__header .el-message-box__headerbtn:hover .el-message-box__close {
  color: var(--b-primary); }
.break-back .el-button--primary {
  background-color: var(--b-primary) !important;
  border-color: var(--b-primary) !important;
  color: #fff !important; }
.break-back .el-button--primary.is-disabled {
    background-color: var(--b-primary-light) !important;
    border-color: var(--b-primary-light) !important; }
.break-back .el-checkbox__input.is-checked .el-checkbox__inner, .break-back .el-checkbox__input.is-indeterminate .el-checkbox__inner,
.break-back .el-radio__input.is-checked .el-radio__inner {
  background-color: var(--b-primary) !important;
  border-color: var(--b-primary) !important; }
.break-back .el-checkbox__input.is-checked + .el-checkbox__label,
.break-back .el-radio__input.is-checked + .el-radio__label {
  color: var(--b-primary); }
.break-back .el-button:not(.is-disabled):focus, .break-back .el-button:not(.is-disabled):hover, .break-back .el-button:not(.is-disabled):focus, .break-back .el-button:not(.is-disabled):hover {
  color: var(--b-primary);
  background-color: transparent;
  border-color: var(--b-primary); }
.break-back .el-button--primary.is-disabled:active, .break-back .el-button--primary.is-disabled:focus, .break-back .el-button--primary.is-disabled:hover {
  background-color: var(--b-primary-light) !important;
  border-color: var(--b-primary-light) !important; }
.break-back .el-radio-group :not(.el-radio-button.is-active) .el-radio-button__inner:hover {
  border-color: var(--b-primary);
  color: var(--b-primary); }
.break-back .el-dialog .primary-color {
  color: var(--b-primary); }
.break-back .el-dialog .el-dialog__headerbtn:hover .el-dialog__close, .break-back .el-dialog .el-dialog__headerbtn:focus .el-dialog__close {
  color: var(--b-primary); }
.break-back .el-dialog .el-radio-group .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background-color: var(--b-primary) !important;
  border-color: var(--b-primary) !important;
  -webkit-box-shadow: -1px 0 0 0 var(--b-primary);
          box-shadow: -1px 0 0 0 var(--b-primary); }
.break-back .el-dialog .el-steps.el-steps--horizontal .is-process .el-step__icon, .break-back .el-dialog .el-steps.el-steps--simple .is-process .el-step__icon {
  background-color: var(--b-primary-light); }
.break-back .el-dialog .el-steps.el-steps--horizontal .el-step__title.is-success, .break-back .el-dialog .el-steps.el-steps--horizontal .el-step__title.is-process, .break-back .el-dialog .el-steps.el-steps--simple .el-step__title.is-success, .break-back .el-dialog .el-steps.el-steps--simple .el-step__title.is-process {
  color: var(--b-primary); }
.break-back .el-steps.el-steps--horizontal .is-success .el-step__line, .break-back .el-steps.el-steps--simple .is-success .el-step__line {
  background-color: var(--b-primary) !important;
  border-color: var(--b-primary) !important; }
.break-back .el-steps.el-steps--horizontal .el-step__head.is-success, .break-back .el-steps.el-steps--simple .el-step__head.is-success {
  border-color: var(--b-primary); }
.break-back .el-checkbox-group .el-checkbox-button.is-checked .el-checkbox-button__inner {
  background: var(--b-primary);
  border-color: var(--b-primary);
  color: #fff; }
.break-back .el-checkbox-group .el-checkbox-button__inner:hover {
  color: var(--b-primary); }
.break-back .el-steps.el-steps--horizontal .is-success .el-step__icon, .break-back .el-steps.el-steps--simple .is-success .el-step__icon {
  border-color: var(--b-primary); }
.break-back .el-steps.el-steps--horizontal .is-success .el-step__icon .el-step__icon-inner, .break-back .el-steps.el-steps--simple .is-success .el-step__icon .el-step__icon-inner {
  color: var(--b-primary); }
.break-back .el-textarea__inner:focus, .break-back .el-select .el-input__inner:focus, .break-back .el-select .el-input.is-focus .el-input__inner, .break-back .el-pagination__sizes .el-input .el-input__inner:hover, .break-back .el-input .el-input__inner:hover {
  border-color: var(--b-primary) !important; }
.break-back .el-input-group__prepend .el-select .el-input__inner:focus, .break-back .el-input-group__prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent !important; }
.break-back .in-active-path,
.break-back .is-active {
  color: var(--b-primary) !important; }
.break-back .el-cascader .el-input .el-input__inner:focus, .break-back .el-cascader .el-input.is-focus .el-input__inner {
  border-color: var(--b-primary) !important; }
.break-back .el-cascader__suggestion-item.is-checked {
  color: var(--b-primary); }
.break-back .el-select-dropdown__item.selected {
  color: var(--b-primary) !important; }
.break-back .el-select-dropdown__item:not(.is-disabled):hover {
  color: var(--b-primary) !important; }
.break-back .el-form .el-form-item .el-textarea__inner:hover {
  border-color: var(--b-primary); }
.break-back .el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: var(--b-primary); }
.break-back .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: var(--b-primary);
  border-color: var(--b-primary); }
.break-back .el-pagination.is-background .el-pager li:not(.disabled).active:hover {
    color: #fff; }
.break-back .el-pagination.is-background .el-pager li:not(.disabled) .btn-next:not(:disabled):hover, .break-back .el-pagination.is-background .el-pager li:not(.disabled) .btn-prev:not(:disabled):hover {
  color: var(--b-primary); }
.break-back .el-table .ascending .sort-caret.ascending {
  border-bottom-color: var(--b-primary); }
.break-back .el-table .descending .sort-caret.descending {
  border-top-color: var(--b-primary); }
.el-date-range-picker.has-sidebar {
  width: 786px; }
.el-picker-panel [slot=sidebar] + .el-picker-panel__body, .el-picker-panel__sidebar + .el-picker-panel__body {
  margin-left: 140px; }
.el-picker-panel [slot=sidebar], .el-picker-panel__sidebar {
  width: 140px; }
.el-loading-spinner .circular {
  height: 50px !important;
  width: 50px !important; }
.el-loading-spinner .path {
  stroke: var(--success) !important;
  stroke-width: 3 !important; }
.el-message__closeBtn {
  color: #595959; }
.el-message__closeBtn:hover {
    color: #595959; }
#app .main-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(100% - 200px);
  height: 100%;
  -webkit-transition: margin-left .28s;
  transition: margin-left .28s;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative; }
#app .sidebar-container {
  -webkit-transition: width 0.28s;
  transition: width 0.28s;
  width: 200px !important;
  height: 100%;
  font-size: 0;
  overflow: hidden; }
#app .sidebar-container .el-submenu__title, #app .sidebar-container .el-submenu .el-menu-item, #app .sidebar-container .el-menu-item {
    color: #666666;
    height: 44px;
    line-height: 44px;
    font-weight: 400; }
#app .sidebar-container .horizontal-collapse-transition {
    -webkit-transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
    transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out; }
#app .sidebar-container .el-scrollbar {
    overflow: hidden; }
#app .sidebar-container .scrollbar-wrapper {
    overflow-x: hidden !important; }
#app .sidebar-container .el-scrollbar__bar.is-vertical {
    right: 0px; }
#app .sidebar-container .is-horizontal {
    display: none; }
#app .sidebar-container a {
    display: inline-block;
    width: 100%;
    overflow: hidden; }
#app .sidebar-container .svg-icon {
    margin-right: 8px;
    vertical-align: middle; }
#app .sidebar-container .el-menu {
    background-color: transparent !important;
    border: none;
    height: 100%;
    width: 100% !important; }
#app .sidebar-container .el-menu .el-menu-item.submenu-title-noDropdown:focus, #app .sidebar-container .el-menu .el-menu-item.submenu-title-noDropdown:hover {
      background-color: transparent; }
#app .sidebar-container .el-menu .el-menu-item.submenu-title-noDropdown.is-active {
      color: var(--primary); }
#app .sidebar-container .el-menu .el-menu-item.submenu-title-noDropdown span {
      margin-left: -4px; }
#app .sidebar-container .el-menu .el-menu-item.submenu-title-noDropdown .el-submenu__title.is-active {
      color: #c35174 !important;
      background-color: rgba(195, 81, 116, 0.1) !important;
      border-left: none; }
#app .sidebar-container .is-active > .el-submenu__title {
    color: var(--primary) !important; }
#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title .svg-icon,
  #app .sidebar-container .el-submenu .el-menu-item .svg-icon {
    margin-right: 6px; }
#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title:hover,
  #app .sidebar-container .el-submenu .el-menu-item:hover {
    background-color: var(--primary) !important; }
#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title.is-active,
  #app .sidebar-container .el-submenu .el-menu-item.is-active {
    color: var(--primary) !important;
    background-color: var(--primary-light) !important;
    border-left: none; }
#app .sidebar-container .el-submenu__title, #app .sidebar-container .el-submenu .el-menu-item, #app .sidebar-container .el-menu-item {
    padding-left: 20px !important; }
#app .sidebar-container .el-submenu__title:not(.is-active):hover, #app .sidebar-container .el-submenu .el-menu-item:not(.is-active):hover, #app .sidebar-container .el-menu-item:not(.is-active):hover {
      color: var(--primary) !important;
      background-color: transparent !important; }
#app .hideSidebar .sidebar-container {
  width: 45px !important; }
#app .hideSidebar .main-container {
  margin-left: 45px; }
#app .hideSidebar .submenu-title-noDropdown {
  padding-left: 10px !important;
  position: relative; }
#app .hideSidebar .submenu-title-noDropdown .el-tooltip {
    padding: 0 16px !important; }
#app .hideSidebar .el-submenu {
  overflow: hidden; }
#app .hideSidebar .el-submenu > .el-submenu__title {
    padding-left: 10px !important; }
#app .hideSidebar .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
      display: none; }
#app .hideSidebar .el-menu--collapse .el-submenu > .el-submenu__title > span {
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  display: inline-block; }
#app .el-menu--collapse .el-menu .el-submenu {
  min-width: 200px !important; }
#app .mobile .main-container {
  margin-left: 0px; }
#app .mobile .sidebar-container {
  -webkit-transition: -webkit-transform .28s;
  transition: -webkit-transform .28s;
  transition: transform .28s;
  transition: transform .28s, -webkit-transform .28s;
  width: 200px !important; }
#app .mobile.hideSidebar .sidebar-container {
  pointer-events: none;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transform: translate3d(-200px, 0, 0);
          transform: translate3d(-200px, 0, 0); }
#app .withoutAnimation .main-container,
#app .withoutAnimation .sidebar-container {
  -webkit-transition: none;
  transition: none; }
.el-menu--vertical {
  background: var(--primary);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  color: #fff; }
.el-menu--vertical > .el-menu .svg-icon {
    margin-right: 16px; }
.el-menu--vertical .el-menu-item.is-active {
    font-weight: 400;
    color: var(--primary); }
.el-menu--vertical .el-menu-item:not(.is-active):hover {
    color: var(--primary) !important; }
.el-menu--vertical > .el-menu--popup {
    max-height: 100vh;
    overflow-y: auto; }
.el-menu--vertical > .el-menu--popup::-webkit-scrollbar-track-piece {
      background: #d3dce6; }
.el-menu--vertical > .el-menu--popup::-webkit-scrollbar {
      width: 0; }
.el-menu--vertical > .el-menu--popup::-webkit-scrollbar-thumb {
      background: #99a9bf;
      border-radius: 20px; }
.el-tooltip__popper.is-dark {
  background: var(--primary); }
.el-tooltip__popper.is-dark .popper__arrow {
    border-right-color: #c35174; }
body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "WenQuanYi Micro Hei", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", sans-serif;
  color: #595959;
  background-color: #F5F5F5;
  font-size: 14px; }
hr, h2 {
  margin: 0; }
label {
  font-weight: 700; }
html {
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
#app {
  height: 100vh; }
#app * {
    word-break: break-word; }
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }
a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  outline: none;
  text-decoration: none; }
div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
div:focus {
  outline: none; }
a:focus,
a:active {
  outline: none; }
a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none; }
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }
.fl {
  float: left; }
.fr {
  float: right; }
::-webkit-input-placeholder {
  /* WebKit browsers*/
  color: #BFBFBF !important;
  font-size: 14px; }
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18*/
  color: #BFBFBF !important;
  font-size: 14px; }
::-moz-placeholder {
  /* Mozilla Firefox 19+*/
  color: #BFBFBF !important;
  font-size: 14px; }
:-ms-input-placeholder {
  /* Internet Explorer 10+*/
  color: #BFBFBF !important;
  font-size: 14px; }
#app .el-footer {
  width: 100%;
  height: auto !important;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  right: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
#app .el-footer p {
    font-size: 14px;
    color: #8293A1 !important;
    font-weight: 500;
    margin: 0; }
#app .el-footer a, #app .el-footer a:focus, #app .el-footer a:hover {
    font-size: 14px;
    color: #8293A1 !important; }
#app .el-footer img {
    height: 20px;
    padding: 0 5px;
    position: relative;
    top: 5px;
    left: 0; }
.main-box {
  width: 100%;
  height: calc(100% - 56px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
.app-main {
  line-height: 22px;
  /*41 = navbar  */
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 16px 0;
  position: relative;
  overflow: auto; }
.app-main-btn-bottom-wrap {
  height: 62px;
  background: #FFFFFF;
  -webkit-box-shadow: 4px -7px 15px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 4px -7px 15px 0px rgba(0, 0, 0, 0.15);
  padding: 0 40px;
  position: fixed;
  bottom: 0;
  left: 45px;
  width: calc(100% - 45px);
  text-align: right;
  line-height: 62px; }
.app-main-btn-bottom-wrap.opened {
    left: 220px;
    width: calc(100% - 220px); }
.app-main-btn-bottom-wrap.mobile {
    left: 0;
    width: 100%; }
.app-container {
  padding: 16px;
  margin-bottom: 16px;
  background: #fff;
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px; }
.el-loading-mask {
  background-color: rgba(255, 255, 255, 0.75); }
.form-box {
  width: 750px;
  margin-top: 20px; }
ul, li {
  list-style: none;
  padding: 0; }
a {
  color: var(--primary) !important; }
a a:hover {
    color: #ebebeb !important; }
i.required {
  font-style: normal;
  font-size: 12px; }
i.required:before {
    content: '*';
    color: var(--error);
    margin-right: 4px; }
h2 {
  font-size: 18px;
  padding: 10px 0; }
p {
  margin: 0; }
.button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 16px;
  gap: 8px; }
.button-group .button-group-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
.button-group .button-group-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    height: 36px;
    line-height: 36px; }
.button-group .button-group-right .el-input__inner {
      border: 1px solid #E3E3E3; }
.button-group .button-group-right .el-button {
      margin-left: 10px;
      width: 36px;
      height: 36px;
      font-size: 18px;
      color: #8C8C8C;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
.button-group .button-group-right .el-button:hover {
        cursor: pointer;
        color: var(--primary); }
.button-group .button-group-right .el-input-group--prepend .el-input__inner {
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important; }
.button-group .button-group-right .el-input-group--prepend .el-input-group__prepend .el-input__inner {
      color: #595959; }
.button-group .button-group-right .el-input-group--prepend .el-input-group__prepend .el-input__inner:hover {
        border-color: transparent !important; }
.button-group .button-group-right .el-input-group--prepend .el-select {
      margin: -10px 0; }
.button-group .button-group-right .el-input-group--prepend .el-select .el-input {
        width: 130px; }
.button-group .button-group-right .el-input-group__prepend {
      padding: 0 !important;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important; }
.button-group .search-input-select-group .el-select .el-input.el-input--suffix .el-input__inner {
    width: 131px;
    height: 36px;
    line-height: 37px;
    padding-left: 11px;
    border-color: #d9d9d9 !important; }
.button-group .search-input-select-group .el-select.search-type-value .el-input.el-input--suffix .el-input__inner {
    width: 197px;
    line-height: 36px;
    padding-left: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
.button-group .search-input-select-group .el-select:not(.search-type-value) .el-input.el-input--suffix .el-input__inner {
    background: #F5F5F5;
    color: #595959;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
.button-group .search-input-select-group .el-select:not(.search-type-value) .el-input.el-input--suffix .el-input__inner:hover {
      border-color: #d9d9d9 !important; }
.button-group .search-input-select-group .el-select:not(.search-type-value) .el-input.el-input--suffix.is-focus .el-input__inner {
    border-color: #d9d9d9; }
.button-group .search-input-select-group .el-input.el-input--suffix .el-input__inner {
    width: 197px;
    line-height: 36px;
    padding-left: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
.el-checkbox__input.is-focus .el-checkbox__inner, .el-checkbox__input .el-checkbox__inner:hover {
  border-color: var(--primary); }
.list-wrap .list:not(:last-child)::after {
  content: ' | '; }
.normal, .serious, .emergent, .disabled, .enabled {
  margin-right: 6px; }
.fa-warning.normal {
  color: #008BDF; }
.fa-warning.serious {
  color: #F09024; }
.fa-warning.emergent {
  color: var(--error); }
.fa-play-circle.enabled {
  color: #51C371; }
.el-icon-remove.disabled {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  color: var(--error);
  margin-left: -1px; }
.resources-steps {
  height: calc(100% - 66px);
  min-height: calc(100% - 66px); }
.resources-steps .tab-group {
    padding-top: 20px;
    padding-bottom: 20px; }
.resources-steps .resources-steps-bottom {
    font-size: 0;
    text-align: center;
    background: #FFFFFF;
    padding: 12px;
    -webkit-box-shadow: 0px -7px 15px 0px rgba(0, 0, 0, 0.15);
            box-shadow: 0px -7px 15px 0px rgba(0, 0, 0, 0.15);
    bottom: 0;
    left: 200px;
    position: fixed;
    width: calc(100% - 200px); }
.resources-steps .resources-steps-bottom.not-opened {
      left: 45px;
      width: calc(100vw - 45px); }
.resources-steps .el-card {
    height: 100%;
    overflow-y: scroll; }
.btn-right-wrap {
  text-align: right; }
.host-name-wrap {
  padding: 3px 0;
  border-radius: 4px;
  background: #F2F6FC;
  height: 154px;
  overflow-y: auto; }
.host-name-wrap .host-name-list {
    padding: 0 10px;
    line-height: 30px;
    width: 177px;
    height: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
.host-name-wrap.single {
    height: 36px; }
.host-name-wrap.single .host-name-list {
      width: 360px; }
.items {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; }
.unprotected-container .padding-box, .protected-container .padding-box {
  margin: 8px 0; }
.unprotected-container .padding-box.generalstorage, .protected-container .padding-box.generalstorage {
    margin: 0;
    padding: 0; }
.unprotected-container .custom-table.padding-box .el-table__body-wrapper.is-scrolling-none, .protected-container .custom-table.padding-box .el-table__body-wrapper.is-scrolling-none {
  overflow-y: auto !important;
  max-height: calc(85vh - 350px);
  min-height: 50px; }
.unprotected-container span.is-error, .protected-container span.is-error {
  color: var(--error); }
.unprotected-container .el-divider--horizontal, .protected-container .el-divider--horizontal {
  margin: 16px 0 0; }
.unprotected-container .del-snap-ccy-container .el-divider, .protected-container .del-snap-ccy-container .el-divider {
  margin: 0 0 16px; }
.unprotected-container .del-snap-ccy-container .only-form.el-form .el-form-item__label, .protected-container .del-snap-ccy-container .only-form.el-form .el-form-item__label {
  text-align: left !important;
  min-width: 116px !important; }
.del-checkbox-container .el-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 16px; }
.del-checkbox-container .el-checkbox__input {
  line-height: 22px;
  padding-top: 2px; }
.del-checkbox-container .el-checkbox__label {
  font-weight: 400;
  line-height: 22px;
  white-space: pre-line; }
.button-box.is-fullscreen-button-box {
  width: 100%;
  height: 60px;
  background: #fff;
  margin-left: -20px;
  padding: 0 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  bottom: 0;
  right: 0;
  -webkit-box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.08);
  z-index: 10000; }
.line-0 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 0;
  -webkit-box-orient: vertical; }
.line-1 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }
.line-2 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }
.line-3 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }
.line-4 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical; }
.line-5 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical; }
.line-6 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical; }
.line-7 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical; }
.line-8 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical; }
.line-9 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical; }
.line-10 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical; }
.line-11 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 11;
  -webkit-box-orient: vertical; }
.line-12 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 12;
  -webkit-box-orient: vertical; }
.break-back a {
  color: var(--b-primary) !important; }
.break-back a a:hover {
    color: #ebebeb !important; }
.break-back .el-checkbox__input.is-focus .el-checkbox__inner, .break-back .el-checkbox__input .el-checkbox__inner:hover {
  border-color: var(--b-primary); }
.break-back .advanced-filter {
  color: var(--b-primary) !important;
  border-color: var(--b-primary) !important; }
.break-back .advanced-btn:hover {
  color: var(--b-primary) !important;
  border-color: var(--b-primary) !important; }
.margin-l1 {
  margin-left: 4px; }
.margin-t1 {
  margin-top: 4px; }
.margin-b1 {
  margin-bottom: 4px; }
.margin-r1 {
  margin-right: 4px; }
.margin-l2 {
  margin-left: 8px; }
.margin-t2 {
  margin-top: 8px; }
.margin-b2 {
  margin-bottom: 8px; }
.margin-r2 {
  margin-right: 8px; }
.margin-l3 {
  margin-left: 12px; }
.margin-t3 {
  margin-top: 12px; }
.margin-b3 {
  margin-bottom: 12px; }
.margin-r3 {
  margin-right: 12px; }
.margin-l4 {
  margin-left: 16px; }
.margin-t4 {
  margin-top: 16px; }
.margin-b4 {
  margin-bottom: 16px; }
.margin-r4 {
  margin-right: 16px; }
.margin-l5 {
  margin-left: 20px; }
.margin-t5 {
  margin-top: 20px; }
.margin-b5 {
  margin-bottom: 20px; }
.margin-r5 {
  margin-right: 20px; }
.margin-l6 {
  margin-left: 24px; }
.margin-t6 {
  margin-top: 24px; }
.margin-b6 {
  margin-bottom: 24px; }
.margin-r6 {
  margin-right: 24px; }
.margin-l7 {
  margin-left: 28px; }
.margin-t7 {
  margin-top: 28px; }
.margin-b7 {
  margin-bottom: 28px; }
.margin-r7 {
  margin-right: 28px; }
.margin-l8 {
  margin-left: 32px; }
.margin-t8 {
  margin-top: 32px; }
.margin-b8 {
  margin-bottom: 32px; }
.margin-r8 {
  margin-right: 32px; }
.bdriver-list .bPlatformTips-title {
  font-size: 12px;
  font-weight: bold;
  color: #262626;
  line-height: 20px;
  margin-bottom: 4px; }
.bdriver-list .driver-item, .bdriver-list .bPlatformTips-driver-item {
  margin-bottom: 8px; }
.bdriver-list .driver-item:last-child, .bdriver-list .bPlatformTips-driver-item:last-child {
    margin-bottom: 0px !important; }
.bdriver-list .driver-item__title, .bdriver-list .bPlatformTips-driver-item__title {
    font-size: 12px;
    color: #262626;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 8px; }
.bdriver-list .driver-item__sub, .bdriver-list .bPlatformTips-driver-item__sub {
    margin-left: 16px; }
.bdriver-list .driver-item__sub .sub-title, .bdriver-list .bPlatformTips-driver-item__sub .sub-title {
      color: #595959;
      font-size: 12px;
      line-height: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
.bdriver-list .driver-item__sub .sub-title span, .bdriver-list .bPlatformTips-driver-item__sub .sub-title span {
        line-height: 20px !important; }
.bdriver-list .driver-item__sub .sub-title .point, .bdriver-list .bPlatformTips-driver-item__sub .sub-title .point {
        margin-top: 8px;
        display: inline-block;
        height: 4px;
        width: 4px;
        min-width: 4px;
        border-radius: 50%;
        background-color: #8C8C8C;
        margin-right: 8px; }
.bdriver-list .driver-item__sub .bsub-items, .bdriver-list .bPlatformTips-driver-item__sub .bsub-items {
      margin-left: 16px; }
.bdriver-list .driver-item__sub .bsub-items .bsub-item, .bdriver-list .bPlatformTips-driver-item__sub .bsub-items .bsub-item {
        margin-top: 4px;
        font-size: 12px;
        color: #8C8C8C;
        line-height: 20px; }
.bdriver-list .bPlatformTips-driver-item {
  margin-bottom: 4px !important; }
.bdriver-list .bPlatformTips-driver-item .driver-item__title {
    margin-bottom: 4px !important; }
.bdriver-list .bPlatformTips-note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  white-space: pre; }
.bdriver-list .bPlatformTips-note span:nth-child(1) {
    line-height: 20px !important;
    color: var(--warning); }
.bdriver-list .bPlatformTips-note span:nth-child(2) {
    line-height: 20px !important;
    color: #262626; }
.customJobDetail .title-conainer {
  margin-bottom: 8px; }
.customJobDetail .title-conainer .title {
    font-size: 14px;
    line-height: 32px;
    margin-bottom: 0 !important;
    font-weight: normal !important; }
.customJobDetail .title-conainer .title span:nth-of-type(1) {
      display: inline-block;
      /*width: 70px;*/ }
.customJobDetail .title-conainer .title span:nth-of-type(1).zh {
        /*width: 40px;*/ }
.customJobDetail .title-conainer .title > span:nth-child(2) {
      color: #262626; }
.customJobDetail .title-conainer .title:last-of-type {
      display: inline; }
.customJobDetail .title-conainer a {
    font-size: 14px; }
.customJobDetail .el-divider.el-divider--horizontal {
  margin: 0; }
.customJobDetail .content-container {
  margin: 16px 0 0;
  height: calc(100vh - 303px);
  overflow-x: hidden;
  overflow-y: auto; }
.customJobDetail .content-container .el-divider.el-divider--horizontal {
    margin: 16px 0; }
.customJobDetail .steps-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 22px;
  line-height: 22px;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 700;
  color: #262626; }
.customJobDetail .steps-title span:nth-of-type(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
.customJobDetail .steps-title .el-icon-refresh {
    color: #8C8C8C;
    font-size: 18px;
    margin-left: 16px;
    cursor: pointer; }
.customJobDetail .steps-title .el-icon-refresh:hover {
      cursor: pointer;
      color: var(--primary); }
.customJobDetail .emptyState {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: calc(100vh - 303px); }
.customJobDetail .emptyState .svg-icon {
    height: 100px;
    width: 100px; }
.customJobDetail .download-container .download {
  cursor: pointer;
  color: var(--primary); }
.customJobDetail .copy-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
.customJobDetail .copy-content.is-show-more-btn {
    width: calc(100% - 105px); }
.customJobDetail .copy-content .copy {
    color: var(--primary);
    cursor: pointer; }
.customJobDetail .task_steps {
  padding-top: 8px;
  padding-left: 2px; }
.customJobDetail .show-logs {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  margin-bottom: 8px; }
.customJobDetail .box-card {
  min-height: 20vh;
  max-height: calc(100vh - 460px);
  background: black;
  border-radius: 3px;
  font-family: monospace;
  font-size: large;
  color: aliceblue;
  white-space: pre-wrap;
  overflow-x: hidden;
  overflow-y: auto; }
.customJobDetail .box-card b.copy {
    color: var(--primary);
    cursor: pointer;
    float: right;
    display: block;
    height: 22px;
    line-height: 22px;
    margin: 24px 12px; }
.customJobDetail .box-card span {
    display: block;
    padding: 54px 12px 0; }
.customJobDetail .el-timeline-item__wrapper {
  padding-left: 25px; }
.customJobDetail .el-timeline-item__node--large {
  width: 20px;
  height: 20px; }
.customJobDetail .el-timeline-item__node--normal {
  top: 2px;
  left: -2px;
  width: 14px;
  height: 14px; }
.customJobDetail .el-timeline-item__tail {
  top: 10px;
  left: 7.5px;
  border-left: 1px solid #d9d9d9 !important; }
.customJobDetail .reason {
  color: var(--error);
  font-size: 12px; }
.customJobDetail .reason.en ol {
    padding-left: 33px; }
.customJobDetail .reason ol {
    list-style: decimal;
    padding: 0;
    width: calc(100% - 105px); }
.customJobDetail .reason ol span.title {
      display: inline-block;
      color: var(--error) !important; }
.customJobDetail .reason ol li {
      list-style: decimal; }
.customJobDetail .reason ol p {
      white-space: pre-wrap;
      line-height: 20px;
      margin: 4px 0;
      font-family: 'Helvetica Neue';
      color: var(--error) !important; }
.customJobDetail .qr-container {
  color: #595959;
  position: absolute;
  bottom: 10px;
  right: 10px;
  max-width: 180px;
  word-break: break-word; }
.customJobDetail .qr-container p {
    margin-top: 0;
    margin-bottom: 5px; }
.customJobDetail .qr-container p:nth-of-type(1) {
      font-size: 13px;
      font-weight: 600; }
.customJobDetail .qr-container p:nth-of-type(1) .svg-icon {
        width: 1.1em;
        height: 1.1em;
        vertical-align: -0.15em; }
.customJobDetail .qr-container p:nth-of-type(2) {
      font-size: 12px; }
.customJobDetail .qr-container img {
    width: 100px; }
.customJobDetail .box {
  margin-left: 4px;
  padding-bottom: 13px; }
.customJobDetail .box.el-timeline-item .el-timeline-item__node {
    background: #C1C1C1 !important; }
.customJobDetail .box.el-timeline-item .el-timeline-item__icon {
    font-size: 20px;
    background-color: #fff; }
.customJobDetail .box.el-timeline-item.done .el-timeline-item__node {
    background: transparent !important; }
.customJobDetail .box.el-timeline-item.done .el-timeline-item__node .el-timeline-item__icon {
      color: var(--success); }
.customJobDetail .box.el-timeline-item.failed .el-timeline-item__node {
    background: transparent !important; }
.customJobDetail .box.el-timeline-item.failed .el-timeline-item__node .el-timeline-item__icon {
      color: var(--error); }
.customJobDetail .box.el-timeline-item.doing .el-timeline-item__node {
    background: transparent !important; }
.customJobDetail .box.el-timeline-item.doing .el-timeline-item__node .el-timeline-item__icon {
      color: var(--success); }
.customJobDetail .box.el-timeline-item.warning .el-timeline-item__node, .customJobDetail .box.el-timeline-item.paused .el-timeline-item__node {
    background: transparent !important; }
.customJobDetail .box.el-timeline-item.warning .el-timeline-item__node .el-timeline-item__icon, .customJobDetail .box.el-timeline-item.paused .el-timeline-item__node .el-timeline-item__icon {
      color: var(--warning); }
.customJobDetail .box.el-timeline-item:last-child {
    padding-bottom: 0; }
.customJobDetail .box > .el-timeline-item__wrapper {
    /* 子步骤：每一步骤的详细步骤 */ }
.customJobDetail .box > .el-timeline-item__wrapper .el-timeline-item__content, .customJobDetail .box > .el-timeline-item__wrapper .el-timeline-item__timestamp {
      display: inline-block; }
.customJobDetail .box > .el-timeline-item__wrapper .el-timeline-item__timestamp {
      position: absolute;
      right: 34px;
      margin-top: 0;
      color: #595959;
      font-size: 14px;
      line-height: 22px; }
.customJobDetail .box > .el-timeline-item__wrapper .title {
      color: #262626;
      font-size: 14px;
      font-weight: normal !important; }
.customJobDetail .box > .el-timeline-item__wrapper .title.error {
        color: var(--error) !important; }
.customJobDetail .box > .el-timeline-item__wrapper .status {
      font-size: 12px;
      color: #fff;
      border-radius: 2px;
      padding: 3px 8px;
      margin-left: 8px;
      background-color: #C1C1C1; }
.customJobDetail .box > .el-timeline-item__wrapper .status.done, .customJobDetail .box > .el-timeline-item__wrapper .status.finished {
        background-color: var(--success); }
.customJobDetail .box > .el-timeline-item__wrapper .status.failed {
        background-color: var(--error); }
.customJobDetail .box > .el-timeline-item__wrapper .status.aborted {
        background-color: var(--warning); }
.customJobDetail .box > .el-timeline-item__wrapper .desc {
      padding: 5px 0 10px;
      font-size: 12px;
      color: #595959; }
.customJobDetail .box > .el-timeline-item__wrapper .steps {
      font-size: 12px;
      color: #595959; }
.customJobDetail .box > .el-timeline-item__wrapper .el-timeline-item__content {
      width: 100%;
      position: relative;
      padding-top: 2px;
      white-space: pre-line; }
.customJobDetail .box > .el-timeline-item__wrapper .el-timeline-item__content p {
        color: #262626; }
.customJobDetail .box > .el-timeline-item__wrapper .el-timeline-item__content p:first-child {
          margin-bottom: 5px; }
.customJobDetail .box > .el-timeline-item__wrapper .el-timeline-item__content .el-timeline-item__wrapper {
        padding-left: 18px; }
.customJobDetail .box > .el-timeline-item__wrapper .el-timeline-item__content .el-timeline {
        padding: 8px 0 0 16px; }
.customJobDetail .box > .el-timeline-item__wrapper .el-timeline-item__content .el-timeline .el-timeline-item {
          padding-bottom: 8px;
          width: calc(100% - 105px);
          /*同步任务步骤详情*/ }
.customJobDetail .box > .el-timeline-item__wrapper .el-timeline-item__content .el-timeline .el-timeline-item .el-timeline-item__node {
            background: #C1C1C1; }
.customJobDetail .box > .el-timeline-item__wrapper .el-timeline-item__content .el-timeline .el-timeline-item .el-timeline-item__icon {
            font-size: 14px; }
.customJobDetail .box > .el-timeline-item__wrapper .el-timeline-item__content .el-timeline .el-timeline-item .el-timeline-item__icon.el-icon-success, .customJobDetail .box > .el-timeline-item__wrapper .el-timeline-item__content .el-timeline .el-timeline-item .el-timeline-item__icon.el-icon-loading {
              color: var(--success); }
.customJobDetail .box > .el-timeline-item__wrapper .el-timeline-item__content .el-timeline .el-timeline-item .el-timeline-item__icon.el-icon-error {
              color: var(--error); }
.customJobDetail .box > .el-timeline-item__wrapper .el-timeline-item__content .el-timeline .el-timeline-item .el-timeline-item__icon.fa-stop-circle, .customJobDetail .box > .el-timeline-item__wrapper .el-timeline-item__content .el-timeline .el-timeline-item .el-timeline-item__icon.fa-pause-circle, .customJobDetail .box > .el-timeline-item__wrapper .el-timeline-item__content .el-timeline .el-timeline-item .el-timeline-item__icon.el-icon-warning {
              color: var(--warning); }
.customJobDetail .box > .el-timeline-item__wrapper .el-timeline-item__content .el-timeline .el-timeline-item .el-timeline-item__tail {
            display: block;
            left: 4.5px; }
.customJobDetail .box > .el-timeline-item__wrapper .el-timeline-item__content .el-timeline .el-timeline-item:last-child .el-timeline-item__tail {
            display: none; }
.customJobDetail .box > .el-timeline-item__wrapper .el-timeline-item__content .el-timeline .el-timeline-item.task_steps-content {
            width: 100%; }
.customJobDetail .box > .el-timeline-item__wrapper .el-timeline-item__content .el-timeline .el-timeline-item.task_steps-content .el-timeline-item__tail {
              display: block; }
.customJobDetail .box > .el-timeline-item__wrapper .el-timeline-item__content .el-timeline .el-timeline-item.task_steps-content:last-child .el-timeline-item__tail {
              display: none; }
.customJobDetail .box > .el-timeline-item__wrapper .el-timeline-item__content .el-timeline-item__content {
        width: 100%;
        padding-top: 0;
        white-space: pre-line; }
.customJobDetail .box > .el-timeline-item__wrapper .el-timeline-item__content .el-timeline-item__content .title {
          font-size: 12px;
          color: #595959; }
.customJobDetail.break-back .el-button-group .el-button {
  color: var(--b-primary);
  border-color: var(--b-primary); }
.customJobDetail.break-back .el-button-group .el-button.active {
    background-color: var(--b-primary);
    color: #fff; }
.customJobDetail.break-back .el-button-group b.copy {
  color: var(--b-primary); }
.customJobDetail.break-back .download-container .download {
  color: var(--b-primary); }
.customJobDetail .snapshot_time {
  font-size: 12px;
  color: #595959; }
.dialog-confirm .tip {
  color: #595959;
  font-size: 14px;
  line-height: 22px; }
.dialog-confirm .list {
  max-height: calc(100vh - 300px);
  overflow: auto; }
.dialog-confirm .list .item {
    margin-top: 8px;
    padding: 8px 21px;
    background-color: #F5F5F5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
    line-height: 22px;
    color: #595959; }
.dialog-confirm .list .item .point {
      margin-right: 9px;
      height: 8px;
      width: 8px;
      border-radius: 50%;
      background-color: #8C8C8C; }
.search-str {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-left: auto; }
.search-str .labels-list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: -8px;
    margin-bottom: 16px;
    font-size: 14px;
    color: #595959;
    border: 1px solid #d9d9d9;
    padding: 0 16px; }
.search-str .labels-list .labels {
      max-width: 300px;
      height: 36px;
      line-height: 36px; }
.search-str .labels-list .clear {
      line-height: 36px;
      margin-left: 8px;
      font-size: 16px;
      cursor: pointer; }
.search-str .labels-list .clear:hover {
        color: var(--primary); }
.search-str .labels-list .bClear:hover {
      color: var(--b-primary) !important; }
.advanced-btn {
  height: 36px;
  line-height: 36px;
  cursor: pointer;
  border: 1px solid #d9d9d9;
  padding: 0 16px;
  color: #262626;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
.advanced-btn:hover {
    border: 1px solid var(--primary);
    color: var(--primary); }
.advanced-filter {
  border-color: var(--primary) !important;
  color: var(--primary) !important; }
.search-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 320px; }
.search-box .el-select {
    width: 120px !important; }
.search-box .el-select .el-input {
      width: 100% !important;
      min-width: 120px !important;
      width: 120px !important; }
.search-box .search-content {
    height: 100% !important;
    margin-left: -1px;
    overflow: hidden;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
.search-box .search-content .el-input {
      width: 100% !important; }
.search-box .search-content .el-select {
      width: 100% !important; }
.text-right {
  text-align: right; }

/*--------------------------START white-theme----------------------*/
/*--------------------------end white-theme------------------------*/
.login-lang {
  cursor: pointer;
}
.login-lang .svg-icon {
    fill: #eee !important;
    font-size: 16px;
}
.navbar .svg-icon {
  fill: #eee !important;
}

@charset "UTF-8";
/*--------------------------START white-theme----------------------*/
/*--------------------------end white-theme------------------------*/
.navbar {
  position: relative;
  height: 56px;
  padding-right: 20px;
  background: #262626;
}
.navbar .logo {
    width: 184px;
    height: 56px;
    position: absolute;
    top: 0px;
    left: 16px;
}
.navbar .logo.jump {
      cursor: pointer;
}
.navbar .logo img {
      width: 100%;
      height: 100%;
}
.navbar .item-a-overview {
    color: #fff !important;
}
.navbar .navbar-menu-box {
    width: calc(100% - 400px);
    min-width: 500px;
    height: 56px;
    position: absolute;
    left: 200px;
    top: 0;
}
.navbar .navbar-menu-box .menu-icon {
      font-size: 24px;
      fill: #fff !important;
      position: relative;
      top: 2px;
}
.navbar .navbar-menu-box .menu-icon-box {
      padding: 0 16px;
      cursor: pointer;
}
.navbar .navbar-menu-box .menu-icon-box, .navbar .navbar-menu-box .item {
      font-size: 14px;
      line-height: 56px;
      color: #fff !important;
      float: left;
}
.navbar .navbar-menu-box .menu-icon-box .item-a, .navbar .navbar-menu-box .item .item-a {
        padding: 0 16px;
        display: block;
        color: #fff !important;
        font-size: 14px;
}
.navbar .navbar-menu-box .menu-icon-box.active, .navbar .navbar-menu-box .menu-icon-box:hover, .navbar .navbar-menu-box .item.active, .navbar .navbar-menu-box .item:hover {
        background: var(--primary);
}
.navbar .navbar-menu-all-box {
    width: 100%;
    height: calc(100vh - 56px);
    position: absolute;
    top: 56px;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: 10000;
    cursor: pointer;
}
.navbar .navbar-menu-all-box .navbar-menu-all {
      cursor: default;
      padding: 32px 90px;
      background: #0D0D0D;
}
.navbar .navbar-menu-all-box .navbar-menu-all .menu-all {
        padding: 6px 16px;
}
.navbar .navbar-menu-all-box .navbar-menu-all .menu-all .item {
          color: #fff;
          width: 178px;
          float: left;
          line-height: 36px;
          font-size: 16px;
          margin-right: 32px;
}
.navbar .navbar-menu-all-box .navbar-menu-all .menu-all .item .svg-icon {
            font-size: 18px;
            fill: var(--primary) !important;
}
.navbar .navbar-menu-all-box .navbar-menu-all .menu-all .item .two-item {
            font-size: 14px;
            width: 178px;
            border-radius: 2px;
}
.navbar .navbar-menu-all-box .navbar-menu-all .menu-all .item .two-item .item-a {
              padding-left: 22px;
              display: block;
              color: #fff !important;
}
.navbar .navbar-menu-all-box .navbar-menu-all .menu-all .item .two-item.active, .navbar .navbar-menu-all-box .navbar-menu-all .menu-all .item .two-item:hover {
              background: var(--primary);
}
.navbar .navbar-menu-all-box .navbar-menu-all .menu-all .item .two-item.active.break-back, .navbar .navbar-menu-all-box .navbar-menu-all .menu-all .item .two-item:hover.break-back {
                background: var(--b-primary);
}
.navbar .navbar-menu-all-box .current-version {
      padding-top: 16px;
      margin-top: 10px;
      border-top: 1px solid #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #fff;
      font-size: 14px;
      line-height: 22px;
}
.navbar .navbar-menu-all-box .current-version .version-icon {
        height: 16px !important;
        width: 16px !important;
        color: var(--primary) !important;
        fill: var(--primary) !important;
}
.navbar .svg-icon, .navbar .hamburger path {
    fill: #fff !important;
}
.navbar .screenfull {
    position: absolute;
    right: 90px;
    top: 16px;
    color: red;
}
.navbar .right-menu {
    position: absolute;
    top: 10px;
    right: 10px;
}
.navbar .right-menu-item {
    display: inline-block;
    font-size: 18px;
    color: #5a5e66;
    /*vertical-align: text-bottom;*/
}
.navbar .right-menu-item.hover-effect {
      cursor: pointer;
      -webkit-transition: background .3s;
      transition: background .3s;
}
.navbar .right-menu-item.hover-effect:hover {
        background: rgba(0, 0, 0, 0.025);
}
.navbar .right-menu-item .login-lang {
      padding: 0 10px 0 0;
      position: relative;
      top: 1px;
}
.navbar .avatar-container {
    display: inline-block;
}
.navbar .avatar-container .avatar-wrapper {
      cursor: pointer;
      margin-top: 2px;
      position: relative;
      line-height: initial;
}
.navbar .avatar-container .avatar-wrapper .username {
        line-height: 34px;
        color: #fff;
}
.navbar .avatar-container .avatar-wrapper .user-avatar {
        width: 40px;
        height: 40px;
        border-radius: 10px;
}
.navbar .avatar-container .avatar-wrapper .el-icon-caret-bottom {
        /*position: absolute;*/
        right: -16px;
        top: 13px;
        color: #fff;
}
.el-dropdown-menu.el-popper.user-dropdown {
  min-width: 150px;
  text-indent: 16px;
}
.el-dropdown-menu.el-popper.user-dropdown .avatar-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 16px 10px 0;
}
.el-dropdown-menu.el-popper.user-dropdown .avatar-wrapper .avatar {
      width: 32px;
      height: 32px;
      font-size: 16px;
      line-height: 32px;
      color: #fff;
      position: relative;
      left: 16px;
      padding-right: 16px;
      background: var(--primary);
      border-radius: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.el-dropdown-menu.el-popper.user-dropdown .avatar-wrapper .username {
      padding-left: 12px;
}
.el-dropdown-menu.el-popper.user-dropdown .avatar-wrapper .user-roles-box {
      padding-left: 12px;
}
.el-dropdown-menu.el-popper.user-dropdown .avatar-wrapper .user-roles-box .roles-name {
        font-size: 12px;
        padding: 4px 8px;
        margin-left: 16px;
        color: var(--success);
        background: var(--success-light);
}
.el-dropdown-menu.el-popper.user-dropdown .avatar-wrapper .user-roles-box .roles-name.read_only {
          color: var(--error);
          background: var(--error-light);
}
.el-dropdown-menu.el-popper.user-dropdown .el-upload {
    width: 90px;
}
.el-dropdown-menu.el-popper.user-dropdown .el-dropdown-menu__item {
    padding: unset;
}
/* 时区 */
.timeZoneIcon {
  display: inline-block;
  padding: 7px 8px;
  margin-right: 16px;
  background: rgba(13, 13, 13, 0.8);
}
.timeZoneIcon .svg-icon {
    font-size: 16px;
    /*stroke: #fff !important;*/
}
.timeZoneIcon span {
    color: #fff;
}
/* 告警 */
.alarmsIcon {
  display: inline-block;
  padding: 0 20px 0 0;
}
.alarmsIcon .el-badge {
    font-size: 16px;
    cursor: pointer;
}
.alarmsIcon .el-badge .el-badge__content {
      height: 14px;
      line-height: 14px;
      padding: 0 4px;
      border: none;
}
.alarmsIcon .el-badge .el-badge__content.is-fixed {
        top: 3px;
        right: 9px;
}
.view-select {
  display: inline-block;
  width: 100px;
}
.view-select.view-select-en {
    width: 145px;
}
.view-select.product-view .el-input__inner {
    color: #595959;
}
.view-select .el-input__inner {
    border: none !important;
    background: transparent !important;
    font-size: 12px;
    color: #fff;
}
.view-select .el-input__inner.el-input--suffix {
      padding: 0 30px 0 10px;
}
.view-select .el-input__icon {
    width: 25px;
}
.migration .navbar {
  background: var(--primary) !important;
}
.migration .menu-all .router-link-exact-active, .migration .menu-all .router-link-active {
  background: var(--primary) !important;
}
.migration .menu-all .item-a-overview {
  background-color: transparent !important;
}
.migration .navbar-menu-all {
  background: #262626 !important;
}
.migration .navbar-menu-box .active {
  background: var(--primary-dark) !important;
}

/*--------------------------START white-theme----------------------*/
/*--------------------------end white-theme------------------------*/
[data-v-5ff4ad00]:export {
  --primary: '';
  --primary-light: '';
  --primary-dark: '';
  --b-primary: '';
  --b-primary-light: '';
  --b-primary-dark: '';
  --success: '';
  --success-light: '';
  --warning: '';
  --warning-light: '';
  --error: '';
  --error-light: '';
}
.navbar .alarmsIcon[data-v-5ff4ad00] .el-badge__content {
  font-size: 13px !important;
  line-height: 12px !important;
}

/*--------------------------START white-theme----------------------*/
/*--------------------------end white-theme------------------------*/
[data-v-cd29b0cc]:export {
  --primary: '';
  --primary-light: '';
  --primary-dark: '';
  --b-primary: '';
  --b-primary-light: '';
  --b-primary-dark: '';
  --success: '';
  --success-light: '';
  --warning: '';
  --warning-light: '';
  --error: '';
  --error-light: '';
}
.sidebar[data-v-cd29b0cc] {
  position: relative;
}
.sidebar .sidebar-menu-box[data-v-cd29b0cc] {
    height: calc(100% - 50px);
    overflow: auto;
    padding: 8px;
    color: #595959;
}
.sidebar .sidebar-menu-box .item[data-v-cd29b0cc] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      line-height: 36px;
      font-size: 16px;
}
.sidebar .sidebar-menu-box .item .svg-icon[data-v-cd29b0cc] {
        font-size: 18px;
        fill: var(--primary) !important;
}
.sidebar .sidebar-menu-box .item.two[data-v-cd29b0cc] {
        font-size: 14px;
        padding-left: 26px;
}
.sidebar .sidebar-menu-box .two-item[data-v-cd29b0cc] {
      font-size: 14px;
      line-height: 36px;
      height: 36px;
      border-radius: 2px;
}
.sidebar .sidebar-menu-box .two-item .item-a[data-v-cd29b0cc] {
        padding-left: 26px;
        display: block;
        color: #595959 !important;
}
.sidebar .sidebar-menu-box .two-item.active[data-v-cd29b0cc], .sidebar .sidebar-menu-box .two-item[data-v-cd29b0cc]:hover {
        background: var(--primary);
}
.sidebar .sidebar-menu-box .two-item.active.break-back[data-v-cd29b0cc], .sidebar .sidebar-menu-box .two-item:hover.break-back[data-v-cd29b0cc] {
          background: var(--b-primary);
}
.sidebar .sidebar-menu-box .two-item.active .item-a[data-v-cd29b0cc], .sidebar .sidebar-menu-box .two-item:hover .item-a[data-v-cd29b0cc] {
          color: #fff !important;
}
.sidebar .sidebar-menu-box .three-list .three-item[data-v-cd29b0cc] {
      font-size: 12px;
      line-height: 36px;
      height: 36px;
      border-radius: 2px;
}
.sidebar .sidebar-menu-box .three-list .three-item .item-a[data-v-cd29b0cc] {
        padding-left: 40px;
        display: block;
        color: #595959 !important;
}
.sidebar .sidebar-menu-box .three-list .three-item.active[data-v-cd29b0cc], .sidebar .sidebar-menu-box .three-list .three-item[data-v-cd29b0cc]:hover {
        background: var(--primary);
}
.sidebar .sidebar-menu-box .three-list .three-item.active .item-a[data-v-cd29b0cc], .sidebar .sidebar-menu-box .three-list .three-item:hover .item-a[data-v-cd29b0cc] {
          color: #fff !important;
}
.sidebar .version[data-v-cd29b0cc] {
    width: 100%;
    text-align: center;
    line-height: 50px;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 14px;
}

/*--------------------------START white-theme----------------------*/
/*--------------------------end white-theme------------------------*/
[data-v-7d101f74]:export {
  --primary: '';
  --primary-light: '';
  --primary-dark: '';
  --b-primary: '';
  --b-primary-light: '';
  --b-primary-dark: '';
  --success: '';
  --success-light: '';
  --warning: '';
  --warning-light: '';
  --error: '';
  --error-light: '';
}
.app-breadcrumb.el-breadcrumb[data-v-7d101f74] {
  display: inline-block;
  font-size: 16px;
  line-height: 56px;
  min-height: 56px;
  margin-left: 16px;
}
.app-breadcrumb.el-breadcrumb.break-back .left-arrow[data-v-7d101f74]:hover {
    color: var(--b-primary);
}
.app-breadcrumb.el-breadcrumb .left-arrow[data-v-7d101f74] {
    font-size: 18px;
    color: #A6A6A6;
    cursor: pointer;
    padding-right: 2px;
}
.app-breadcrumb.el-breadcrumb .left-arrow[data-v-7d101f74]:hover {
      color: var(--primary);
}
.app-breadcrumb.el-breadcrumb[data-v-7d101f74] .el-breadcrumb__inner {
    color: #262626 !important;
}
.app-breadcrumb.el-breadcrumb[data-v-7d101f74] .el-breadcrumb__item:not(:last-child) {
    display: none;
}

/*--------------------------START white-theme----------------------*/
/*--------------------------end white-theme------------------------*/
[data-v-312c5ef2]:export {
  --primary: '';
  --primary-light: '';
  --primary-dark: '';
  --b-primary: '';
  --b-primary-light: '';
  --b-primary-dark: '';
  --success: '';
  --success-light: '';
  --warning: '';
  --warning-light: '';
  --error: '';
  --error-light: '';
}
.app-wrapper[data-v-312c5ef2] {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.app-wrapper[data-v-312c5ef2]:after {
    content: "";
    display: table;
    clear: both;
}
.app-wrapper.mobile.openSidebar[data-v-312c5ef2] {
    position: fixed;
    top: 0;
}
.drawer-bg[data-v-312c5ef2] {
  background: #000;
  opacity: 0.3;
  width: 100%;
  top: 0;
  height: 100%;
  position: absolute;
  z-index: 999;
}

/*--------------------------START white-theme----------------------*/
/*--------------------------end white-theme------------------------*/
.err-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  overflow: overlay;
  margin: 0;
  z-index: 2999;
  cursor: not-allowed;
}
.el-notification {
  z-index: 3000;
}
.el-notification.left {
    padding-right: 40px;
    border-radius: 4px;
    width: 55%;
    left: 20%;
    top: 20px;
    background-color: #fef0f0;
    border-color: #fde2e2;
    color: var(--error);
}
.el-notification.left h2.el-notification__title {
      font-weight: 500;
      font-size: 14px;
      padding: 0;
      color: var(--error);
}
.el-notification.left .el-notification__content {
      font-size: 12px;
      color: var(--error);
}
.el-notification.left .el-notification__content .detail {
        padding: 10px 10px 0 0;
        max-height: 200px;
        overflow: auto;
        overflow: overlay;
}
.el-notification.left .el-notification__icon {
      width: 15px;
      height: 15px;
      font-size: 15px;
}
.el-notification.left .el-notification__closeBtn {
      top: 14px;
      font-size: 20px;
      color: #595959;
}
.warning .el-notification.left {
  background-color: #faecd8;
  border-color: #F09024;
  color: #F09024;
}
.warning .el-notification.left h2.el-notification__title {
    color: #F09024;
}
.warning .el-notification.left .el-notification__content {
    color: #F09024;
}

/*--------------------------START white-theme----------------------*/
/*--------------------------end white-theme------------------------*/
.upgrade-tips {
  width: 944px;
  margin-left: -472px;
  position: fixed;
  left: 50%;
  top: 0;
  z-index: 10000;
  text-align: center;
  height: 36px;
  line-height: 36px;
  background: #0D162C;
  color: #fff;
  font-size: 12px;
}
.upgrade-tips .el-icon-info {
    color: #F09024;
}
.upgrade-tips .key-words {
    color: var(--primary);
}
.upgrade-tips .close-box {
    width: 30px;
    height: 38px;
    cursor: pointer;
    display: inline-block;
}
.upgrade-tips .close-box .el-icon-close {
      font-weight: bold;
}
.help-list {
  width: 40px;
  -webkit-box-shadow: -5px 0px 10px -3px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: -5px 0px 10px -3px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 2px 0px 0px 2px;
  background: #fff;
  position: fixed;
  right: 0;
  bottom: 10vh;
  z-index: 99998;
  overflow: hidden;
}
.help-list .item {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    border-bottom: 1px solid #d9d9d9;
}
.help-list .item:last-child {
      border-bottom: none;
}
.help-list .item .svg-icon {
      width: 18px !important;
      height: 18px !important;
      color: var(--primary);
}
.help-list .item:hover {
      background: var(--primary);
}
.help-list .item:hover .svg-icon {
        color: #fff;
}


.svg-icon[data-v-3954c290] {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

/*--------------------------START white-theme----------------------*/
/*--------------------------end white-theme------------------------*/

@charset "UTF-8";
/*--------------------------START white-theme----------------------*/
/*--------------------------end white-theme------------------------*/
.only-form.el-form {
  /*过渡主机镜像提示*/
}
.only-form.el-form .el-form-item__label {
    display: inline-block;
    min-width: 150px;
    line-height: 22px !important;
    padding-top: 9px !important;
}
.only-form.el-form .label-visibility .el-form-item__label {
    visibility: hidden;
}
.only-form.el-form.table-form .custom-table {
    padding-left: 150px;
}
.only-form.el-form:not(.table-form) .el-form-item.radio .tip {
    padding-top: 0;
    margin-top: -5px;
}
.only-form.el-form:not(.table-form) .el-form-item:not(.button-box) {
    padding-bottom: 20px;
}
.only-form.el-form:not(.table-form) .el-form-item:not(.button-box) .el-form-item__content {
      display: inline-block;
      width: 480px;
      white-space: nowrap;
}
.only-form.el-form:not(.table-form) .el-form-item:not(.button-box) .el-form-item__content .el-select {
        width: 100%;
}
.only-form.el-form:not(.table-form) .el-form-item:not(.button-box) .el-form-item__content .refresh-btn {
        position: absolute;
        right: -30px;
        top: 0;
        color: #8C8C8C;
        font-size: 18px;
        cursor: pointer;
}
.only-form.el-form:not(.table-form) .el-form-item:not(.button-box) .el-form-item__content .refresh-btn:hover {
          cursor: pointer;
          color: var(--primary);
}
.only-form.el-form:not(.table-form) .el-form-item:not(.button-box) .el-form-item__content .refresh-btn .refresh-btn-text {
          font-size: 14px;
          margin-left: 4px;
          position: relative;
          top: -1px;
}
.only-form.el-form:not(.table-form) .el-form-item:not(.button-box) .el-form-item__content .el-tooltip.help {
        position: absolute;
        right: -20px;
        top: 12px;
        color: #999999;
}
.only-form.el-form:not(.table-form) .el-form-item:not(.button-box) .el-form-item__content .error .el-input__inner {
        border-color: var(--error);
}
.only-form.el-form:not(.table-form) .el-form-item .el-button {
    padding: 10px 20px;
}
.only-form.el-form .el-input-group__append .el-button {
    margin: -10px 0;
}
.only-form.el-form .el-input-group__prepend {
    padding: 0 10px;
}
.only-form.el-form .button-box .el-form-item__content {
    float: right;
}
.only-form.el-form .tip {
    white-space: normal;
}
.only-form.el-form .tip .tip-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
}
.only-form.el-form .tip .tip-container p.index {
        white-space: pre;
}
.only-form.el-form .tip .tip-container p.circle {
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #999999;
        position: relative;
        top: 9px;
        margin-right: 4px;
}
.only-form.el-form .inline-flex-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.only-form.el-form .inline-flex-wrap .item-wrap .name {
      font-size: 12px;
}
.text-add-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.text-add-list .email {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.text-add-list .delet {
    margin-left: 10px;
    padding: 0 8px;
    height: 26px;
    margin-top: 7px;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
}
/*回切*/
.break-back .tip .isClick {
  color: var(--b-primary);
}
.break-back .refresh-btn:hover {
  color: var(--b-primary) !important;
}
.break-back .el-select-dropdown__item.selected {
  color: var(--b-primary) !important;
}
.center {
  width: 100%;
}
.center .el-form .el-form-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.center .error {
    background: none;
}
.center .text-add-list {
    padding-bottom: 10px;
}
.unit {
  font-size: 14px;
  color: #262626;
  margin-left: 4px;
}
.hasIcon_option_label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hasIcon_option_label .hasIcon_icon_label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 8px;
    font-size: 10px;
    color: var(--success);
}
.hasIcon_option_label .hasIcon_icon_label i {
      margin-top: 1px;
      font-size: 12px;
}
.hasIcon_option_label .hasIcon_icon_label span {
      margin-left: 2px;
}
.option_border_bottom {
  border-bottom: 1px solid #d9d9d9 !important;
}
.is-block {
  margin-top: 16px;
  display: block;
}
.radio-option-tip {
  position: relative;
  font-size: 12px;
  line-height: 20px;
  color: #A6A6A6;
  margin-left: 24px;
  margin-top: 8px;
  width: 480px !important;
  word-wrap: break-word;
  white-space: normal !important;
}
.errorShow {
  margin-left: 185px !important;
  margin-top: -20px !important;
}

@charset "UTF-8";
/*--------------------------START white-theme----------------------*/
/*--------------------------end white-theme------------------------*/
[data-v-171b624a]:export {
  --primary: '';
  --primary-light: '';
  --primary-dark: '';
  --b-primary: '';
  --b-primary-light: '';
  --b-primary-dark: '';
  --success: '';
  --success-light: '';
  --warning: '';
  --warning-light: '';
  --error: '';
  --error-light: '';
}
.drawer[data-v-171b624a] {
  position: fixed;
  bottom: 0;
  right: 0;
  height: calc(100vh - 56px);
  width: 100vw;
  background: rgba(0, 0, 0, 0.3);
  z-index: 10001;
}
@-webkit-keyframes slideInFromRight-data-v-171b624a {
0% {
    -webkit-transform: translateX(1000%);
            transform: translateX(1000%);
}
  /* 初始位置在屏幕外 */
100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
  /* 最终位置在原点处 */
}
@keyframes slideInFromRight-data-v-171b624a {
0% {
    -webkit-transform: translateX(1000%);
            transform: translateX(1000%);
}
  /* 初始位置在屏幕外 */
100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
  /* 最终位置在原点处 */
}
.drawer .drawer-box[data-v-171b624a] {
    -webkit-animation: slideInFromRight-data-v-171b624a 0.3s ease;
            animation: slideInFromRight-data-v-171b624a 0.3s ease;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 60%;
    background: #fff;
}
.drawer .drawer-box .drawer-header[data-v-171b624a] {
      position: relative;
      font-size: 16px;
      font-weight: 700;
      color: #262626;
      padding: 24px;
}
.drawer .drawer-box .drawer-header .title[data-v-171b624a] {
        height: 24px;
        line-height: 24px;
}
.drawer .drawer-box .drawer-header .close-box[data-v-171b624a] {
        position: absolute;
        right: 24px;
        top: 24px;
        cursor: pointer;
}
.drawer .drawer-box .drawer-header .close-box .el-icon-close[data-v-171b624a] {
          font-size: 18px;
          color: #8C8C8C;
}
.drawer .drawer-box .drawer-body[data-v-171b624a] {
      padding: 0 24px 16px;
      height: calc(100% - 71px);
      overflow: auto;
      overflow: overlay;
}

/*--------------------------START white-theme----------------------*/
/*--------------------------end white-theme------------------------*/
.rules-list p {
  font-size: 13px;
  padding-top: 16px;
}

@charset "UTF-8";
/*--------------------------START white-theme----------------------*/
/*--------------------------end white-theme------------------------*/
[data-v-ff7874fe]:export {
  --primary: '';
  --primary-light: '';
  --primary-dark: '';
  --b-primary: '';
  --b-primary-light: '';
  --b-primary-dark: '';
  --success: '';
  --success-light: '';
  --warning: '';
  --warning-light: '';
  --error: '';
  --error-light: '';
}
.nic-config[data-v-ff7874fe] {
  /*公网IP级联选项样式*/
}
.nic-config[data-v-ff7874fe] .only-form {
    height: calc(100vh - 84px - 72px - 56px);
    overflow: auto;
}
.nic-config[data-v-ff7874fe] .only-form.el-form:not(.table-form) .el-form-item:not(.button-box) .el-form-item__content {
    width: calc(100% - 185px);
    line-height: normal;
}
.nic-config .fixed_mac_address .select-left .el-input__inner[data-v-ff7874fe] {
    width: 94px;
}
.nic-config .select_container[data-v-ff7874fe] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.nic-config[data-v-ff7874fe] .select-left {
    width: 140px;
}
.nic-config[data-v-ff7874fe] .select-left .el-input .el-input__inner {
      border-right: none;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
}
.nic-config[data-v-ff7874fe] .select-right {
    width: calc(100% - 140px);
    /*申请IP*/
}
.nic-config[data-v-ff7874fe] .select-right .el-autocomplete.bandwidth {
      display: block;
}
.nic-config .button-box[data-v-ff7874fe] {
    position: absolute;
    bottom: 24px;
}

/*--------------------------START white-theme----------------------*/
/*--------------------------end white-theme------------------------*/
[data-v-d7fdd97a]:export {
  --primary: '';
  --primary-light: '';
  --primary-dark: '';
  --b-primary: '';
  --b-primary-light: '';
  --b-primary-dark: '';
  --success: '';
  --success-light: '';
  --warning: '';
  --warning-light: '';
  --error: '';
  --error-light: '';
}

/*--------------------------START white-theme----------------------*/
/*--------------------------end white-theme------------------------*/
[data-v-26019f30]:export {
  --primary: '';
  --primary-light: '';
  --primary-dark: '';
  --b-primary: '';
  --b-primary-light: '';
  --b-primary-dark: '';
  --success: '';
  --success-light: '';
  --warning: '';
  --warning-light: '';
  --error: '';
  --error-light: '';
}
.CustomExpandNics .el-col.el-col-8[data-v-26019f30] {
  background: #F0F0F0;
}
.CustomExpandNics .el-col.el-col-8[data-v-26019f30] .table-container .el-table th:nth-of-type(3) {
    border-right: none;
}
.CustomExpandNics .el-col.el-col-16[data-v-26019f30] {
  padding-left: 8px;
}
.CustomExpandNics .el-col.el-col-16 .title[data-v-26019f30] {
    background: #F5F5F5;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.CustomExpandNics .el-col.el-col-16 .title p[data-v-26019f30] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.CustomExpandNics .el-col.el-col-16 .title .label[data-v-26019f30] {
      white-space: nowrap;
}
.CustomExpandNics .el-col.el-col-16 .title .tip[data-v-26019f30] {
      font-size: 12px;
      line-height: 20px;
      color: #F09024;
      font-weight: 400;
      margin: 0 16px;
}
.CustomExpandNics .el-col.el-col-16 .title .el-button--text[data-v-26019f30] {
      font-size: 12px;
      color: var(--primary);
      padding: 0;
      border: 0;
      background: none !important;
}
.CustomExpandNics .el-col.el-col-16 .title .el-button--text.break-back[data-v-26019f30] {
        color: var(--b-primary);
}
.CustomExpandNics .el-col.el-col-16[data-v-26019f30] .table-container .el-table th:nth-of-type(7) {
    border-right: none;
}
.CustomExpandNics .title[data-v-26019f30] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  line-height: 48px;
  padding: 0 10px;
  font-size: 14px;
  color: #262626;
  font-weight: 700;
  border-bottom: 1px solid #d9d9d9;
}
.CustomExpandNics[data-v-26019f30] .custom-table .el-table--border {
  border: none;
}
.CustomExpandNics[data-v-26019f30] .custom-table .el-table__header thead th:last-of-type {
  border-right-color: transparent;
}
.CustomExpandNics[data-v-26019f30] .custom-table .el-table__header th .cell {
  min-height: 48px;
  max-height: 48px;
  line-height: 24px;
  white-space: break-spaces;
}

@charset "UTF-8";
/*--------------------------START white-theme----------------------*/
/*--------------------------end white-theme------------------------*/
.flex-cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-cell .el-icon-document-copy {
    line-height: 22px;
    margin-left: 2px;
}
.suffix {
  font-size: 14px;
  color: #A6A6A6;
}
.custom-table {
  width: 100%;
}
.custom-table .table-container .el-table {
    /*padding: 20px 0;*/
    background: transparent;
    overflow-x: auto;
    overflow-x: overlay;
    /*自定义表头-提示文字*/
    /*公网IP级联选项样式*/
    /*指定IP网段样式*/
    /*右对齐*/
    /*居中对齐*/
    /*表头居中对齐去掉排序宽度*/
    /*th.is-center .cell {
        position: relative;
        left: -10px;
      }*/
    /*和表头排序按钮右对齐*/
    /* 和表头文字右对齐*/
    /* 和表头文字居中对齐*/
}
.custom-table .table-container .el-table::-webkit-scrollbar {
      height: 10px !important;
}
.custom-table .table-container .el-table .el-table__expand-column .cell {
      margin: 0;
}
.custom-table .table-container .el-table th {
      border-right-color: #fff;
      /*表头多选框禁止全选勾选*/
}
.custom-table .table-container .el-table th.disabled .cell .el-checkbox__inner {
        background-color: #edf2fc !important;
        border-color: #DCDFE6 !important;
        cursor: not-allowed !important;
}
.custom-table .table-container .el-table tr {
      background: #fff;
}
.custom-table .table-container .el-table tr.el-table__row--striped {
        background: rgba(255, 255, 255, 0.45);
}
.custom-table .table-container .el-table tr.el-table__row--striped td {
          background: transparent;
}
.custom-table .table-container .el-table tr:hover > td {
        background-color: #F5F5F5 !important;
}
.custom-table .table-container .el-table tr:hover > td.el-table__expanded-cell {
          background-color: #FAFAFA !important;
}
.custom-table .table-container .el-table td {
      /*任务进度条样式*/
      /*表格列换行样式*/
      /*可点击跳转的样式*/
      /* 资源组进度条样式 */
      /* 操作列 */
}
.custom-table .table-container .el-table td .progress-tooltip {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        width: 100%;
}
.custom-table .table-container .el-table td .progress-tooltip .el-progress {
          margin-bottom: 5px;
}
.custom-table .table-container .el-table td .el-progress {
        width: 100%;
}
.custom-table .table-container .el-table td .cell {
        height: auto;
        line-height: 22px;
        font-size: 14px;
        min-height: 44px;
        /*换行样式-每一行超出省略*/
        /*复制*/
}
.custom-table .table-container .el-table td .cell .flex-column {
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: start;
}
.custom-table .table-container .el-table td .cell .flex-column .el-progress.el-progress--line {
            height: 22px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
}
.custom-table .table-container .el-table td .cell .cell-item {
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          overflow: hidden;
          font-size: 14px;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          /*&.cell-item-des {
              text-indent: -12px;
              padding-left: 12px;
            }*/
}
.custom-table .table-container .el-table td .cell .cell-item.cell-item-more {
            color: var(--primary);
            cursor: pointer;
}
.custom-table .table-container .el-table td .cell .cell-item.cell-item-2 {
            -webkit-line-clamp: 2;
            /*color: var(--error);*/
            font-size: 14px;
}
.custom-table .table-container .el-table td .cell .el-icon-document-copy {
          color: #666666;
          visibility: hidden;
}
.custom-table .table-container .el-table td .cell .abnormal-tip-box .text {
          font-size: 12px;
          padding: 3px 8px;
          color: var(--warning);
          background: #FFEDC9;
}
.custom-table .table-container .el-table td.isClick {
        color: var(--primary);
        cursor: pointer;
}
.custom-table .table-container .el-table td.isClick.failed {
          color: var(--error);
}
.custom-table .table-container .el-table td.isClick.done {
          color: var(--primary);
}
.custom-table .table-container .el-table td.isClick.doing {
          color: var(--success);
}
.custom-table .table-container .el-table td.is-progress .cell {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
}
.custom-table .table-container .el-table td.is-progress .cell .el-progress:nth-of-type(2) {
          margin-top: 5px;
}
.custom-table .table-container .el-table td.is-failed .cell .cell-item-des {
        color: var(--error);
}
.custom-table .table-container .el-table td .refresh-btn {
        width: 36px;
        height: 36px;
}
.custom-table .table-container .el-table td .refresh-btn .el-icon-refresh {
          font-size: 18px;
          margin: 0 auto;
}
.custom-table .table-container .el-table td .refresh-btn:hover {
          cursor: pointer;
          color: var(--primary);
}
.custom-table .table-container .el-table td .handle span.handle-button {
        display: inline-block;
        padding-right: 10px;
        color: var(--primary);
        font-size: 12px;
        cursor: pointer;
}
.custom-table .table-container .el-table td .handle span.handle-button .emphasize {
          color: var(--error);
}
.custom-table .table-container .el-table td .handle span.handle-button .emphasize.disabled {
            color: #fcbdb6;
}
.custom-table .table-container .el-table td .handle .el-button span {
        padding-right: 0;
        color: #fff;
}
.custom-table .table-container .el-table td .my-radio {
        border: 1px solid #DCDFE6;
        border-radius: 100%;
        width: 14px;
        height: 14px;
        background-color: #fff;
        cursor: pointer;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        position: relative;
}
.custom-table .table-container .el-table td .my-radio:hover {
          border-color: var(--primary);
}
.custom-table .table-container .el-table td .my-radio.active {
          border-color: var(--primary);
          background-color: var(--primary);
}
.custom-table .table-container .el-table td .my-radio.active::after {
            width: 4px;
            height: 4px;
            border-radius: 100%;
            background-color: #FFF;
            content: "";
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}
.custom-table .table-container .el-table::before {
      height: 0;
}
.custom-table .table-container .el-table table {
      width: 100% !important;
}
.custom-table .table-container .el-table .el-table__empty-block {
      width: 100% !important;
      background: rgba(255, 255, 255, 0.2);
      border-bottom: 1px solid #E3E3E3;
}
.custom-table .table-container .el-table .el-table__body-wrapper.is-scrolling-none {
      overflow-y: auto;
}
.custom-table .table-container .el-table .el-table__body-wrapper .el-table__body {
      /*padding: 0 0 1px 0;*/
}
.custom-table .table-container .el-table .el-table__body-wrapper .el-table__body tr.current-row > td {
        background-color: #fff !important;
}
.custom-table .table-container .el-table .el-table__body-wrapper::-webkit-scrollbar {
      height: 10px !important;
}
.custom-table .table-container .el-table .el-table__expanded-cell .expand-detail {
      line-height: 30px;
      font-size: 12px;
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
}
.custom-table .table-container .el-table .el-input-group__append .el-select {
      margin: -1px -20px;
}
.custom-table .table-container .el-table .header-tip {
      font-size: 12px;
}
.custom-table .table-container .el-table .edit-container.fixed_mac_address .select-left .el-input__inner {
      width: 94px;
}
.custom-table .table-container .el-table .edit-container .select-left.en .el-input__inner {
      width: 130px;
}
.custom-table .table-container .el-table .edit-container .select-left .el-input__inner {
      border-right: none;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      padding-left: 8px;
      padding-right: 8px;
      width: 80px;
}
.custom-table .table-container .el-table .edit-container .select-left .el-input__inner:focus, .custom-table .table-container .el-table .edit-container .select-left .el-input__inner.focus {
        border-color: #D0D0D0;
}
.custom-table .table-container .el-table .edit-container .select-right .error {
      color: var(--error);
}
.custom-table .table-container .el-table .edit-container .select-right:not(.select-one) .el-input__inner {
      /*border-left: none;*/
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      padding-left: 8px;
      padding-right: 8px;
}
.custom-table .table-container .el-table .segment {
      display: inline-block;
      width: 100%;
      height: 36px;
      padding: 3px 4px;
      border: 1px solid #D0D0D0;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
}
.custom-table .table-container .el-table .segment .el-input input {
        width: 33px;
        height: 22px;
        position: relative;
        top: 3px;
        border-radius: 0;
        padding-left: 2px !important;
        padding-right: 2px !important;
}
.custom-table .table-container .el-table .segment .el-input input:nth-of-type(4) {
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
}
.custom-table .table-container .el-table .segment .el-autocomplete:nth-last-of-type(1) input {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
}
.custom-table .table-container .el-table .segment .segment-point {
        position: relative;
        top: 2px;
}
.custom-table .table-container .el-table .segment .el-popper.other-autocomplete {
        width: 115px !important;
}
.custom-table .table-container .el-table .segment .el-popper.other-autocomplete .el-scrollbar .el-autocomplete-suggestion__wrap ul {
          margin-left: 6px;
}
.custom-table .table-container .el-table .segment .el-popper.other-autocomplete .el-scrollbar .el-autocomplete-suggestion__wrap li {
          padding: 0 2px 0 6px;
}
.custom-table .table-container .el-table .segment .el-popper.other-autocomplete .el-scrollbar .el-autocomplete-suggestion__wrap li .disabled {
            pointer-events: none;
}
.custom-table .table-container .el-table .header-tip-icon {
      color: #999999;
      position: relative;
      right: -2px;
      top: 0;
      cursor: pointer;
}
.custom-table .table-container .el-table .header-tip-icon:hover {
        color: var(--primary);
}
.custom-table .table-container .el-table .multiple-line {
      display: block;
      line-height: 43px;
}
.custom-table .table-container .el-table .multiple-line .multiple-line-item {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
}
.custom-table .table-container .el-table .is-right .cell {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
}
.custom-table .table-container .el-table .is-center .cell {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
}
.custom-table .table-container .el-table .is-right-sort .cell {
      position: absolute;
      top: 0;
      right: 12px;
      height: calc(100% - 12px);
}
.custom-table .table-container .el-table .is-right-text .cell {
      position: absolute;
      top: 0;
      right: 18px;
      height: calc(100% - 12px);
}
.custom-table .table-container .el-table .is-center-text .cell {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: relative;
      right: 14px;
      text-align: center;
}
.custom-table.instanceFlavor .is-center-text .cell {
    right: 18px !important;
}
.custom-table .page {
    padding-top: 20px;
}
.custom-table .page .el-select .el-input__suffix, .custom-table .page .el-select .el-input__suffix .el-input__icon {
      height: 28px;
      line-height: 28px;
}
.failed-circle, .error-circle, .success-circle, .warning-circle, .default-circle {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 8px;
  position: relative;
  top: -2px;
}
.loading-circle {
  color: var(--success);
  position: relative;
  left: -2px;
}
.done-icon, .failed-icon {
  margin: 0 !important;
}
.done-icon {
  color: var(--success);
}
.failed-icon {
  color: var(--error);
}
.error-type {
  color: #8C8C8C;
  position: relative;
  left: -2px;
}
.link-style {
  cursor: pointer;
  color: var(--primary);
}
.failed-circle, .error-circle {
  background: var(--error);
}
.success-circle {
  background: var(--success);
}
.warning-circle {
  background: #F09024;
}
.default-circle {
  background: #c1c1c1;
}
.el-table .el-icon-loading, .el-table .el-icon-success, .el-table .el-icon-error, .el-table .fa-arrow-up, .el-table .el-icon-remove {
  margin: 0 4px 0 2px;
}
.el-table .failed-circle, .el-table .error-circle, .el-table .success-circle, .el-table .warning-circle, .el-table .default-circle {
  margin-right: 9px;
  margin-left: 5px;
}
.el-table .null-point {
  margin-right: 9px;
  margin-left: 9px;
}
.el-popover {
  width: 360px !important;
  font-size: 12px;
  line-height: 20px;
  position: fixed;
  padding: 8px;
  word-break: break-word;
}
.el-popover p.indent {
    padding-left: 12px;
}
.disabled {
  color: #BFBFBF;
  cursor: default;
  font-style: normal;
  margin-right: 0;
}
.el-icon-remove.disabled {
  margin-right: 6px;
}
.spot-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  width: 20px;
  height: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.spot-wrap .spot {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--primary);
}
.temp-restore-gateway-empty {
  background: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgba(51, 51, 51, 0.2);
          box-shadow: 0 0 10px 0 rgba(51, 51, 51, 0.2);
  border-radius: 2px;
  color: #999999;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  padding: 16px;
  max-width: 216px;
}
.temp-restore-gateway-empty .icon {
    width: 48px;
    height: 48px;
    color: #D2D2D2;
    display: block;
    margin: 0 auto 8px;
}
.temp-restore-gateway-empty span {
    color: var(--primary);
    cursor: pointer;
}
.break-back.temp-restore-gateway-empty span {
  color: var(--b-primary);
}
/* 分页 */
.el-pagination.is-background .el-pager li {
  border-radius: 2px !important;
}
.break-back .custom-table .table-container .el-table td {
  /*表格列换行样式*/
  /*可点击跳转的样式*/
  /* 操作列 */
}
.break-back .custom-table .table-container .el-table td .cell {
    /*换行样式-每一行超出省略*/
}
.break-back .custom-table .table-container .el-table td .cell .cell-item.cell-item-more {
      color: var(--b-primary);
}
.break-back .custom-table .table-container .el-table td.isClick {
    color: var(--b-primary);
}
.break-back .custom-table .table-container .el-table td.isClick.done {
      color: var(--b-primary);
}
.break-back .custom-table .table-container .el-table td .refresh-btn:hover {
    color: var(--b-primary);
}
.break-back .custom-table .table-container .el-table td .handle span.handle-button {
    color: var(--b-primary);
}
.break-back .custom-table .table-container .el-table td .handle span.handle-button:hover {
      color: var(--b-primary-dark);
}
.break-back .custom-table .table-container .el-table td .my-radio:hover {
    border-color: var(--b-primary);
}
.break-back .custom-table .table-container .el-table td .my-radio.active {
    border-color: var(--b-primary);
    background-color: var(--b-primary);
}
.break-back .custom-table .table-container .el-table .header-tip-icon:hover {
  color: var(--b-primary);
}
.break-back .spot-wrap .spot {
  background: var(--b-primary);
}
.break-back .temp-restore-gateway-empty span {
  color: var(--b-primary);
}
.break-back .button-group .button-group-right .el-button:hover {
  color: var(--b-primary);
}
.break-back .link-style {
  cursor: pointer;
  color: var(--b-primary);
}
.is_flavor_tip {
  color: var(--error);
  margin-left: 8px;
}
.flavor_tip_class {
  color: var(--error);
}
.is_boot_disk_tip {
  color: var(--warning);
}
.set_boot_disk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  height: 36px;
  line-height: 36px;
  margin-bottom: 10px;
}
.set_boot_disk:last-child {
    margin-bottom: 0 !important;
}
.set_boot_disk .radio {
    margin-right: 8px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 14px;
    height: 14px;
    width: 14px;
    border: 1px solid #DCDFE6;
}
.set_boot_disk .radio:hover {
      border: 1px solid var(--primary);
}
.set_boot_disk .radio span {
      height: 6px;
      width: 6px;
      border-radius: 6px;
}
.set_boot_disk .radio_checked {
    background-color: var(--primary);
    border: 1px solid var(--primary);
}
.set_boot_disk .radio_checked.break-back {
      background-color: var(--b-primary);
      border: 1px solid var(--b-primary);
}
.set_boot_disk .radio_checked span {
      background-color: #fff;
}
.point-icon {
  margin-left: 2px;
  margin-right: 6px;
  padding: 1px;
  height: 12px;
  background-color: #8C8C8C;
  width: 12px;
  font-size: 10px;
  text-align: center;
  border-radius: 12px;
  color: #fff;
}
.colum-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.colum-tags .tag {
    font-size: 12px;
    line-height: 24px;
    max-width: 106px;
    padding: 0 8px;
    margin: 0 4px 4px;
}
.colum-tags .tag-detail {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
}
.is-error_border .el-input .el-input__inner {
  border: 1px solid var(--error) !important;
}
.abnormal-tip-text {
  font-size: 14px;
  line-height: 22px;
}
.abnormal-tip-text .title {
    margin-bottom: 4px;
}
.abnormal-tip-text .list {
    background: #F5F5F5;
    padding: 8px 16px 4px;
}
.abnormal-tip-text .list .list-item {
      margin-bottom: 8px;
}
.decommissioned {
  margin-top: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 22px;
}
.decommissioned-icon {
    color: #F09024;
    fill: #F09024;
    height: 16px !important;
    width: 16px !important;
}
.decommissioned-tag {
    cursor: pointer;
    color: #F09024;
    margin-left: 4px;
    padding: 0 8px;
    height: 22px;
    font-size: 12px;
    border-radius: 2px;
    background-color: #FFEDC9;
}
.cloud_type_block {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cloud_type_block .cloud_type_info {
    width: 100%;
}
.strategy-content {
  line-height: 22px !important;
}
.strategy-content .strategy {
    line-height: 22px !important;
    display: -webkit-box;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.next_time_icon {
  color: var(--success) !important;
  fill: var(--success) !important;
  margin-right: 2px;
}
.icon-strategy {
  margin-top: -20px !important;
}
.strategy-next {
  margin-left: -19px !important;
}
.set-flavor {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}
.set-flavor-item {
    width: 100%;
    text-align: left;
    line-height: 22px;
}
.set-flavor-item:nth-child(1) {
      font-size: 14px;
      color: #262626 !important;
}
.set-flavor-item:nth-child(2) {
      margin-top: 4px;
      cursor: pointer;
      color: var(--primary);
}
.set-flavor-breakBack {
  color: var(--b-primary) !important;
}
.input-container {
  height: 100%;
  width: 100%;
  position: relative;
}
.input-container .error-message {
    width: 100%;
    color: var(--error);
    z-index: 100000;
    position: absolute;
    top: 30px;
}
.input-container .error-message-border .el-input__inner {
    border-color: var(--error) !important;
}
.warning-text {
  color: var(--warning);
}
.custom-icon {
  margin-right: 8px;
}
.decommissioned-icon {
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}