@import '~ant-design-vue/dist/antd.less'; // 引入官方提供的 less 样式入口文件
@import '~vue-easytable/packages/theme-default/index.less';
@import './newThem.less'; // 用于覆盖上面定义的变量
// The prefix to use on all css classes from ant-pro.
@ant-pro-prefix             : ant-pro;
@ant-global-sider-zindex    : 106;
@ant-global-header-zindex   : 105;

.text-overflow{
    overflow: hidden;    
    text-overflow:ellipsis;    
    white-space: nowrap;
}
.text-overflows3{
    display: -webkit-box;    
    -webkit-box-orient: vertical;    
    -webkit-line-clamp: 3;    
    overflow: hidden;
}
.text-overflows2{
    display: -webkit-box;    
    -webkit-box-orient: vertical;    
    -webkit-line-clamp: 2;    
    overflow: hidden;
}


/* 扩展ant design pro按钮组件颜色 */
.ant-btn-primary.button-primary,.ant-btn-primary.button-info,.ant-btn-primary.button-warning,.ant-btn-primary.button-geekblue,.ant-btn-primary.button-purple {
  background-color: #39f;
  border-color: #39f;
  margin: 0 5px;
  font-size: 12px;
  &:hover, &:focus {
    background-color: #52a6fb;
    border-color: #52a6fb;
  }
 
  &:active, &.active {
    background-color: #3d80bf;
    border-color: #3d80bf;
  }
}
.ant-btn-background-ghost.ant-btn-primary.button-info{
  background-color: transparent;
  color: #39f;
  &:hover, &:focus {
    color: #52a6fb;
    border-color: #52a6fb;
    opacity: 0.8;
  }
}
.ant-btn-primary.button-primary[disabled],.ant-btn-primary.button-info[disabled],.ant-btn-primary.button-warning[disabled],.ant-btn-primary.button-geekblue[disabled],.ant-btn-primary.button-purple[disabled]{
   color: rgba(255, 255, 255, 0.6);
 }
.ant-btn-primary.button-success {
  background-color: #11b116;
  border-color: #00af54;
  margin: 0 5px;
  font-size: 12px;
  &:hover, &:focus {
    background-color: #01dc8c;
    border-color: #01dc8c;
  }
 
  &:active, &.active {
    background-color: #00af57;
    border-color: #00af57;
  }
}
 
.ant-btn-primary.button-error {
  background-color: #f30;
  border-color: #f30;
  margin: 0 5px;
  font-size: 12px;
  &:hover, &:focus {
    background-color: #ff6666;
    border-color: #ff6666;
  }
 
  &:active, &.active {
    background-color: #d62a00;
    border-color: #d62a00;
  }
}
.ant-btn-primary.button-grey {
  background-color: #82848a;
  border-color: #82848a;
  margin: 0 5px;
  font-size: 12px;
  &:hover, &:focus {
    background-color: #909399;
    border-color: #909399;
  }
 
  &:active, &.active {
    background-color: #c8c9cc;
    border-color: #c8c9cc;
  }
}
.ant-btn-primary.button-gray {
  background-color: #eee;
  border-color: #eee;
  color:#39f;
  margin: 0 5px;
  font-size: 12px;
  &:hover, &:focus {
    background-color: #e0e0e0;
     color:#39f;
    border-color: #e0e0e0;
  }
 
  &:active, &.active {
  background-color: #e0e0e0;
   color:#39f;
  border-color: #e0e0e0;
  }
}

// btn-link
.ant-btn-link.button-primary,.ant-btn-link.button-info,.ant-btn-link.button-warning,.ant-btn-link.button-purple,.ant-btn-link.button-geekblue {
  color: #39f;
  &:hover, &:focus {
    color: #48b7fb;
  }
  &:active, &.active {
    color: #3d80bf;
  }
}
.ant-btn-link.button-success {
  color: #0c6;
  &:hover, &:focus {
    color: #01dc8c;
  }
 
  &:active, &.active {
    color: #00af57;
  }
}
.ant-btn-link.button-error {
  color: #f30;
  &:hover, &:focus {
    color: #ff6666;
  }
 
  &:active, &.active {
    color: #d62a00;
  }
}
.ant-btn-link.button-default {
  color: #1b1b1b;
  &:hover, &:focus {
    color: #66696d;
  }
 
  &:active, &.active {
    color: #8e8f91;
  }
}
.ant-btn-primary.button-warn {
  background-color: #f90;
  border-color: #f90;
  margin: 0 5px;
  font-size: 12px;
  &:hover, &:focus {
    background-color: #ffb60a;
    border-color: #ffb60a;
  }
 
  &:active, &.active {
    background-color: #dd8500;
    border-color: #dd8500;
  }
}
.ant-btn-link.button-grey {
  color: #82848a;
  &:hover, &:focus {
    color: #909399;
  }
 
  &:active, &.active {
    color: #c8c9cc;
  }
}
.link-bule{
  color: #39f;
  cursor: pointer;
  &:hover, &:focus {
    color: #4bc3fb;
    text-decoration: underline;
  }
  &:active, &.active {
    color: #3d80bf;
  }
}

// 菜单样式
.sider {
  .logo {
    h1 {
      font-size: 12px!important;
    }
  }
  .ant-menu{
    .ant-menu-submenu{
      .ant-menu-item{  //  二级菜单左侧缩进
        padding-left: 20px!important;
      }
    }
  }
}
.top-nav-header-index{
  .ant-menu{
    .ant-menu-item, .ant-menu-submenu-title{
      padding: 0 10px;
    }
  }
}
.ant-menu-submenu{
  .ant-menu{
    li{
      height: 30px;
      line-height: 30px;
      margin: 5px 0 3px;
    }
  }
}

.ant-descriptions-item > span{
    word-break: break-all!important;
  }
// 页签样式
.multi-tab-con{
  .ant-tabs-nav-container{
    height: 31px!important;
    .ant-tabs-tab{
      padding: 0 8px!important;
      height: 30px!important;
      line-height: 30px!important;
    }
  }
}
// a-alert样式
.ant-alert,.ant-alert-info{
  .ant-alert-icon{
    top: 6.5px!important;
    left: 5px!important;
  }
  padding: 3px 10px!important;
  border-radius: 2px!important;
}
.ant-page-header{
  padding: 5px 10px!important;
}
.ant-radio-disabled + span{
    color: rgba(0, 0, 0, 0.6)!important;
  }
// 表格 样式
.sTable{
  .ant-table{
    .ant-table-content{
      .ant-table-header tr th, .ant-table-thead tr th{
        background: #fafafa!important;
        font-weight: bold;
        color: #000!important;
        padding: 5px!important;
        text-align: center!important;
      }
    }
  }
  .ant-pagination.ant-table-pagination{
    margin: 10px 0 0;
  }
  .ant-table-small > .ant-table-content .ant-table-body{
    margin: 0;
    .ant-btn{
      user-select: auto !important;
    }
  }
  
  // input:disabled{
  //   opacity: 1!important;
  //   color: #fff!important;
  //   -webkit-text-fill-color: #fff!important;
  // }
  .ant-table-row{
    td{
      > div:not(.ant-table-row-expand-icon):empty::after{
        content: '--';
      }
      .ant-select-search__field__mirror{
        white-space: pre-wrap;
      }
    }
  }
  .ant-table-small > .ant-table-content .ant-table-body,.ant-table-fixed-right{
    margin: 0;
    tr:hover{
      td{
        > div:not(.ant-table-row-expand-icon):empty::after{
          content: '--';
        }
      }
    }
  }
}
.sTable.fixPagination{
  >.ant-table-wrapper{
    height: 100%;
    >.ant-spin-nested-loading{
      height: 100%;
      >.ant-spin-container{
        height: 100%;
        position: relative;
        .ant-pagination.ant-table-pagination{
           float: none;
           text-align: center;
           position: absolute;
           width: 100%;
           left: 0;
           bottom: 0;
        }
      }
    }
  }
}
.ant-collapse{
  .ant-collapse-header{
    padding: 3px 0 5px 38px!important;
  }
  .ant-collapse-content-box{
    padding: 10px 10px 5px!important;
    .ant-descriptions-item{
      padding-bottom: 8px!important;
    }
  }
}
.ant-form-item-label{
  label{
    color: #000000!important;
  }
}
.ant-alert-message, .ant-card-head{
  color: #000000!important;
}
.ant-input-disabled, .ant-input-number-disabled, .ant-input-number input[readonly], .ant-input[disabled], .ant-select-disabled .ant-select-selection,.ant-cascader-picker-disabled{
  background-color: #f8f8f8 !important;
    color: #333 !important;
    cursor: not-allowed;
}

//头部样式
.header-bar{
  margin:6px auto;
  .subTitle-word{
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    color: #666;
  }
}


// 数据汇总样式
.gatherMessage {
  margin:10px 0;
  strong{
    color: #ed1c24;
  }
}

// 确认框居中
.confirm-center{
  .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content{
    margin-left:0;
  }
  .ant-modal-confirm-btns{
    float: none;
    text-align: center;
  }
}

.ant-notification-notice-description{
  white-space: pre-wrap !important;
}