@cw-devops/bk-magic-vue/lib/ui/re-css.css

基于蓝鲸 Magicbox 和 Vue 的前端组件库

.bk-tab .bk-tab-header{
    color:#081e40;
  }
.bk-tab.bk-tab-unborder-card .bk-tab-header .bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item{
            padding:0 20px;
            min-width:auto
          }
.bk-tab.bk-tab-unborder-card .bk-tab-header .bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.active{
              font-weight:bold;
              border-left:1px solid #cbd5e0;
              border-right:1px solid #cbd5e0
            }
.bk-tab.bk-tab-unborder-card .bk-tab-header .bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.active.is-first{
                border-left:0;
              }
.bk-tab.bk-tab-unborder-card.bk-tab-wrapper-small .bk-tab-header .bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item{
              padding:0 15px;
            }
.bk-tab.bk-tab-unborder-card.bk-tab-wrapper-small .bk-tab-header .bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item .bk-tab-label{
                font-size:12px;
              }
.bk-tab.bk-tab-border-card .bk-tab-header .bk-tab-label-wrapper .bk-tab-add-controller, .bk-tab.bk-tab-card .bk-tab-header .bk-tab-label-wrapper .bk-tab-add-controller{
          border-bottom:1px solid rgba(203, 213, 224, 0.5);
        }
.bk-tab.bk-tab-border-card .bk-tab-header .bk-tab-label-wrapper .bk-tab-add-custom, .bk-tab.bk-tab-card .bk-tab-header .bk-tab-label-wrapper .bk-tab-add-custom{
          border-bottom:1px solid rgba(203, 213, 224, 0.5);
        }
.bk-tab.bk-tab-border-card .bk-tab-header .bk-tab-label-wrapper .bk-tab-label-list, .bk-tab.bk-tab-card .bk-tab-header .bk-tab-label-wrapper .bk-tab-label-list{
          vertical-align:top;
        }
.bk-tab.bk-tab-border-card .bk-tab-header .bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item, .bk-tab.bk-tab-card .bk-tab-header .bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item{
            border-right:0;
            padding:0 15px;
            min-width:auto
          }
.bk-tab.bk-tab-border-card .bk-tab-header .bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.active, .bk-tab.bk-tab-card .bk-tab-header .bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.active{
              font-weight:bold;
              border-left:1px solid #cbd5e0;
              border-right:1px solid #cbd5e0
            }
.bk-tab.bk-tab-border-card .bk-tab-header .bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.active.is-first, .bk-tab.bk-tab-card .bk-tab-header .bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.active.is-first{
                border-left:0;
              }
.bk-tab.bk-tab-card .bk-tab-header .bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.is-first{
              border-left:1px solid #cbd5e0
            }
.bk-tab.bk-tab-card .bk-tab-header .bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.is-first.active{
                border-left:1px solid #cbd5e0;
              }
.bk-tab.bk-tab-card .bk-tab-header .bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.is-last{
              border-right:1px solid #cbd5e0;
            }
button.bk-button-normal{
    min-width:56px
  }
button.bk-button-normal.bk-primary.bk-button-text{
        font-size:12px;
        min-width:0
      }
button.bk-button-normal.bk-primary.bk-button-text:hover{
          color:#1f6ed4;
        }
button.bk-button-normal.bk-primary.bk-button-text.is-disabled{
          color:#8797aa
        }
button.bk-button-normal.bk-primary.bk-button-text.is-disabled:hover{
            color:#8797aa;
          }
button.bk-button-normal.bk-button-hover.bk-danger,
      button.bk-button-normal.bk-button-hover.bk-warning,
      button.bk-button-normal.bk-button-hover.bk-success,
      button.bk-button-normal.bk-button-hover.bk-primary{
        color:#081e40;
        font-size:12px;
        height:30px;
        border-color:#cbd5e0
      }
button.bk-button-normal.bk-button-hover.bk-danger:hover, button.bk-button-normal.bk-button-hover.bk-warning:hover, button.bk-button-normal.bk-button-hover.bk-success:hover, button.bk-button-normal.bk-button-hover.bk-primary:hover{
          color:#fff;
        }
button.bk-button-hover.bk-success:hover{
      background-color:#14ab5b;
      border-color:#14ab5b;
    }
button.bk-button-hover.bk-warning:hover{
      background-color:#ffb549;
      border-color:#ffb549;
    }
button.bk-button-hover.bk-danger:hover{
      background-color:#ea3736;
      border-color:#ea3736;
    }
button.bk-button-hover.bk-primary:hover{
      background-color:#3a84ff;
      border-color:#3a84ff;
    }
button.bk-button{
    font-size:12px;
    height:30px;
    line-height:28px;
    padding:0 8px;
    min-width:56px;
  }
button.bk-button .bk-icon{
      top:2px;
    }
button.bk-button.bk-default{
      border:1px solid #cbd5e0;
      color:#081e40
    }
button.bk-button.bk-default:hover{
        color:#3a84ff;
        background-color:rgba(58, 132, 255, 0.1);
        border-color:#3a84ff;
      }
button.bk-button.bk-default:active{
        color:#3a84ff;
        background-color:rgba(58, 132, 255, 0.2);
        border-color:#3a84ff;
      }
button.bk-button.bk-default.is-disabled{
        background-color:rgba(203, 213, 224, 0.3);
        color:#8797aa
      }
button.bk-button.bk-default.is-disabled:hover{
          background-color:rgba(203, 213, 224, 0.3);
          color:#8797aa;
          border-color:#cbd5e0;
        }
button.bk-button.no-slot{
      min-width:56px;
    }
button.bk-button.bk-primary{
      color:#fff
    }
button.bk-button.bk-primary:hover{
        background-color:rgba(58, 132, 255, 0.8);
      }
button.bk-button.bk-primary.bk-button-normal:active{
        background-color:#1f6ed4;
        border:1px solid #1f6ed4;
      }
button.bk-button.bk-primary.is-disabled{
        background-color:#cbd5e0
      }
button.bk-button.bk-primary.is-disabled:hover{
          background-color:#cbd5e0;
        }
button.bk-button.bk-primary.is-disabled:active{
          border-color:#cbd5e0;
        }
button.bk-button.bk-success{
      background-color:#14ab5b;
      border:1px solid #14ab5b
    }
button.bk-button.bk-success.is-loading:hover,
      button.bk-button.bk-success:hover{
        background-color:#14ab5b;
        border:1px solid #14ab5b;
      }
button.bk-button.bk-warning{
      background-color:#ffb549;
      border:1px solid #ffb549
    }
button.bk-button.bk-warning.is-loading:hover,
      button.bk-button.bk-warning:hover{
        background-color:#ffb549;
        border:1px solid #ffb549;
      }
button.bk-button.bk-danger{
      background-color:#ea3736;
      border:1px solid #ea3736
    }
button.bk-button.bk-danger.is-loading:hover,
      button.bk-button.bk-danger:hover{
        background-color:#ea3736;
        border:1px solid #ea3736;
      }
.bk-button-group button.bk-button.is-selected{
      color:#fff;
      background-color:#3a84ff
    }
.bk-button-group button.bk-button.is-selected:hover{
        color:#fff;
        background-color:#3a84ff;
      }
.bk-link .bk-link-text{
    font-size:12px;
  }
.bk-link .bk-link-icon{
    font-size:12px;
    width:12px;
    height:12px;
  }
.bk-link.is-primary:hover{
    color:#1f6ed4;
  }
.bk-link.is-success{
    color:#14ab5b
  }
.bk-link.is-success:hover{
      color:#14ab5b;
    }
.bk-link.is-warning{
    color:#ffb549
  }
.bk-link.is-warning:hover{
      color:#ffb549;
    }
.bk-link.is-danger{
    color:#ea3736
  }
.bk-link.is-danger:hover{
      color:#ea3736;
    }
.bk-table{
  color:#081e40;
}
.bk-table td,
  .bk-table th,
  .bk-table th > .cell{
    height:40px !important;
  }
.bk-table .bk-table-header-wrapper .bk-table-header .bk-table-header-label{
        color:#8797aa;
      }
.bk-table .bk-table-header-wrapper .bk-table-header .bk-table-header-label .bk-form-checkbox.is-checked :hover{
            background-color:#3a84ff;
          }
.bk-table .bk-table-column-selection .bk-form-checkbox .bk-checkbox{
        -webkit-box-flex:1;
            -ms-flex:auto 0 0px;
                flex:auto 0 0;
      }
.bk-table .bk-table-body-wrapper .bk-table-body .bk-table-row .bk-button-text.is-disabled{
            color:#8797aa;
          }
.bk-table .bk-table-body-wrapper .bk-table-body .bk-table-row.expanded{
          background-color:rgba(58, 132, 255, 0.05);
        }
.bk-table .bk-table-body-wrapper .bk-table-body .bk-table-row.hover-row td{
            background-color:rgba(58, 132, 255, 0.05);
          }
.bk-page .bk-page-list .page-item.cur-page .page-button{
          border:1px solid #3a84ff;
          color:#3a84ff;
        }
.bk-page .bk-page-list .page-item.disabled .page-button{
          background-color:rgba(203, 213, 224, 0.2);
          border-radius:2px;
          border:1px solid #cbd5e0;
          color:#8797aa
        }
.bk-page .bk-page-list .page-item.disabled .page-button:hover{
            border:1px solid #cbd5e0;
            color:#8797aa;
          }
.bk-page .bk-page-list .page-item .page-button{
        border:1px solid #cbd5e0;
        color:#081e40;
        display:inline-block;
        height:30px;
        line-height:28px;
        padding:0;
        min-width:30px;
      }
.bk-page .bk-page-list .page-item .page-button .bk-icon{
          line-height:30px;
        }
.bk-page .bk-page-list .page-item .page-button:hover{
          border:1px solid #3a84ff;
          color:#3a84ff;
        }
.bk-page .bk-page-count{
    color:#8797aa;
  }
.bk-page .bk-page-count .bk-select{
      margin:0 10px;
    }
.bk-form-radio input[type="radio"]{
    height:14px;
    width:14px
  }
.bk-form-radio input[type="radio"]:hover{
      background:rgba(58, 132, 255, 0.1);
      border:1px solid #3a84ff;
    }
.bk-form-radio input[type="radio"].is-checked[disabled]:hover{
      background-color:#fff;
      border:4px solid #cbd5e0;
    }
.bk-form-radio input[type="radio"][disabled]{
      background-color:rgba(203, 213, 224, 0.3);
      border:1px solid #cbd5e0;
    }
.bk-form-radio input[type="radio"][disabled]:hover{
      background-color:rgba(203, 213, 224, 0.3);
      border:1px solid #cbd5e0;
    }
.bk-form-radio input[type="radio"].is-checked{
      background-color:#fff;
      border:4px solid #3a84ff
    }
.bk-form-radio input[type="radio"].is-checked:hover{
        background-color:#fff;
      }
.bk-form-radio input[type="radio"].is-checked[disabled]{
      border:4px solid #cbd5e0;
    }
.bk-form-radio .bk-radio-text{
    color:#081e40;
    font-size:12px;
  }
.bk-form-radio input[type="radio"][disabled] + .bk-radio-text{
    color:#8797aa;
  }
.bk-form-radio-button .bk-radio-button-text{
    min-width:50px;
    height:30px;
    font-size:12px;
    color:#081e40;
    border:1px solid #cbd5e0
  }
.bk-form-radio-button .bk-radio-button-text:hover{
      background-color:rgba(58, 132, 255, 0.1);
      border-color:#3a84ff;
      color:#3a84ff;
    }
.bk-form-radio-button .bk-radio-button-input:disabled + .bk-radio-button-text{
    border:1px solid rgba(203, 213, 224, 0.5);
    color:#8797aa;
    background-color:#fff;
  }
.bk-form-radio-button .bk-radio-button-input:checked + .bk-radio-button-text{
    background-color:#3a84ff;
    color:#fff;
    font-size:12px;
    border:1px solid #3a84ff;
  }
.bk-form-radio-button:focus{
    -webkit-box-shadow:none;
            box-shadow:none;
  }
.bk-form-checkbox .bk-checkbox{
    border:1px solid #cbd5e0;
    height:14px;
    width:14px
  }
.bk-form-checkbox .bk-checkbox:hover{
      background:rgba(58, 132, 255, 0.1);
      border:1px solid #3a84ff;
    }
.bk-form-checkbox .bk-checkbox-text{
    font-size:12px;
    color:#081e40;
  }
.bk-form-checkbox.is-disabled .bk-checkbox{
      background-color:rgba(203, 213, 224, 0.3)
    }
.bk-form-checkbox.is-disabled .bk-checkbox:hover{
        background-color:rgba(203, 213, 224, 0.3);
        border:1px solid #cbd5e0;
      }
.bk-form-checkbox.is-disabled .bk-checkbox-text{
      color:#8797aa;
    }
.bk-form-checkbox.is-checked .bk-checkbox::after{
      top:-1px;
      left:3px;
    }
.bk-form-checkbox.is-checked .bk-checkbox-text{
      color:#3a84ff;
    }
.bk-form-checkbox.is-checked .bk-checkbox:hover{
        background-color:#3a84ff;
      }
.bk-form-checkbox.is-checked.is-disabled .bk-checkbox-text{
        color:#8797aa;
      }
.bk-form-checkbox.is-checked.is-disabled .bk-checkbox{
        background-color:#cbd5e0
      }
.bk-form-checkbox.is-checked.is-disabled .bk-checkbox:hover{
          background-color:#cbd5e0;
        }
.bk-form-checkbox.is-indeterminate:not(.is-checked) .bk-checkbox{
        border-color:#cbd5e0;
        background-color:#fff;
    }
.bk-form-input[disabled],
.bk-form-password[disabled],
.bk-form-select[disabled],
.bk-form-textarea[disabled],
.bk-form-input[readonly],
.bk-form-password[readonly],
.bk-form-select[readonly],
.bk-form-textarea[readonly]{
  margin-bottom:0 !important;
  border-radius:2px;
  border-color:#cbd5e0 !important;
  color:#8797aa !important;
}
.bk-form-input::-webkit-input-placeholder, .bk-form-password::-webkit-input-placeholder, .bk-form-select::-webkit-input-placeholder, .bk-textarea-wrapper::-webkit-input-placeholder, .bk-form-textarea::-webkit-input-placeholder{
    color:#cbd5e0 !important;
    font-size:12px;
  }
.bk-form-input::-moz-placeholder, .bk-form-password::-moz-placeholder, .bk-form-select::-moz-placeholder, .bk-textarea-wrapper::-moz-placeholder, .bk-form-textarea::-moz-placeholder{
    color:#cbd5e0 !important;
    font-size:12px;
  }
.bk-form-input:-ms-input-placeholder, .bk-form-password:-ms-input-placeholder, .bk-form-select:-ms-input-placeholder, .bk-textarea-wrapper:-ms-input-placeholder, .bk-form-textarea:-ms-input-placeholder{
    color:#cbd5e0 !important;
    font-size:12px;
  }
.bk-form-input::-ms-input-placeholder, .bk-form-password::-ms-input-placeholder, .bk-form-select::-ms-input-placeholder, .bk-textarea-wrapper::-ms-input-placeholder, .bk-form-textarea::-ms-input-placeholder{
    color:#cbd5e0 !important;
    font-size:12px;
  }
.bk-form-input::placeholder, .bk-form-password::placeholder, .bk-form-select::placeholder, .bk-textarea-wrapper::placeholder, .bk-form-textarea::placeholder{
    color:#cbd5e0 !important;
    font-size:12px;
  }
.bk-form-input,
.bk-form-password,
.bk-form-select,
.bk-textarea-wrapper,
.bk-form-textarea{
  color:#081e40;
  border-color:#cbd5e0
}
.bk-form-input.only-bottom-border, .bk-form-password.only-bottom-border, .bk-form-select.only-bottom-border, .bk-textarea-wrapper.only-bottom-border, .bk-form-textarea.only-bottom-border{
    border-color:transparent transparent #cbd5e0 transparent;
  }
.bk-form-control .bk-form-input::-webkit-input-placeholder, .bk-form-control .bk-form-password::-webkit-input-placeholder, .bk-form-control .bk-form-select::-webkit-input-placeholder, .bk-form-control .bk-textarea-wrapper::-webkit-input-placeholder, .bk-form-control .bk-form-textarea::-webkit-input-placeholder, .bk-form-control.control-active .bk-form-input::-webkit-input-placeholder, .bk-form-control.control-active .bk-form-password::-webkit-input-placeholder, .bk-form-control.control-active .bk-form-select::-webkit-input-placeholder, .bk-form-control.control-active .bk-textarea-wrapper::-webkit-input-placeholder, .bk-form-control.control-active .bk-form-textarea::-webkit-input-placeholder{
      color:#cbd5e0 !important;
    }
.bk-form-control .bk-form-input::-moz-placeholder, .bk-form-control .bk-form-password::-moz-placeholder, .bk-form-control .bk-form-select::-moz-placeholder, .bk-form-control .bk-textarea-wrapper::-moz-placeholder, .bk-form-control .bk-form-textarea::-moz-placeholder, .bk-form-control.control-active .bk-form-input::-moz-placeholder, .bk-form-control.control-active .bk-form-password::-moz-placeholder, .bk-form-control.control-active .bk-form-select::-moz-placeholder, .bk-form-control.control-active .bk-textarea-wrapper::-moz-placeholder, .bk-form-control.control-active .bk-form-textarea::-moz-placeholder{
      color:#cbd5e0 !important;
    }
.bk-form-control .bk-form-input:-ms-input-placeholder, .bk-form-control .bk-form-password:-ms-input-placeholder, .bk-form-control .bk-form-select:-ms-input-placeholder, .bk-form-control .bk-textarea-wrapper:-ms-input-placeholder, .bk-form-control .bk-form-textarea:-ms-input-placeholder, .bk-form-control.control-active .bk-form-input:-ms-input-placeholder, .bk-form-control.control-active .bk-form-password:-ms-input-placeholder, .bk-form-control.control-active .bk-form-select:-ms-input-placeholder, .bk-form-control.control-active .bk-textarea-wrapper:-ms-input-placeholder, .bk-form-control.control-active .bk-form-textarea:-ms-input-placeholder{
      color:#cbd5e0 !important;
    }
.bk-form-control .bk-form-input::-ms-input-placeholder, .bk-form-control .bk-form-password::-ms-input-placeholder, .bk-form-control .bk-form-select::-ms-input-placeholder, .bk-form-control .bk-textarea-wrapper::-ms-input-placeholder, .bk-form-control .bk-form-textarea::-ms-input-placeholder, .bk-form-control.control-active .bk-form-input::-ms-input-placeholder, .bk-form-control.control-active .bk-form-password::-ms-input-placeholder, .bk-form-control.control-active .bk-form-select::-ms-input-placeholder, .bk-form-control.control-active .bk-textarea-wrapper::-ms-input-placeholder, .bk-form-control.control-active .bk-form-textarea::-ms-input-placeholder{
      color:#cbd5e0 !important;
    }
.bk-form-control .bk-form-input::placeholder, .bk-form-control .bk-form-password::placeholder, .bk-form-control .bk-form-select::placeholder, .bk-form-control .bk-textarea-wrapper::placeholder, .bk-form-control .bk-form-textarea::placeholder, .bk-form-control.control-active .bk-form-input::placeholder, .bk-form-control.control-active .bk-form-password::placeholder, .bk-form-control.control-active .bk-form-select::placeholder, .bk-form-control.control-active .bk-textarea-wrapper::placeholder, .bk-form-control.control-active .bk-form-textarea::placeholder{
      color:#cbd5e0 !important;
    }
.bk-form-control .bk-form-input,
  .bk-form-control .bk-form-password,
  .bk-form-control .bk-form-select,
  .bk-form-control .bk-textarea-wrapper,
  .bk-form-control .bk-form-textarea,
  .bk-form-control.control-active .bk-form-input,
  .bk-form-control.control-active .bk-form-password,
  .bk-form-control.control-active .bk-form-select,
  .bk-form-control.control-active .bk-textarea-wrapper,
  .bk-form-control.control-active .bk-form-textarea{
    color:#081e40;
    border-color:#cbd5e0
  }
.bk-form-control .bk-form-input.only-bottom-border, .bk-form-control .bk-form-password.only-bottom-border, .bk-form-control .bk-form-select.only-bottom-border, .bk-form-control .bk-textarea-wrapper.only-bottom-border, .bk-form-control .bk-form-textarea.only-bottom-border, .bk-form-control.control-active .bk-form-input.only-bottom-border, .bk-form-control.control-active .bk-form-password.only-bottom-border, .bk-form-control.control-active .bk-form-select.only-bottom-border, .bk-form-control.control-active .bk-textarea-wrapper.only-bottom-border, .bk-form-control.control-active .bk-form-textarea.only-bottom-border{
      border-color:transparent transparent #cbd5e0 transparent;
    }
.bk-form-control .control-icon, .bk-form-control.control-active .control-icon{
    color:#cbd5e0;
  }
.bk-form-control .control-icon .bk-icon:hover, .bk-form-control.control-active .control-icon .bk-icon:hover{
      color:#cbd5e0;
    }
.bk-form-control .input-number-option .number-option-item, .bk-form-control.control-active .input-number-option .number-option-item{
      color:#cbd5e0
    }
.bk-form-control .input-number-option .number-option-item:hover, .bk-form-control.control-active .input-number-option .number-option-item:hover{
        background-color:rgba(58, 132, 255, 0.1);
        color:#3a84ff;
      }
.bk-form-control .bk-limit-box, .bk-form-control.control-active .bk-limit-box{
    color:#cbd5e0;
  }
.bk-form-control .bk-limit-box .strong, .bk-form-control.control-active .bk-limit-box .strong{
      color:#081e40;
      font-weight:400;
    }
.bk-breadcrumb{
  height:40px;
}
.bk-breadcrumb-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
  }
.bk-breadcrumb-item-inner{
      font-size:12px;
      color:#8797aa
    }
.bk-breadcrumb-item-inner.is-link{
        color:#081e40;


      }
.bk-breadcrumb-item .bk-breadcrumb-separator{
      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;
      margin:0 4px;
      height:10px;
      width:10px;
      font-size:14px;
      line-height:10px;
      color:#8797aa;
      font-weight:normal;
      position:relative
    }
.bk-breadcrumb-item .bk-breadcrumb-separator::before{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        font-size:16px;
        height:10px;
        width:10px;
        -webkit-box-align:center;
            -ms-flex-align:center;
                align-items:center;
        -webkit-box-pack:center;
            -ms-flex-pack:center;
                justify-content:center;
        position:absolute;
        top:1px;
      }
.bk-breadcrumb-item .bk-input-text{
      height:30px;
    }
.bk-switcher.is-unchecked{
    background-color:#8797aa
  }
.bk-switcher.is-unchecked.is-disabled input[type="checkbox"]{
        background-color:#cbd5e0;
      }
.bk-switcher.is-checked.is-disabled input[type="checkbox"]{
        background-color:rgba(58, 132, 255, 0.5);
      }
.bk-steps-horizontal.bk-steps-solid .bk-step .bk-step-title::after{
          background-color:#cbd5e0;
        }
.bk-steps-horizontal.bk-steps-solid .bk-step.done .bk-step-content .bk-step-title::after{
            background-color:rgba(58, 132, 255, 0.3);
          }
.bk-steps-horizontal .bk-step-title{
    margin-top:10px;
  }
.bk-steps-horizontal.bk-steps .bk-step .bk-step-indicator{
        height:32px;
        width:32px;
        background-color:#cbd5e0;
        border:#cbd5e0;
        color:#fff;
      }
.bk-steps-horizontal.bk-steps .bk-step .bk-step-content{
        display:block;
      }
.bk-steps-horizontal.bk-steps .bk-step .bk-step-content .bk-step-description{
          color:#cbd5e0;
          font-size:12px;
        }
.bk-steps-horizontal.bk-steps .bk-step .bk-step-content .bk-step-title{
          color:#cbd5e0;
          font-size:14px;
          font-weight:500
        }
.bk-steps-horizontal.bk-steps .bk-step .bk-step-content .bk-step-title::after{
            position:absolute;
            top:-25px;
            height:3px;
          }
.bk-steps-horizontal.bk-steps .bk-step.current .bk-step-description{
          color:#3a84ff;
        }
.bk-steps-horizontal.bk-steps .bk-step.current .bk-step-title{
          color:#3a84ff;
        }
.bk-steps-horizontal.bk-steps .bk-step.current .bk-step-indicator{
          background-color:#3a84ff;
          color:#fff;
        }
.bk-steps-horizontal.bk-steps .bk-step.done .bk-step-description{
          color:rgba(58, 132, 255, 0.5);
        }
.bk-steps-horizontal.bk-steps .bk-step.done .bk-step-title{
          color:rgba(58, 132, 255, 0.5);
        }
.bk-steps-horizontal.bk-steps .bk-step.done .bk-step-indicator{
          background-color:#fff;
          color:rgba(58, 132, 255, 0.5);
          border:2px solid rgba(58, 132, 255, 0.3);
        }
.bk-timeline .bk-timeline-dot::before{
            height:12px;
            width:12px;
            background-color:#3a84ff;
            border:2px solid #c5dbff;
        }
.bk-timeline .bk-timeline-dot .bk-timeline-section .bk-timeline-content .timeline-update-time{
                    font-size:12px;
                    color:#8797aa;
                    height:20px;
                }
.bk-timeline .bk-timeline-dot .bk-timeline-section .bk-timeline-title{
                color:#081e40;
                height:20px;
                font-size:12px;
            }
.bk-tree .node-title{
    margin-right:5px;
    color:#081e40;
  }
.bk-tree .tree-node .node-icon{
      display:none;
    }
.bk-tree .tree-node:hover{
      background:rgba(58, 132, 255, 0.1);
    }
.bk-big-tree .bk-big-tree-node{
    font-size:12px;
    color:#081e40;
    height:40px;
    line-height:40px
  }
.bk-big-tree .bk-big-tree-node.is-root{
      font-weight:800;
    }
.bk-big-tree .bk-big-tree-node:hover{
      background:rgba(58, 132, 255, 0.1);
    }
.bk-tag{
  font-size:12px;
  height:16px;
  padding:0 4px;
  line-height:16px
}
.bk-tag.bk-tag-success{
    color:#14ab5b;
    background-color:rgba(20, 171, 91, 0.1);
  }
.bk-tag.bk-tag-danger{
    color:#ea3736;
    background-color:rgba(234, 55, 54, 0.1);
  }
.bk-transfer .source-list .header{
      color:#081e40;
    }
.bk-transfer .source-list .content li{
        color:#081e40;
        font-size:12px
      }
.bk-transfer .source-list .content li:hover{
          background-color:rgba(58, 132, 255, 0.05);
        }
.bk-transfer .target-list .header{
      color:#081e40;
    }
.bk-transfer .target-list .content li{
        color:#081e40;
        font-size:12px
      }
.bk-transfer .target-list .content li:hover{
          background-color:rgba(58, 132, 255, 0.05);
        }
.bk-sideslider .bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-title{
        color:#081e40;
        font-weight:800;
        font-size:16px;
      }
.bk-sideslider .bk-sideslider-wrapper .bk-sideslider-content{
      color:#081e40;
      font-size:12px;
    }
.bk-sideslider .bk-sideslider-wrapper .bk-sideslider-footer{
      border-top-color:rgba(203, 213, 224, 0.5) !important;
      height:60px;
    }
.bk-message{
  padding:10px 16px;
}
.bk-message .bk-message-icon{
    margin-right:4px;
  }
.bk-divider{
  border-color:rgba(203, 213, 224, 0.5) !important;
}
.bk-date-picker .bk-date-picker-rel .picker-icon path{
        fill:#cbd5e0;
      }
.bk-date-picker .bk-date-picker-rel .bk-icon{
      color:#cbd5e0
    }
.bk-date-picker .bk-date-picker-rel .bk-icon:hover{
        color:#cbd5e0;
      }
.bk-date-picker .bk-date-picker-rel .bk-date-picker-editor{
      border:1px solid #cbd5e0;
      color:#081e40
    }
.bk-date-picker .bk-date-picker-rel .bk-date-picker-editor::-webkit-input-placeholder{
        color:#cbd5e0;
      }
.bk-date-picker .bk-date-picker-rel .bk-date-picker-editor::-moz-placeholder{
        color:#cbd5e0;
      }
.bk-date-picker .bk-date-picker-rel .bk-date-picker-editor:-ms-input-placeholder{
        color:#cbd5e0;
      }
.bk-date-picker .bk-date-picker-rel .bk-date-picker-editor::-ms-input-placeholder{
        color:#cbd5e0;
      }
.bk-date-picker .bk-date-picker-rel .bk-date-picker-editor::placeholder{
        color:#cbd5e0;
      }
.bk-date-picker .bk-date-picker-rel .bk-date-picker-editor:focus{
        border:1px solid #3a84ff;
      }
.bk-date-picker-dropdown{
  border:0;
}
.bk-date-picker-dropdown .bk-picker-panel-body .bk-date-picker-header span{
          color:#081e40
      }
.bk-date-picker-dropdown .bk-picker-panel-body .bk-date-picker-header span.bk-date-picker-prev-btn,
        .bk-date-picker-dropdown .bk-picker-panel-body .bk-date-picker-header span.bk-date-picker-next-btn{
          color:#8797aa
        }
.bk-date-picker-dropdown .bk-picker-panel-body .bk-date-picker-header span.bk-date-picker-prev-btn:hover .bk-icon, .bk-date-picker-dropdown .bk-picker-panel-body .bk-date-picker-header span.bk-date-picker-next-btn:hover .bk-icon{
              color:#3a84ff;
              background-color:rgba(58, 132, 255, 0.1);
            }
.bk-date-picker-dropdown .bk-picker-panel-body .bk-picker-panel-content .bk-date-picker-cells .bk-date-picker-cells-header span{
            color:#081e40;
          }
.bk-date-picker-dropdown .bk-picker-panel-body .bk-picker-panel-content .bk-date-picker-cells .bk-date-picker-cells-cell{
          color:#081e40
        }
.bk-date-picker-dropdown .bk-picker-panel-body .bk-picker-panel-content .bk-date-picker-cells .bk-date-picker-cells-cell.bk-date-picker-cells-cell-prev-month em, .bk-date-picker-dropdown .bk-picker-panel-body .bk-picker-panel-content .bk-date-picker-cells .bk-date-picker-cells-cell.bk-date-picker-cells-cell-next-month em{
              color:#8797aa;
            }
.bk-date-picker-dropdown .bk-picker-panel-body .bk-picker-panel-content .bk-date-picker-cells .bk-date-picker-cells-cell.bk-date-picker-cells-cell-selected em{
              color:#fff;
              border-radius:2px;
            }
.bk-date-picker-dropdown .bk-picker-panel-body .bk-picker-panel-content .bk-date-picker-cells .bk-date-picker-cells-cell.bk-date-picker-cells-cell-range::before{
            background-color:rgba(58, 132, 255, 0.1);
          }
.bk-date-picker-dropdown .bk-picker-panel-body .bk-picker-confirm{
      font-size:12px;
    }
.bk-date-picker-dropdown .bk-picker-panel-body .bk-picker-confirm .bk-picker-confirm-time{
        color:#3a84ff;
      }
.bk-date-picker-dropdown .bk-picker-panel-body .bk-picker-confirm a:nth-of-type(2){
        color:#8797aa;
      }
.bk-dropdown-menu .bk-dropdown-trigger .dropdown-trigger-btn{
      min-width:56px;
      padding:0 8px !important;
      border:1px solid #cbd5e0;
      color:#081e40
    }
.bk-dropdown-menu .bk-dropdown-trigger .dropdown-trigger-btn.bk-icon{
        font-size:12px;
        color:#cbd5e0;
      }
.bk-dropdown-menu .bk-dropdown-trigger .dropdown-trigger-btn:hover{
        color:#3a84ff;
        border:1px solid #3a84ff;
        background-color:rgba(58, 132, 255, 0.1);
      }
.bk-dropdown-menu .bk-dropdown-trigger .dropdown-trigger-btn:hover .bk-icon{
          color:#3a84ff;
        }
.bk-dropdown-menu .bk-dropdown-trigger .dropdown-trigger-btn .bk-icon{
        color:#cbd5e0;
      }
.bk-dropdown-menu .bk-dropdown-content{
    border:0;
    -webkit-box-shadow:0px 0px 10px 0px rgba(8, 30, 64, 0.15);
            box-shadow:0px 0px 10px 0px rgba(8, 30, 64, 0.15);
  }
.bk-dropdown-menu .bk-dropdown-content .bk-dropdown-list li{
        height:40px;
        line-height:40px;
      }
.bk-dropdown-menu .bk-dropdown-content .bk-dropdown-list li a{
          color:#081e40;
          height:40px;
          line-height:40px;
        }
.bk-dropdown-menu .bk-dropdown-content .bk-dropdown-list li:hover{
          background-color:rgba(58, 132, 255, 0.1);
        }
.bk-dropdown-menu .bk-dropdown-content .bk-dropdown-list li:hover a{
            color:#3a84ff;
          }
.bk-alert{
  height:40px;
  padding:12px 16px;
  min-width:220px;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
}
.bk-alert .bk-alert-wraper{
    padding:0;
  }
.bk-alert .bk-alert-wraper .bk-alert-content .bk-button-text{
        height:16px;
      }
.bk-alert .bk-alert-wraper i.bk-icon{
      width:14px;
      height:14px;
      font-size:14px;
      margin-top:1.5px;
      margin-right:4px;
    }
.bk-alert.bk-alert-success{
    background-color:#e7f6ee;
    border-color:rgba(20, 171, 91, 0.4);
    color:#14ab5b;
  }
.bk-alert.bk-alert-error{
    background-color:#fcebea;
    border-color:rgba(234, 55, 54, 0.4);
    color:#ea3736;
  }
.bk-alert.bk-alert-warning{
    background-color:#fff7ec;
    border-color:rgba(255, 181, 73, 0.4);
    color:#ffb549;
  }
.bk-alert.bk-alert-info{
    background-color:#ebf2ff;
    border-color:rgba(58, 132, 255, 0.4);
    color:#3a84ff;
  }
.bk-dialog .bk-dialog-content .bk-dialog-sub-header,
    .bk-dialog .bk-dialog-content .bk-dialog-body{
      padding:20px;
      min-height:162px;
    }
.bk-dialog .bk-dialog-content .bk-dialog-tool{
      min-height:56px;
      height:56px;
    }
.bk-dialog .bk-dialog-content .bk-dialog-close{
      top:15px;
      right:20px;
      color:#8797aa;
      font-weight:normal;
      border-radius:2px;
      z-index:999
    }
.bk-dialog .bk-dialog-content .bk-dialog-close:hover{
        color:#3a84ff;
        background-color:rgba(58, 132, 255, 0.1);
      }
.bk-dialog .bk-dialog-content .bk-dialog-header{
      padding:15px 20px;
      border-bottom:1px solid #ebedf0;
      margin-top:-56px;
      height:56px;
      line-height:26px;
      text-align:left;
      z-index:999;
    }
.bk-dialog .bk-dialog-content .bk-dialog-header .bk-dialog-header-inner{
        color:#081e40;
        font-size:16px;
        font-weight:500;
      }
.bk-dialog .bk-dialog-content .bk-dialog-footer{
      text-align:right;
      height:62px;
      padding:15px 20px;
      border-top:1px solid #ebedf0;
    }
.bk-dialog .bk-dialog-content .bk-dialog-footer .bk-button{
        margin-left:10px;
      }
.bk-dialog-wrapper .bk-info-box .bk-dialog-footer{
      background-color:#fafbfd;
    }
.bk-dialog-wrapper .bk-info-box .bk-dialog-footer button{
        min-width:56px;
      }
.bk-form .bk-form-item .bk-label{
      font-size:12px;
      color:#081e40;
    }
.bk-tag-selector .bk-tag-input{
    border:1px solid #cbd5e0;
  }
.bk-tag-selector .bk-tag-input .placeholder{
    color:#cbd5e0;
    }
.bk-tag-selector .bk-tag-input .input{
      color:#081e40;
    }
.bk-tag-selector .bk-tag-input .tag-list .staff-input{
        color:#081e40;
      }
.bk-tag-selector .bk-tag-input .tag-list li.key-node{
        background-color:rgba(58, 132, 255, 0.05);
        border:0;

      }
.bk-tag-selector .bk-tag-input .tag-list li.key-node .tag{
          background-color:transparent;
          color:#3a84ff;
          height:22px;
          line-height:22px
        }
.bk-tag-selector .bk-tag-input .tag-list li.key-node .tag:hover{
            background-color:rgba(58, 132, 255, 0.1);
          }
.bk-tag-selector .bk-tag-input .tag-list li.key-node .tag .text{
            height:22px;
            line-height:22px;
          }
.bk-tag-selector .bk-tag-input .tag-list li.key-node .remove-key{
          top:3px;
          color:#8797aa;
        }
.bk-selector-list .bk-selector-list-item .text{
      color:#081e40;
    }
.bk-selector-list .outside-ul{
    border:0;
  }
.bk-upload.draggable .file-wrapper{
      border:1px dashed #cbd5e0;
    }
.bk-upload.draggable .file-wrapper .upload-icon{
        margin:0;
        color:#cbd5e0;
      }
.bk-upload.picture .file-wrapper .upload-btn{
        border-color:#cbd5e0;
      }
.bk-upload.picture .file-wrapper .upload-btn .upload-icon{
          color:#cbd5e0;
          font-size:30px;
          margin-bottom:0;
        }
.bk-upload.picture .file-wrapper .upload-btn div{
          font-size:12px;
          color:#3a84ff;
        }
.bk-upload.picture .mask .upload-icon{
        font-size:16px;
      }
.bk-upload .file-wrapper .text-area .drop-upload{
        color:#081e40;
      }
.bk-upload .tip{
    color:#8797aa;
  }
.bk-upload .all-file .file-item{
      height:70px;
      padding:5px;
    }
.bk-upload .all-file .file-item .file-icon{
        -webkit-box-flex:0;
            -ms-flex:0 0 60px;
                flex:0 0 60px;
        height:60px;
        width:60px;
      }
.bk-upload .all-file .file-item .file-icon i{
          font-size:60px;
        }
.bk-upload .all-file .file-item .file-info{
        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;
      }
.bk-upload .all-file .file-item .file-info .file-name{
          color:#081e40;
        }
.bk-upload .pic-item{
    border-color:#cbd5e0;
  }
.bk-popconfirm-content .popconfirm-operate button[type="button"]{
        color:#081e40;
        border:1px solid #cbd5e0
      }
.bk-popconfirm-content .popconfirm-operate button[type="button"]:hover{
          border:1px solid #3a84ff;
          color:#3a84ff;
          background-color:rgba(58,132,255,0.1);
        }
.bk-popconfirm-content .popconfirm-operate button[type="button"].primary{
          color:#fff;
          background:#3a84ff;
          border:#3a84ff
        }
.bk-popconfirm-content .popconfirm-operate button[type="button"].primary:hover{
              background-color:#3a84ff;
              border-color:#3a84ff;
          }
.bk-popconfirm-content .popconfirm-operate .default-operate-button{
      line-height:24px;
    }