/*
* antdv vxe 样式覆写
*/
@import  "./color.less";
.font-size-base {
  font-size: @font-size-base;
  *{
    font-size: @font-size-base;
  }
}
.ant-spin-dot-item,.ant-spin-dot{
  font-size: 20px !important;
}
.ant-spin-nested-loading,.ant-spin-container{
    width: 100%;
    height: 100%;
}

.ant-btn > .anticon + span, .ant-btn > span + .anticon{
    margin-left:.032rem;
}
.ant-divider-horizontal{
  margin: .16rem 0;
}
.ant-menu-vertical .ant-menu-item, 
.ant-menu-vertical-left .ant-menu-item, 
.ant-menu-vertical-right .ant-menu-item, 
.ant-menu-inline .ant-menu-item,
 .ant-menu-vertical .ant-menu-submenu-title, 
 .ant-menu-vertical-left .ant-menu-submenu-title, 
 .ant-menu-vertical-right .ant-menu-submenu-title, 
 .ant-menu-inline .ant-menu-submenu-title,
 .ant-tooltip-inner,
 .ant-select-tree-title
 {
    font-size: @font-size-base;
}
.ant-form-item{
  margin-bottom: 0 !important;
}
.ant-form-item-control{
    margin-bottom: .12rem;
    line-height: .32rem;
}
.ant-input,.ant-select,.ant-time-picker,.ant-input-number-input,.ant-input-number{
  font-size: @font-size-base;
}
.ant-input:not(textarea),.ant-select,.ant-time-picker,.ant-input-number-input,.ant-input-number{
    width: 1.92rem !important;
    height: .32rem !important;
}
.vxe-cell {
  .ant-input,.ant-select,.ant-time-picker,.ant-input-number-input,.ant-input-number{
      width:100% !important;
  }
}
.ant-calendar-range-picker .ant-calendar-picker-input{
  width: 2.20rem !important;
}
.ant-form-item-label{
    height: .32rem;
    line-height: .32rem;
}

.ant-select-selection,.ant-select-selection__rendered{
    width: 100%;
    height: 100%;
}
.ant-select-selection__rendered{
    line-height: .3rem;
}
.ant-btn{
    padding: 0 21.6px !important;
    height: .32rem;
    // line-height: .32rem;
    border-radius: .02rem;
}
.ant-btn-primary{
  background-color: @primary-color !important;
  border-color:@primary-color !important;
}
.ant-btn .anticon{
    font-size: .11rem;
}
.ant-btn-cancel{
    background-color: fade(@primary-color, 30%) !important;
    color: #fff !important;
    border-color:transparent;
}
.ant-badge-count{
  font-size: @font-size-base;
  .ant-scroll-number-only > p.ant-scroll-number-only-unit{
    font-size: @font-size-base;
  }
}

.vxe-buttons--wrapper .ant-btn{
    padding: 0  .12rem !important;
    height: .24rem;
    line-height: .22rem;
    border-radius: .02rem;
    border-color:@primary-color;
    color:@primary-color;
}
.vxe-buttons--wrapper .ant-btn:hover{
    background-color:@primary-color;
    color: #fff !important;
}
.vxe-modal--wrapper .vxe-modal--box{
    border: none;
    max-height: 100% !important;
    max-width: 100% !important;
    overflow: auto;
    box-sizing: border-box;
}
.vxe-modal--wrapper .vxe-modal--header{
    background-color:@primary-color;
    color: #fff;
    border-radius:0;
}
.m-details.vxe-modal--wrapper .vxe-modal--header{
  background-color:#fff;
  color: #333;
  font-weight: bold;
  border-bottom:none;
}
.m-details.vxe-modal--wrapper .vxe-modal--header > span{
  padding: .15rem;
  font-size: .192rem;
}
.m-modal-foot{
  padding-top: .1rem;
  border-top: .01rem solid #efefef;
}

.vxe-checkbox--label{
    color: @primary-color;
}
.vxe-table--render-default .vxe-body--column:not(.col--ellipsis), .vxe-table--render-default .vxe-footer--column:not(.col--ellipsis), .vxe-table--render-default .vxe-header--column:not(.col--ellipsis){
    padding: 0 !important;
}
.ant-form-item,
.ant-form label,
.ant-select,
.ant-select-dropdown,
.ant-select-dropdown-menu-item,
.ant-btn,
.ant-form-explain, 
.ant-form-extra,
.vxe-pager,
.vxe-toolbar,
.vxe-select, 
.vxe-select--panel, 
.vxe-select--panel.size--medium, 
.vxe-select.size--medium,
.vxe-input--inner
{
    font-size: @font-size-base !important;
}

.vxe-modal--wrapper .vxe-modal--header{
    font-size: .132rem !important;
}

.vxe-modal--wrapper.type--modal .vxe-modal--header {
  padding: .6em 4.6em .6em .8em;
}
.vxe-modal--box{
    border-radius: .01rem !important;
}

.vxe-table--render-default{
    font-size: @font-size-base !important;
}
.vxe-table--render-default .vxe-body--column, .vxe-table--render-default .vxe-footer--column, .vxe-table--render-default .vxe-header--column{
    line-height: .32rem !important;
    height: .32rem !important;
}
.vxe-modal--header > i{
  color: #fff !important;
}
.m-details .vxe-modal--header > i{
  color: #333 !important;
}
.vxe-table--render-default .vxe-cell{
    // height: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.is--checked.vxe-custom--option .vxe-checkbox--icon:before, 
.is--checked.vxe-export--panel-column-option 
.vxe-checkbox--icon:before, 
.is--checked.vxe-table--filter-option .vxe-checkbox--icon:before, 
.is--indeterminate.vxe-custom--option .vxe-checkbox--icon:before, 
.is--indeterminate.vxe-export--panel-column-option .vxe-checkbox--icon:before, 
.is--indeterminate.vxe-table--filter-option .vxe-checkbox--icon:before, 
.vxe-table--render-default .is--checked.vxe-cell--checkbox .vxe-checkbox--icon:before, 
.vxe-table--render-default .is--indeterminate.vxe-cell--checkbox .vxe-checkbox--icon:before {
    border-color:  @primary-color;
    background-color:  @primary-color;
}

.vxe-custom--option .vxe-checkbox--icon {
    left: .3em;
    top: .3em;
}
.vxe-custom--option .vxe-checkbox--icon, 
.vxe-export--panel-column-option .vxe-checkbox--icon, 
.vxe-table--filter-option .vxe-checkbox--icon, 
.vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon, 
.vxe-table--render-default .vxe-cell--radio .vxe-radio--icon{
    width: 1em;
    height: .9em;
}

.vxe-button.type--button.is--circle{
    width: .25rem;
    height: .25rem;
    padding: 0 .05rem;
    min-width:.25rem;
    font-size:  .12rem;
}

.vxe-button--icon, .vxe-button--loading-icon{
    min-width: auto !important;
}

.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body{
    width: 1.4rem !important;
    box-sizing: border-box;
}
.vxe-modal--wrapper, .vxe-modal--wrapper.size--medium{
  font-size: .112rem;
}

.vxe-loading .vxe-loading--spinner:after, .vxe-loading .vxe-loading--spinner:before{
  background-color:fade(@primary-color, 40%) !important;
}
.vxe-pager .vxe-pager--jump-next:not(.is--disabled).is--active, .vxe-pager .vxe-pager--jump-next:not(.is--disabled):focus, .vxe-pager .vxe-pager--jump-prev:not(.is--disabled).is--active, .vxe-pager .vxe-pager--jump-prev:not(.is--disabled):focus, .vxe-pager .vxe-pager--next-btn:not(.is--disabled).is--active, .vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus, .vxe-pager .vxe-pager--num-btn:not(.is--disabled).is--active, .vxe-pager .vxe-pager--num-btn:not(.is--disabled):focus, .vxe-pager .vxe-pager--prev-btn:not(.is--disabled).is--active, .vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus{
  color: @primary-color !important;
}
.vxe-select-option.is--selected{
  color: @primary-color !important;
}

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon, 
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon, 
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon{
  font-size: .14rem !important;
  *{
    font-size: .14rem !important;
  }
}
/*--------修改滚动条样式-----------*/

/*
::-webkit-scrollbar 滚动条整体部分
::-webkit-scrollbar-thumb  滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）
::-webkit-scrollbar-track  滚动条的轨道（里面装有Thumb）
::-webkit-scrollbar-button 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。
::-webkit-scrollbar-track-piece 内层轨道，滚动条中间部分（除去）
::-webkit-scrollbar-corner 边角，即两个滚动条的交汇处
::-webkit-resizer 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件
*/
*::-webkit-scrollbar{
    width: .06rem;
    height: .06rem;
}
*::-webkit-scrollbar-track{
    background: rgb(239, 239, 239);
    border-radius: .03rem;
}
*::-webkit-scrollbar-thumb{
    background: fade(@primary-color, 80%);
    border-radius: .03rem;
}
*::-webkit-scrollbar-thumb:hover{
    background: @primary-color;
}
*::-webkit-scrollbar-corner{
    background:  lighten(@primary-color,10%);
}
/*--------修改滚动条样式-----------*/

/*--------修改VXE表格样式-----------*/

.vxe-table--render-default .vxe-table--header{
  background: #F3F5FA;
  color: #333;
  font-weight: 400;
}
.border--none .vxe-header--column .vxe-resizable{
  display: none;
}

.border--none  .row--hover{
  background-color: #e6f7ff !important;
}

.vxe-table--render-default .vxe-table--body, 
.vxe-table--render-default .vxe-table--footer, 
.vxe-table--render-default .vxe-table--header{
  cursor: default;
}
.vxe-header-link--column .vxe-cell--title{
  color: @primary-color !important;
  font-weight: 400;
  text-decoration: underline;
}
.vxe-toolbar{
  height: auto !important;
  padding: .03rem 0;
}
.vxe-buttons--wrapper .ant-btn{
  margin-bottom: .05rem !important;
  margin-top: .05rem !important;
}
/*--------修改VXE表格样式-----------*/


input::-webkit-input-placeholder {
    font-size: @font-size-base;
}
input:-moz-placeholder {
    font-size: @font-size-base;
}
input:-ms-input-placeholder {
    font-size: @font-size-base;
}

/*--------flex布局兼容-----------*/
.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.flex-v {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-align-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.flex-align-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.flex-pack-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-pack-justify {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.flex-pack-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.flex-pack-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.flex-wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-nowrap {
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
  white-space: nowrap;
}
/*--------flex布局兼容-----------*/

/*--------修改自定义样式-----------*/


.m-confirm{
  z-index: 1200;
  .ant-modal-mask{
    z-index: 1200;
  }
  .ant-modal-wrap{
    z-index: 1200;
  }
  .ant-modal{
    width: 2.64rem !important;
  }
  .ant-modal-content{
    border-radius: 0 !important;
  }
  .ant-modal-body{
    padding: .32rem .32rem .24rem;
  }
  .ant-modal-confirm-body-wrapper:extend(.flex,.flex-v,.flex-pack-center){
    .ant-modal-confirm-body:extend(.flex,.flex-v){
      text-align: center;
      &>.anticon{
        color: @primary-color;
        font-size: .48rem !important;
        margin-right:0 !important;
      }
      .ant-modal-confirm-title{
        font-size: .144rem;
        color: @primary-color;
        margin-top: .256rem;
        font-weight: bold;
      }
      .ant-modal-confirm-content{
        margin-left: 0 !important;
        line-height: .24rem;
        font-size: .096rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #CCCCCC;
      }
    }
    .ant-modal-confirm-btns{
      text-align: center;
      margin-top: .24rem;
      .ant-btn-primary:hover{
        background-color: fade(@primary-color, 70%) !important;
        border-color: fade(@primary-color, 70%) !important;
      }
    }

    
  }
  &.ant-modal-confirm-error{
    .ant-modal-confirm-body-wrapper{
      .ant-modal-confirm-body{
        &>.anticon{
          color: #FF9855;
        }
        .ant-modal-confirm-title{
          color: #FF9855;
        }
      }
    }
    .ant-modal-confirm-btns{
      .ant-btn-primary{
        background-color: #FF9855 !important;
        border-color: #FF9855 !important;
      }
      .ant-btn-primary:hover{
        background-color: fade(#FF9855, 70%) !important;
        border-color: fade(#FF9855, 70%) !important;
      }
    }
  }

  &.ant-modal-confirm-confirm{
    .ant-modal-confirm-body-wrapper{
      .ant-modal-confirm-body{
        &>.anticon{
          display: none;
        }
        .ant-modal-confirm-title{
          margin-top: .24rem;
        }
      }
    }
    .ant-modal-confirm-btns{
      margin-top: .56rem;
    }
  }
}
.ant-empty-description{
  font-size: @font-size-base;
}
.ant-empty{
  width: 100%;
  margin: 0 !important;
  svg{
    width: 100%;
  }
}
.cursor-pointer{
  cursor: pointer !important;
}
.fa{
  font-size: @font-size-base;
}
.text-ellipsis{
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
}
/*--------修改自定义样式-----------*/

/*--------颜色样式-----------*/
.primary-color{
  color: @primary-color !important;
}
.primary-border{
  border:.01rem solid @primary-color;
}
.primary-bg-color{
  background-color: @primary-color ;
}
.primary-border-color{
  border-color: @primary-color !important;
}
.primary-bg-darken-10{
  
  background-color: darken( @primary-color,10%);
}

.primary-bg-fade-10{
  background-color: fade(@primary-color,10%);
}
.primary-bg-fade-30{
  background-color: fade(@primary-color,30%);
}
.primary-bg-fade-50{
  background-color: fade(@primary-color,50%);
}
.primary-arrow-up{
  width:0;
  height:0;
  border:.1rem solid transparent; 
  margin-top: -.1.5rem;
  border-bottom-color:@primary-color;
}
.primary-arrow-down{
  width:0;
  height:0;
  border:.1rem solid transparent; 
  margin-top: .1.5rem;
  border-top-color:@primary-color;
}
/*--------颜色样式-----------*/

/*--------layout页面样式-----------*/
.m-layout{
  .ant-layout-header{
    background-color: @primary-color;
    box-sizing: border-box;
    .flex();
    .flex-align-center();
    .ant-menu-horizontal{
      background:@primary-color;
      .flex();
      .flex-align-center();
      .ant-menu-item{
        &.ant-menu-item-active,&.ant-menu-item-selected{
          background-color: darken( @primary-color,10%);
        }
      }
      .ant-menu-submenu{
        padding-bottom: 0 !important;
        &.ant-menu-submenu-active,
        &.ant-menu-submenu-selected,
        &.ant-menu-submenu-open,
        &:hover{
          background-color: darken( @primary-color,10%);
        }
      }
    }

    .header-right{
      font-size: @font-size-base;
      .header-right-search{
        .header-right-search-title{
          background-color: darken(lighten( @primary-color,20%),10%);
          input{
            font-size: @font-size-base;
          }
        }
        .header-right-search-body{
          font-size: @font-size-base;
        }
      }
    }
  }
  .ant-menu-dark, .ant-menu-dark .ant-menu-submenu{
    // background-color: @primary-color !important;
    background: #fff !important;
    color: #000;
    padding-bottom: 0 !important;
    &.ant-menu-submenu-open,&:hover{
      background-color: @primary-color !important;
      color: #fff;
      .ant-menu-submenu-title{
        .ant-menu-submenu-arrow{
          &::after,&::before{
            background: #fff !important;
          }
        }
      }
    }
    .ant-menu-submenu-title{
      padding-left:.24rem !important;
      margin: 0 !important;
      font-size: .14rem;
      & span{
        font-size: .14rem;
      }
      .ant-menu-submenu-arrow{
        &::after,&::before{
          background: #000 !important;
        }
      }
    }
    .ant-menu-sub{
      // background-color:darken(@primary-color, 5%) !important;
      background-color: rgba(249,250,252,1);
      box-shadow:none;
      padding-bottom: 0 !important;
      .ant-menu-item{
        padding-left: .36rem !important;
        color: #666 ;
        height: .56rem;
        line-height: .56rem;
        margin: 0 !important;
        font-size: .14rem;
        border-bottom: 1px solid #E9EDF8;
        &.ant-menu-item-active,&.ant-menu-item-selected{
          color:@primary-color;
          background-color: rgba(249,250,252,1);
        }
        // &.ant-menu-item-selected{
        //   background-color:darken(@primary-color, 5%) !important;
        // }
      }
    }
  }
  .ant-tabs-tab{
    font-size: @font-size-base !important;
    height: .4rem !important;
    line-height: .4rem !important;
    border: none !important;
    background-color: #fff !important;
    .ant-tabs-close-x{
      font-size: .14rem !important;
      width: .16rem;
      height: .16rem;
      margin-top: -.08rem;
    }

    &.ant-tabs-tab-active,&:hover{
      color: @primary-color !important;
      .ant-tabs-close-x{
        color: @primary-color !important;
      }
    }
  }
}
.m-sider{
  &:hover{
    .ant-menu{
      background: #fff !important
    }
  }
  .ant-layout-sider-children{
    .flex();
    .flex-v();
    .ant-menu{
      overflow: auto;
    }
  }
}
 .ant-menu-submenu-popup{
//   top: .6rem !important;
  .ant-menu{
    background-color: darken( @primary-color,10%);
    border-radius: .04rem;
    min-width:0;
    .ant-menu-item{
      margin: 0;
      color: #fff;
      padding: 0 .21rem !important;
      &.ant-menu-item-active,&.ant-menu-item-selected{
        background-color: @primary-color !important;
        border: none;
        color: #fff;
      }
    }
  }
}
.ant-dropdown-menu-vertical{
  background-color: darken( @primary-color,10%);
  border-radius: .04rem;
  min-width:0;
  .ant-dropdown-menu-item{
    margin: 0;
    color: #fff;
    padding: 0 .24rem !important;
    &.ant-dropdown-menu-item-active,&.ant-dropdown-menu-item-selected{
      background-color: @primary-color !important;
      border: none;
      color: #fff;
    }
    font-size: @font-size-base;
    a{
      color: #fff;
    }
  }
}
/*--------layout页面样式-----------*/