weaver_trunk_cli/pc4mobx/hrmAttendance/style/common.less

.hrm_module_container{
  width: 100%;
  height: 100%;
}
.searchGroup {
  width: 100%;
  padding: 8px 0px;

  .radioGroupShow{
    text-align: center;
    line-height: 30px;
    margin-bottom: 8px;
    background-color: #f4f4f4;
    color: #333;

    span{
      padding: 3px;
      cursor: pointer;
    }
  }

  .radioGroupHide{
    margin-bottom: 0px;
  }

  .wea-form-item-wrapper {
    padding: 0px;
    & > div {
      padding-left: 8px;
    }
  }
  .displaySetting {
    display: table;
    border-collapse: collapse;
    width: 100%;
    & > div {
      display: table-row;
      border-bottom: 1px solid rgb(221, 221, 221);
      width: 100%;
      .tbCell {
        display: table-cell;
        vertical-align: middle;
        word-wrap: break-word;
        white-space: nowrap;
        padding: 8px;
        &:first-child {
          padding-left: 14px;
        }
        &:last-child {
          word-break: normal;
          white-space: normal;
        }
        .wea-select {
          margin-top: 0px;
        }
      }
      &:last-child {
        border-bottom: none;
      }
    }
  }
}
.hrm-import-circle{
  width: 20px;
  height: 20px;
  padding-left: 6px;
  background-color: #D8D8D8;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.hrm-date-picker .wea-date-picker{
  width:100%;
}

.hrm-admin-decentralization-searchgroup .wea-content{
    width: 56%;
    margin-left: 20%;
    position: relative;
    padding: 24px 10px;
}

.hrm-admin-decentralization-searchgroup .wea-search-group .wea-form-cell{
    min-height: 46px;
}

.hrm-wea-alert-page .ant-spin-nested-loading{
  height: 100%;
}

.hrm-wea-alert-page .ant-spin-container{
  height: 100%
}

.hrm-wea-alert-page{
  height: 100%
}

.tabBtn{
  cursor: pointer;
  // padding:4px;
  font-size: 20px;
  position: relative;
  top: 6px;
  right: 15px;
  &-disable{
    color:#D8D8D8;
    cursor: not-allowed;
  }
  &-active{
    color:#34A2FF;
  }
}

.tabPane{
  position: absolute;
  top: 100px;
  bottom: 0;
  width: 100%;

  &-dialog, &-include{
    top: 47px;
  }
  &-single {
    bottom: 60px;
  }

  .formItem{
    width: 100%;
    &>div{
      float: left;
      margin-right: 10px; 
    }
    .oneColInput{
      width: 40%;
      &-dropdown{
        width: 120px;
      }
    }
    .switch{
      width: 50px;
    }
    .multi{
      &>div{
        float: left;
        height: 30px;
        line-height: 30px;
        margin-right: 3px; 
      }
      .num{
        width: 60px;
      }
      .refreshVerificationCode{
        margin-left: 10px;
        cursor: pointer;
        font-size: 16px;
        padding-top: 3px;
      }
      img{
        cursor: pointer;
      }
    }
  }
}

.formInfo{
  height: 100%;
}

.rightLayOut{
  width: 100%;
  height: 100%;
}

@media screen {
  @media (max-height: 700px) {
    .tabPane {
      top: 93px;
      &-dialog, &-include{
        top: 47px;
      }
    }
  }
}

.horLayout{
  &>div{
    float: left;
  }
}

.hrm-loading-center{
  position: absolute;
  top:50%;
  left:50%;
  margin-left:-16px;
  margin-top: -16px;
}

.hrm-loading-center-small{
  position: absolute;
  top:50%;
  left:50%;
  margin-left:-8px;
  margin-top: -8px;
}

.hrm-searchp-form .ant-calendar-picker{
    width: 100%;
}

.hrm-searchp-form .wea-required-e9{
    display: inline;
}

.hrm-searchp-form .wea-date-picker {
    width: 100%;
}

.hrm-searchp-form .wea-search-group .wea-content{
    padding: 25px 0;
}

.hrm-form-date .wea-date-picker {
    width: 100%;
}

.hrm-form-english .wea-form-item .wea-form-item-label{
  padding-right: 15px;
}

.hrm-form-english-lg .wea-form-item .wea-form-item-label{
  padding-right: 25px;
}

.hrm-print {
  height: 100%;
}

.hrm-print .wea-right-menu-wrap{
  overflow-y: auto;
}

.hrm-special-form{
    padding: 0 !important;
    margin-bottom: 0 !important;
}

.hrm-holiday-rule-form-input{
    width: 112%
}

.hrm-holiday-rule-form-input .wea-input-number{
  width:75px !important;
}

.hrm-customized-input{
  padding: 4px 0;
}

.hrm-customized-input .wea-input-number{
  width: 60px !important;
  margin: 0 10px;
}

.hrm-customized-input-mix .wea-input-number{
  width: 40px !important;
  margin: 0 10px;
}

.holiday-link{
  cursor: pointer;
  color: #2D7AD8;
}

.holiday-link:hover{
  color: #2DB7F5;
}

.hrm-customize-input .wea-input-number{
    width: 70%
}

.hrm-select-short .wea-select{
  width:74px !important;
}

.hrm-overtime-input{
  width: 130%
}

.hrm-overtime-input .wea-input-number{
  width:50px !important;
}

.amap-sug-result{
  z-index: 1050 !important;
}

.hrm-tree-tab .ant-tabs-nav{
    width: 100%
}

.hrm-tree-tab .ant-tabs-nav .ant-tabs-tab{
     width: 50%
}

.hrm-tree-tab  .ant-tabs-tab-inner{
    text-align: center;
}

.hrm-over-flow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}


.vacation-balance a{
  text-decoration:none; 
  color:#333; 
}

.vacation-balance a:hover{
  cursor: pointer;
  color:  #2db7f5;
}