// @import './reset.less';
*::-webkit-scrollbar {
  width: 4px;
  height: 12px;
  background-color: #fff;
}
*::-webkit-scrollbar-thumb {
  background-color: #d2d6e0;
  border-radius: 5px;
}

// 带输入框的table使用
.reset-ivu-table {
  .ivu-table-tbody {
    td {
      .ivu-form-item {
        margin-bottom: 0 !important;
        padding: 4px 0 !important;
        width: 100%;
        margin-right: 0 !important;
      }
      .ivu-form-item-error {
        .ivu-form-item-error-tip {
          margin-top: 0 !important;
          padding-top: 0px !important;
          width: 100%;
          text-align: left;
        }
      }
    }
  }
}

// 不使用emsTable时 重置搜索块样式
.reset-search-form {
  .search-bar {
    .ivu-form-item {
      width: 25%;
      margin-right: 0;
    }
  }
}

// 设置card间距 内部form-item样式
.reset-ivu-card {
  .ivu-card {
    margin-bottom: 16px;
    .ivu-card-body,
    .ivu-form-item-wrp {
      >.ivu-form-item {
        width: 33.33%;
        margin-right: 0;
      }
    }
  }
}

// modal中使用的form-item
.reset-modal-form-item {
  >.ivu-form-item {
    width: 33.33%;
    margin-right: 0;
  }
}

.ivu-card {
  .ivu-tree {
    padding: 0 10px;
  }
  .card-extra-button {
    margin-top: -2px;
    button {
      margin-left: 16px;
      padding: 0 18px;
    }
  }
}

.ems-components-new {
  .ivu-table-wrapper {
    .ivu-table-cell {
      white-space: nowrap;
      padding: 0px;
    }

    .ivu-table {
      td {
        height: 28px;
        color: #424656;
      }
    }
  }
  .ivu-tag-dot {
    height: 22px;
    line-height: 22px;
  }
  .ivu-tag-error {
    .ivu-tag-text {
      color: #f5222d
    }
  }
  .ivu-tag-warning {
    .ivu-tag-text {
      color: #1890ff
    }
  }
}

// 根据UI设计规范的全局表单基础样式 
.ivu-input::-webkit-input-placeholder {
  color: #999;
}
.ivu-input:focus, .ivu-input-number-focused {
  box-shadow: none !important;
  border-color: #ffa329 !important;
}
.ivu-input-number {
  box-shadow: none !important;
}
.ivu-input:hover, .ivu-input-number:hover, .ivu-input-number-focused {
  border-color: #ffa329 !important;
}
.ivu-input {
  border-color: #ddd !important;
  border-radius: 2px !important;
  padding-left: 8px;
}
.ivu-select-selection {
  height: 30px !important;
  box-shadow: none !important;
  border-radius: 2px !important;
}

// sys-lay-out 命名空间下输入框独立样式
.sys-lay-out {
  .ivu-input {
    width: 200px;
  }
  .ivu-input-wrapper {
    width: 200px;
  }
}

.ivu-input-number {
  .ivu-input-number-handler:hover {
    span {
      color: #F99C34;
    }
  }
}
.ivu-select-dropdown, .ivu-select-dropdown-transfer {
  min-width: 200px!important;
  box-shadow: 0px 2px 10px 0px rgba(66,70,86,0.15);
}
.ivu-form-item-label {
  margin-top:1px;
  font-size: 12px!important;
  color: #424656;
  font-family: 'PingFangSC', 'PingFangSC-Regular', "Microsoft YaHei", Arial, sans-serif;
}
.ivu-form-item-required .ivu-form-item-label{
  padding: 9px 12px 10px 0!important;
}
// 这是按钮的
.ems-btn {
  height: 32px;
  font-size: 14px;
  border-radius: 2px;
}
.ems-btn-medium,.ivu-btn {
  height: 28px!important;
  font-size: 12px!important;
  border-radius: 2px!important;
  padding: 0 10px!important;
}
.ems-btn-small {
  height: 24px;
  font-size: 12px;
  border-radius: 2px;
}

.ems-btn-type1,.ivu-btn-warning {
  background: #F99C34!important;
  color: #fff!important;
  border-color: #fff!important;
  font-weight: bold!important;
}
.ems-btn-type1:focus,.ivu-btn-warning:focus{
  box-shadow: none!important;
  background: #F59326!important;
  border-color: #F59326!important;
}
.ems-btn-type1:hover,.ivu-btn-warning:hover {
  background: #F59326!important;
  color: #fff!important;
  border-color: #F59326!important;
}

.ems-btn-type2 {
  background: #fff;
  color: #F99C34;
}
.ems-btn-type2:focus {
  box-shadow: none!important;
  background: #FEF5EA;
  border-color: #f99c34;
}
.ems-btn-type2:hover {
  background: #FEF5EA;
  color: #F99C34;
  border-color: #f99c34;
}

.ems-btn-type3,.ivu-btn-default {
  border: 1px solid #dddddd;
  background: #fff;
  color: #666666;
}
.ems-btn-type3:focus,.ivu-btn-default:focus {
  box-shadow: none!important;
  background: #fafafa;
  border: 1px solid #dddddd;
  color: #666;
}
.ems-btn-type3:hover,.ivu-btn-default:hover {
  background: #fafafa;
  color: #666;
  border: 1px solid #dddddd;
}
.ivu-btn:disabled {
  color: #999 !important;
  background: none !important;
  border: 1px solid #dddddd !important;
}
.ivu-btn:disabled:hover {
  color: #999;
}

// 这是复选框的
// 无状态
.ivu-checkbox-inner, .ivu-checkbox-inner:hover {
  border-color: #ddd !important;
}
// 聚焦
.ivu-checkbox-focus {
  box-shadow: none !important;
  .ivu-checkbox-inner {
    border-color: #ffa329;
  }
}
.ivu-checkbox-indeterminate {
  .ivu-checkbox-inner, .ivu-checkbox-inner:hover {
    border-color: #ddd !important;
  }
  // 聚焦
  .ivu-checkbox-focus {
    box-shadow: none !important;
    .ivu-checkbox-inner {
      border-color: #ffa329;
    }
  }

  // 被勾选
  .ivu-checkbox-inner {
    box-shadow: 0 0 0 1px rgba(255,163,41, .2) !important;
    border-color: #ffa329;
    background-color: #ffa329;
  }
}
// 被勾选
.ivu-checkbox-checked {
  .ivu-checkbox-inner {
    box-shadow: none !important;
    border-color: #ffa329 !important;
    background-color: #ffa329 !important;
  }
}
// 这是日历的
.ivu-date-picker-focused {
  .ivu-input {
    box-shadow: none !important;
    border-color: #ffa329 !important;
  }
}

// 日历相关
.ivu-date-picker-cells-focused em {
  box-shadow: 0 0 0 1px #F99C34 inset !important;
}
// 当天样式
.ivu-date-picker-cells-cell-today em:after {
  background: #F99C34 !important;
}
// 选中日期样式
.ivu-date-picker-cells-cell-selected em, .ivu-date-picker-cells-cell-selected:hover em {
  background: #F99C34 !important;
}
// 日期范围内样式
.ivu-date-picker-cells-cell:hover em,.ivu-date-picker-cells-cell-range:before{
  background: #feebd6 !important;
}
.ivu-date-picker {
  width: 100%;
  // 日历下拉面板
  .ivu-select-dropdown {
    box-shadow: 0px 2px 10px 0px rgba(66,70,86,0.15);
    // 面板头年月
    .ivu-date-picker-header {
      .ivu-date-picker-header-label, .ivu-date-picker-header-label {
        color: #000;
        font-weight: 500;
      }
      .ivu-picker-panel-icon-btn:hover {
        color: #F99C34 !important;
      }
    }
    .ivu-date-picker-cells-cell {
      em:hover {
        background: #feebd6;
      }
    }



    // 即是当天也是选中的样式
    .ivu-date-picker-cells-cell-today.ivu-date-picker-cells-cell-selected em:after {
      background: #fff;
    }
    // 周一到周日文字样式
    .ivu-date-picker-cells-header {
      span {
        color: #000;
        font-weight: 500;
      }
    }
  }
}

// 这是文件上传的
.ivu-upload-list-file:hover {
  span {
    color: #F99C34;
  }
}

// 表单错误校验提示
.ivu-form-item-error-tip {
  color: #FF5A5A;
  font-size: 12px;
}
.ivu-form-item-error {
  .ivu-input {
    border-color: #FF5A5A!important;
  }
}

// 这是全局toast提示
// .ivu-message-notice-content {
//   padding: 16px 24px;
//   font-size: 14px;
//   color: #212121;
//   font-weight: 600;
// }

// 这是分页的
ul.ivu-page.mini {
  .ivu-page-item{
    height: 16px;
    min-width: 16px;
    line-height: 14px;
    border: 1px solid transparent;
    border-radius: 2px;
    margin-left: 3px;
    a {
      color: #424656;
      margin: 0;
    }
    &:hover {
      border-color: #F99C34;
      a {
        color: #F99C34;
      }
    }
  }
  .ivu-page-item-active {
    background: #f99c34;
    a {
      color: #fff !important;
    }
  }

  .ivu-page-item-jump-prev:after,
  .ivu-page-item-jump-next:after {
    color: #424656;
    content: '\2022\2022\2022'
  }

  .ivu-page-options {
    font-size: 12px;
    // 每页数量
    .ivu-page-options-sizer {

      .ivu-select-selection {
        width: auto;
        height: 18px!important;
        border-radius: 2px;
        .ivu-select-selected-value {
          height: 16px!important;
          line-height: 16px!important;
        }
      }
    }
    // 分页电梯直达
    .ivu-page-options-elevator {
      
      input {
        width: 40px;
        height: 18px;
        line-height: 18px;
        border-radius: 2px;
        text-align: center;
        padding: 1px 4px;
        margin: 0 2px;
      }
      input:focus {
        text-align: left;
      }
    }

  }
}

.ivu-input-wrapper, .ivu-table td .ivu-input-wrapper {
  // 禁用只读表单框样式
  .ivu-input.ivu-input-disabled {
    background-color: rgba(0,0,0,0.04)!important;
    border: 1px solid #d6d8de!important;
    color: #424656!important;
  }
  .ivu-input.ivu-input-disabled:hover {
    border: 1px solid #d6d8de!important;
  }
}

.ivu-select-disabled {
  .ivu-select-selection {
    background-color: rgba(0,0,0,0.04)!important;
    border: 1px solid #d6d8de!important;
    color: #424656!important;
  }
  .ivu-select-selection:hover {
    border: 1px solid #d6d8de!important;
  }
}
.ivu-table-cell{
 padding: 0 12px 0 0 !important;
}
//
.ivu-tree-title-selected {
  background-color: #FEEBD6;
}
.ivu-tree-title-selected:hover {
  background-color: #FEEBD6!important;
}
.ivu-tree-title:hover {
  background-color: #FEF5EA;
}
.ivu-select-item-selected,.ivu-select-item-selected:hover {
  color: #f90 !important;
  background: #fff !important;
}
.ivu-select-visible .ivu-select-selection{
  border-color: #f90 !important;
}
.ivu-select-item-selected, .ivu-select-item-selected:hover{
  color: #f90;
  background: #fef5ea;
}
.ivu-select-item{
  font-size: 12px !important;
}
.ivu-select-item:hover{
  background: #fafafa;
}

.ivu-btn:focus{
  box-shadow:inherit;
}
.ivu-input:hover,.ivu-select-selection-focused, .ivu-select-selection:hover,.ivu-input:focus{
  border-color: #f90 !important;
}
.ivu-btn-ghost.ivu-btn-default{
  border: 1px solid #dddddd !important;
  color: #666666 !important;
}
.ivu-btn-ghost.ivu-btn-default:hover{
  background: #fafafa !important;
  border: 1px solid #dddddd !important;
}
.ivu-btn-ghost.ivu-btn-warning:hover{
  background: #fef5ea !important;
  border: 1px solid #f99c34 !important;
}
.ivu-tag-red.ivu-tag-dot,.ivu-tag-green.ivu-tag-dot{
  line-height: 20px;
  height:20px;
}
.ivu-tag-size-small.ivu-tag-red.ivu-tag-dot,.ivu-tag-size-small.ivu-tag-green.ivu-tag-dot{
  line-height: 20px;
}
.ivu-table {
  font-size:12px!important;
}
.ivu-table-header-resizable {
  height: 40px!important;
  right:-9px !important;
  &::before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-10px);
    width: 1px;
    height: 20px;
    opacity: 0.12;
    background: #424656;
  }
}
.ivu-table thead th{
  border-bottom: 0!important;
  height: 40px !important;
  background: #f5f5f5;
  padding: 0 8px!important;  
}
.ivu-table td{
  padding: 0 8px;
  height: 38px !important;  
  border-bottom: 1px solid #f5f5f5;
  // 定义table里面嵌套的表单输入框等 宽度自适应列宽 边框交互修改
  .ivu-input-wrapper {
    width: 100%;
    .ivu-input {
      width: 100%;
      // border-color: #fff !important;
    }
    .ivu-input:hover {
      border-color: #ffa329 !important;
    }
  }
  .ivu-select-selection {
    width: 100%;
  }
}
.ivu-select-multiple .ivu-select-selection .ivu-select-placeholder,.ivu-input,.ivu-select-single .ivu-select-selection .ivu-select-placeholder, .ivu-select-single .ivu-select-selection .ivu-select-selected-value{
  font-size:12px!important;
}
.ivu-select-selected-value, .ivu-select-placeholder {
  height: 30px !important;
  line-height: 28px !important;
}
.no_bottom .ivu-form-item{
  margin-bottom: 0px!important;
}
.ivu-form-item{
  margin-bottom: 16px;
}
.ivu-form-item-error-tip{
  padding-top: 4px!important;
}
.ivu-switch-checked{
  border-color:#f90!important;
  background:#f90!important;
}
.ivu-input:not(textarea), .ivu-select-input{
  height: 30px!important;
  font-size: 12px!important;
}

.ivu-poptip-content{
  box-shadow: 0px 2px 10px 0px rgba(66,70,86,0.15);
}
.ivu-tabs-ink-bar {
  background-color: #F99C34;
  box-shadow: 0px 2px 5px 0px rgba(249,156,52,0.5);
}
.ivu-tabs-nav .ivu-tabs-tab.ivu-tabs-tab-active {
  color: #F99C34;
  font-weight: 600;
}
.ivu-tabs-nav .ivu-tabs-tab {
  color: #7d8292;
}
.ivu-tabs-nav .ivu-tabs-tab:hover {
  color: #F99C34;
  opacity: 0.6;
}
.ivu-input-number-input,.ivu-input-number-input-wrap,.ivu-input-number{
  height:30px;
  line-height: 30px;
}

// 灰掉的时候 placeholder文字不要显示出来...
input[disabled]::-webkit-input-placeholder,input[disabled]::-webkit-input-placeholder,.ivu-select-disabled .ivu-select-placeholder{
  color: transparent!important;
}
//---ivew相关----------
.admin{
  .txt_right,.txt_right input{
    text-align: right;
  }
  .ivu-col{
    display: flex;
  }
  .ivu-form-item{
    flex: 1;
  }
}

// 自己的------------------------------
.browse {
  .ivu-form-item-label{
    color: #9D9FA7!important;
  }
  .ivu-form-item-content{
    color: #424656;
    font-size:12px;
    height: 20px;
    line-height: 35px;
  }
}

.data-select .ivu-select-input{
  top:-1px
}
.page_title{
  height: 60px;
  line-height: 22px;
  vertical-align: middle;
  width: 100%;
  background: #f8f9fe;
  z-index:4;
  position: relative;
}
.page_content{
  padding: 40px 10px 25px;
  background: #fff;
  border-radius: 4px;
}

.page_title_buttons{
  position: absolute;
  top:14px;
  right:0;
}
.page_title_buttons button{
  margin-left:16px;
}
.page_title .page_title_txt{
  display: inline-block;
  height: 60px;
  line-height: 60px;
  color:#333;
  font-weight: 500;
  font-weight: bold;
  font-size: 16px;
}

// .white_btn{
//   font-size: 14px;
//   line-height: 22px;
//   text-align: center;
//   color:#666 !important;
//   border: 1px solid #ddd !important;
//   padding:5px 16px !important;
//   height: 32px !important;
// }
// .white_btn:hover{
//   background: #fafafa !important;
//   border: 1px solid #dddddd !important;
// }
// .less_btn{
//   font-size: 14px;
//   line-height: 22px;
//   text-align: center;
//   border: 1px solid #F99C34 !important;
//   color: #F99C34 !important;
//   padding:5px 16px !important;
//   height: 32px !important;
// }
// .less_btn:hover{
//   background: #fef5ea !important;
//   border: 1px solid #f99c34 !important;
// }

.btn-box{
  text-align: right
}
.btn-box button {
  margin: 0 0 16px 16px;
}

// 资源权限 勿删 -- zhou
.isHideResource{
  display: none !important;
}

//兼容老的emstab

html .emstable-wrap .search-form {
  margin-bottom: 10px;
  overflow: hidden;
}
.search-form form{
  height: auto !important;
}
.emstable-wrap-new .search-form form{
  height: 42px !important;
}
.emstable-wrap-new  .search-form.expand form {
  height: initial !important;
}