:global{
  html, body, #root {
    font-size: 16px;
    height: 100%;
  }
  @media screen and (min-width:360px){
    html{ font-size:48%;}
  }
  @media screen and (min-device-width: 375px){
    html{ font-size:50%;}
  }
  @media screen and (min-device-width: 384px){
    html{ font-size:51.2%;}
  }
  @media screen and (min-width:412px){
    html{ font-size:54.9%;}
  }
  @media screen and (min-device-width: 414px){
    html{ font-size:55.2%;}
  }
  @media screen and (min-width:480px){
    html{ font-size:64%;}
  }
  @media screen and (min-width:600px){
    html{ font-size:80%;}
  }
  @media screen and (min-width:640px){
    html{ font-size:85.3%;}
  }
  @media screen and (min-width:720px){
    html{ font-size:96%;}
  }
  @media screen and (min-width:768px){
    html{ font-size:90%;}
  }
  @media screen and (min-width:800px){
    html{ font-size:100%;}
  }
  @media screen and (min-width:900px){
    html{ font-size:106.7%;}
  }
  .buttons{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #383d41;
    .sActiveIdStyle + input{
      display: block;
    }
  }
  .oeeBill{
    .ant-table-pagination.ant-pagination{
      position: sticky!important;
    }
  }

  #commonReport{
    #oeeHeader{
      .ant-tabs-nav-operations{
        display: none;
      }
    }
    .ant-table-header{
      .ant-table-cell{
        font-size: 1rem;
      }
    }
    .ant-table-body{
      //max-height: 100%!important;
      td{
        font-size: 1rem;
        .ant-select-selection-item,input{
          font-size: 1rem!important;
        }
      }
    }

    .table .xly-normal-list>.ant-row{
      margin: 0 !important;
    }
    .xly-normal-list, .xly-tab-table .topTable {
      .ant-table-content {
        tr{
          font-size: 1rem;
          th{
            div, div  .ant-select-selection-selected-value{
              font-size: 1rem;
              display: flex;
              align-items: center;
            }
          }
          td,td .ant-input[disabled],td .ant-input-number-input[disabled],td .ant-input-number{
            font-size: 1rem !important;
            border-right: none!important;
          }
          height: 3rem;
        }
        .selected-record-row td div{
          font-size: 1rem;
        }
        overflow-x: auto !important;
      }
    }

    .table .ant-table-scroll{
      padding-bottom: 0px !important;
      .ant-table-body {
        height: 94%;
        overflow-x: auto !important;
      }
      .ant-table-footer{
        bottom: 30px;
        background: red;
      }
    }
    .table .xly-normal-list{
      height: calc(78.8vh);
    }
    /* 入库标签打印样式 */
    .printLayout .topTable{
      //height: calc(78vh) !important;
      height:100% !important;
      overflow-y: hidden!important;
      .ant-table-body{
        height: calc(71vh) !important;
        overflow-y: auto!important;
      }
    }
    .xly-normal-list .topTable{
      height: 100% !important;
    }
    .xly-normal-list .topTable .ant-spin-nested-loading .ant-spin-container .ant-table{
      height: 100% !important;
    }
    .xly-normal-list .topTable .ant-table-pagination.ant-pagination{
      height: 10% !important;
    }
    .ant-table-header, .ant-table-body{
      width: 100%;
    }
    .buttons{
      .ant-tabs{
        width:  ~"calc(100% - 1px)"!important;
        background: #fff;
        .ant-tabs-nav{
          height: calc(11.5vh);
          margin-bottom: 0;
          .ant-tabs-nav-wrap{
            height: 100%;
            .ant-tabs-nav-list{
              background: #383d41;
              width: 100%;
              height: 100%;
              display: block;
              .ant-tabs-tab:first-child{
                width: 13.2%;
                width: max-content;
              }
              .ant-tabs-tab + .ant-tabs-tab{
                margin: 0;
              }
              .ant-tabs-tab{
                width: 11.1%;
                height: 100%;
                padding: 0 !important;
                display: inline-block;
                .ant-tabs-tab-btn{
                  height: 100%;
                }
                span{
                  width: 100%;
                  display: table;
                  height: 100%;
                  a{
                    width: 100%;
                    height: 100%;
                    display: block;
                    color: #fff;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    font-size: 1rem;
                    img{
                      width: 2rem;
                    }
                  }
                }
              }
              .ant-tabs-tab:nth-last-child(2) {
                float: right;
              }
              .ant-tabs-tab:nth-last-child(3) {
                float: right;
              }
            }
          }
        }
      }
    }
  }
}
.btnBrints{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.btnBrint {
  width: 100% !important;
  background: #a61d24;
  font-size: 1.1rem !important;
}
.currenSetting{
  background: #339967;
}
.reportWork{
  background: #faad14;
}
.processReport{ // 工序任务
  background: #006d75;
}
.addSetting{
  background: #177ddc;
  i{
    position: absolute;
    bottom:-2px;
  }
}
.updatePassWord{
  background: #49aa19;
}
.firstThing{
  background: #9254de;
}
.wagesSearch{
  background: #177ddc; /* fa8c16 */
  i{
    position: absolute;
    bottom:-2px;
  }
}
.fileManage{
  background: #d46c00;
  i{
    position: absolute;
    bottom:-2px;
  }
}
/* 主页下拉DropDown样式 */
.indexMenuStyle{
  li{
    padding: 2px 4px;
  }
  a{
    display: flex;
    flex-direction:row;
    align-items: center;
    height: 2.5rem!important;
    font-size: 1rem!important;
    text-align: center;
    color: #fff;
    padding-right: 20px;
    img{
      width: 2rem;
      margin-right:15px;
    }
  }
}
.affixMenuIcon{
  svg{color:#fff}
}
.mychart{
  width: 50%;
  margin: 0 auto;
  padding-top: 10px;
}

//.startWork{
//  background: #177ddc;
//}
//.searchWordOarder{
//  background: #49aa19;
//}
//.detailProcess{
//  background: #49aa19;
//}
//.closeReport{
//  background: #cc3467;
//}
.loginOut{
  width: 3rem;
  height: 2.5rem;
  background: #cc3467;
  align-self: flex-end;
}
:global{
  .oeeAffixBtnContainer{
    position: relative;
  }
  .oeeAffixContainer{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    .oeeAffixContainerBtn{
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      span{
        width: 100%;
        height: 100%;
        display: block;
      }
    }
  }
  /* 1带N列表 */
 .listTabs .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list {
    background: none!important;
    width: 100%;
    height: auto!important;
    display: block;
   text-align: center!important;
  }
  .listTabs .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab{
    height: 30px!important;
    line-height: 30px!important;
    width: 200px!important;
  }
  .listTabs .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab:nth-last-child(2){
    float: left!important;
  }
  .listTabs .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab:nth-last-child(3){
    float: left!important;
  }

}

.bottomBtns{
  height: calc(9.7vh);
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #bfbfbf;
  padding: 0 0.69rem;
  z-index: 999;
  .iputScan {
    position: relative;
    width: 20%;
    input{
      height:6.7vh!important;
      font-size:1.1rem
    }
    .faceReg{
      width: 2.5rem;
      position: absolute;
      right: 1rem;
      z-index: 1;
      top: 6%;
      img{
        width: 100%!important;
      }
    }
  }
  .btnBrints{
    a, button{
      cursor: pointer;
      width: 10.4%;
      height: 6.7vh;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 1.1rem;
      color: #fff;
      margin-right: 0.5rem;
      border: none;
    }
    a[disabled]{
      //cursor: wait!important;
      pointer-events:initial;
    }
  }
  .rightDo{
    background: #26bf69;
    display: block;
    width: 7rem;
    display: flex;
    height: 6.7vh;
    justify-content: center;
    margin-left: 1rem;
    border-radius: 5px;
  }
  .oeeCurrentState{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    a{
      width: 14.2%;
      height: 6.7vh;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 1.1rem;
      color: #fff;
      margin-right: 0.5rem;
      img{
        width: 100%;
      }
    }
    a.btnIcon{
      width: auto;
      padding: 0 0.5rem;
      img{
        width: 1.5rem;
      }
    }
  }
}

/* OEE单据ToolBar工具栏 */
.oeeBillToolBar{
  height: calc(9.7vh);
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  background: #bfbfbf;
  padding: 0 0.69rem;
  svg{
    display: none;
  }
  .iputScan {
    position: relative;
    width: 20%;
    input{
      height:6.7vh!important;
      font-size:1.1rem
    }
    .faceReg{
      width: 2.5rem;
      position: absolute;
      right: 1rem;
      z-index: 1;
      top: 6%;
      img{
        width: 100%!important;
      }
    }
  }
  .rightDo{
    background: #26bf69;
    display: block;
    width: 7rem;
    display: flex;
    height: 6.7vh;
    justify-content: center;
    margin-left: 1rem;
    border-radius: 5px;
  }
  .oeeCurrentState{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    a{
      width: 14.2%;
      height: 6.7vh;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 1.1rem;
      color: #fff;
      margin-right: 0.5rem;
      img{
        width: 100%;
      }
    }
    a.btnIcon{
      width: auto;
      padding: 0 0.5rem;
      img{
        width: 1.5rem;
      }
    }
  }
}
.toolMenu{
  background: none;
  border: none;
  width: 800px;
  li{
    cursor: pointer;
    width: 20.4%;
    height: 6.7vh;
    line-height: 6.7vh;
    display: flex;
    flex:1;
    justify-content: center;
    align-items: center;
    font-size: 1.1rem;
    color: #fff;
    margin-right: 0.5rem;
    //background: rgb(0, 111, 200);
    border: none;
    color: #fff;
    text-align: center;
    a[disabled]{
      //cursor: wait!important;
      pointer-events:initial;
    }
  }
  li:hover{
    //background: rgb(0, 111, 200)!important;
  }
  li[aria-disabled='true']{
    background: rgb(153, 153, 153)!important;
    color:#ffffff;
  }
  li[aria-disabled='true']:hover{
    //background: transparent!important;
  }
}


.searchComponent{
  width: 35.5%;
  height: 6.7vh;
  margin-right: 0.5rem;
  input{
    height: 100%;
  }
}

// 开工编辑页面
:global{
  .picturesPadding {
    padding-top: 5rem;
  }

  .ant-modal-wrap{
    .ant-modal{
      top: 50px;
    }
  }
  .employee-table{
    .ant-row{
      overflow-y: auto;
    }
  }
  .employee-table .ant-table-body {
    overflow-y: auto!important;
  }
  .employeeStateLayout{
    //height: calc(88.5vh - 12);
    margin: 10px;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    //align-items: center;
    flex-direction: row;
    .employeeState{
      width: 40%;
      margin-right: 10px;
      height: 100%;
      border: 1px solid #d9d9d9;
      display: flex;
      flex-direction: column;
      .xly-tab-table{
        //height: 54%;
        .topTable {
          overflow-y: hidden !important;
          height:100%!important;
        }
        /* 滚动条相关 */
        .ant-table-scroll {
          .ant-table-body {
            max-height: 23vh !important;
            overflow-x: auto !important;
            overflow-y: auto !important;
          }
        }
      }
      .ant-select-selection--single{
        border: none !important;
      }
      .ant-form-item {
        margin: 0 !important;
        .ant-form-item-control-wrapper{
          width: 100% !important;
        }
      }
      .ant-input-number-input-wrap {
        font-size: 1rem !important;
      }
      .ant-select-selection__rendered {
        font-size: 1rem !important;
      }
    }

    .upEmployeeState{
      flex: 1;
      height: 100% !important;
      display: flex;
      flex-direction: column;
      .warn-bar{
        width: 100%;
        height: 4rem;
        overflow: hidden;
        border: 2px solid #cecece;
        padding:4px;
        background: #e8e8e8;
        .action-bar{
          float: right;
          .action-item{
            font-size: 1.4rem;
            color: #333;
            float: left;
            width: 4rem;
            //line-height: 4rem;
            line-height: 3.2rem;
            text-align: center;
            img{
              width: 2rem;
              cursor: pointer;
            }
          }
        }
        .warn-tips{
          float: left;
          background: #fdfdfd;
          width: ~'calc(100% - 12rem)';
          height: 4rem;
          line-height: 3.1rem;
          color: red;
          padding-left: 0.8rem;
          padding-right: 0.8rem;
          font-size: 1.5rem;
        }
      }
      .countTimeContainer{
        width: 100%;
        height: 3rem;
        background: #ededed;
        .input{
          width: ~'calc(30% + 3rem)';
          height: 3rem;
          float: left;
          .codeList{
            width: ~'calc(100% - 3rem)';
            float: left;
            overflow-x: hidden;
            overflow-y: auto;
            border-right: 2px solid rgb(206, 206, 206);
            border-bottom: 2px solid rgb(206, 206, 206);
            height: 8.15rem;
            .codeListItem{
              width: 100%;
              height: 2rem;
              background: #fff;
              input{
                width: 100%;
                height: 100%;
                color: #777;
                padding-left: 0.4rem;
                padding-right: 0.4rem;
                border-radius: 0;
                font-size: 1.2rem;
              }
            }
          }
          #codeInsert{
            width: 0;
            height: 0;
            opacity: 0;
            visibility: hidden;
          }
          img{
            width: 2.6rem;
            margin-top: 0.2rem;
            float: right;
          }
        }
        .time{
          //width: ~'calc(100% - 20rem)';
          width: 12rem;
          float: right;
          height: 3rem;
          color: #a8d691;
          line-height: 3rem;
          font-size: 2rem;
          font-weight: bold;
          text-align: center;
        }
      }
      a{
        width: 33.33%;
        margin-top: 10px;
      }
      .ant-row{
        margin-bottom: 0 !important;
        .ant-form-item-label{
          border: 1px solid #d0d0d0;
          background: #d9d9d9;
          height: 2.5rem;
          line-height: 1.9rem;
          width: 30% !important;
          text-align: right!important;
          label{
            font-size: 1rem !important;
            font-weight: bold;
          }
        }
        .ant-input-number, .ant-input, .ant-select:not(.ant-select-customize-input) .ant-select-selector{
          border-right: none;
          border-left: none;
        }
        .ant-select:not(.ant-select-customize-input) .ant-select-selector{
          padding: 0px 4px;
        }
        .ant-input-number, .ant-form-item-control-input-content{
          input{
            height: 2.5rem !important;
            font-size: 1rem !important;
          }
        }
        .ant-select-selector{
          height: 2.5rem !important;
          .ant-select-selection-item{
            height: 100%;
            line-height: 2.5rem;
            font-size: 1rem;
          }
        }
        .ant-form-item-control-wrapper{
          height: 2.5rem;
          width: 70% !important;
        }
      }
    }
  }
}


.settingBg{
  background: #d9d9d9;
}
.configsItem{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  border: 1px solid #d0d0d0;
  .configName{
    width: 30%;
    border-right: 1px solid #d0d0d0;
    padding: 0.2rem;
    align-items: center;
    display: flex;
  }
  .configValue{
    padding: 0.2rem;
    width: 70%;
    input{
      width: 100%;
      border: none;
    }
  }
}
.configsValue{
  //height: 56%;
  //overflow-y: auto;
  font-size: 1rem;
  font-weight: bold;
  //max-height: 60%;
  //overflow-y: auto;
}
.countTime{
  background: #d9d9d9;
  color: #49aa19;
  font-size: 3rem;
  height: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
.pictures{
  width: 30%;
  border: 1px solid #d0d0d0;
  .picturesItem{
    width: 100%;
    height: 53%;
    border: 1px solid #d0d0d0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    font-weight: bold;
    color: #ababab;
  }
}
.setTypes{
  flex: 1;
  overflow-y: auto;
}
.stausMenus{
  //width: 500px;
  font-size: 2rem;
  text-align: center;
}
.changeStatus{
  position: relative;
  icon{
    position: absolute;
    top:-2px;
    font-size: 2rem;
  }
}
:global{
  html, body, #root {
    font-size: 16px;
    height: 100%;
  }
  @media screen and (min-width:360px){
    html{ font-size:48%;}
  }
  @media screen and (min-device-width: 375px){
    html{ font-size:50%;}
  }
  @media screen and (min-device-width: 384px){
    html{ font-size:51.2%;}
  }
  @media screen and (min-width:412px){
    html{ font-size:54.9%;}
  }
  @media screen and (min-device-width: 414px){
    html{ font-size:55.2%;}
  }
  @media screen and (min-width:480px){
    html{ font-size:64%;}
  }
  @media screen and (min-width:600px){
    html{ font-size:80%;}
  }
  @media screen and (min-width:640px){
    html{ font-size:85.3%;}
  }
  @media screen and (min-width:720px){
    html{ font-size:96%;}
  }
  @media screen and (min-width:768px){
    html{ font-size:90%;}
  }
  @media screen and (min-width:800px){
    html{ font-size:100%;}
  }
  @media screen and (min-width:900px){
    html{ font-size:106.7%;}
  }
  .oeeDropDown{
    .ant-select-item{
      font-size: 1rem!important;
    }
  }
  // 选择员工页面
  #oeeModalChooseProcess .FastFilter1{
    width: auto !important;
    left: 82% !important;
  }
  #oeeModalChooseProcess .ant-row > button{
    width: 29px;
  }
  #oeeModalChooseProcess .ant-row{
    .ant-col-24 button{
      width: 100% !important;
    }
  }

  // 搜索组件样式
  .oeeSearchInput {
    display: flex;
    .sActiveIdStyle{
      display: none !important;
    }
    input{
      height: 6.7vh !important;
      background: #fff !important;
      font-size: 1.1rem;
    }
    .changeClassName{
      width: 70%;
    }
    .input24 {
      width: 100%;
    }
    .oeeSearch{
      width: 25%;
      height: 6.6vh;
      color: #fff;
      margin-left: 0.5rem;
      a{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.1rem;
        color: #fff;
      }
    }
  }
}
// 工资查询
.dateDiv{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 1rem;
}
.dateDiv > div, .dateDiv > div > div{
  width: 100%;
  label{
    font-weight: bold;
  }
}
.dateDiv:last-child{
  margin-bottom: 0 !important;
}
:global{
  .dateModal{
    .ant-modal-body{
      .ant-row{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        .ant-col-7{
          width: 17% !important;
        }
      }
    }
    .ant-modal-footer{
      display: flex;
      align-items: center;
      justify-content: center;
      div:first-child{
        width: 32%;
      }
    }
  }
}

.blankPanel {
  :global {
    .ant-form-item-label{
      border: 1px solid #d0d0d0;
      background: #d9d9d9;
      height: 2.5rem;
      line-height: 1.9rem;
      width: 30% !important;
      text-align: right!important;
      label{
        font-size: 1rem !important;
        font-weight: bold;
      }
    }
    .ant-input-number, .ant-input, .ant-select:not(.ant-select-customize-input) .ant-select-selector{
      border-right: none;
      border-left: none;
    }
    .ant-select:not(.ant-select-customize-input) .ant-select-selector{
      padding: 0px 4px;
    }
    .ant-input-number, .ant-form-item-control-input-content{
      input{
        height: 2.5rem !important;
        font-size: 1rem !important;
      }
    }
    .ant-select-selector{
      height: 2.5rem !important;
      .ant-select-selection-item{
        height: 100%;
        line-height: 2.5rem;
        font-size: 1rem;
      }
    }
    .ant-form-item-control-wrapper{
      height: 2.5rem;
      width: 70% !important;
    }
  }
}