@import "~@/variable.less";

:global {
  .toolbarIcon {
    width: 13px;
    height: 13px;
    display: inline-block;
    fill: #fff;
    margin-right: 3px;
    position: relative;
    top: 2px;
  }

  .commonNewBillContainer {
    .ant-form-item-control-input-content {
      .ant-input-number {
        width: 100% !important;
      }
    }
  }

  .homeTab {
    width: 80px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;

    span {
      margin-left: 8px;
    }
  }

  .homeTab__active {
    color: var(--xly-skin-active-color, #1890FF);
  }

  .mainTabWrap {
    &>.ant-tabs-nav {
      .ant-tabs-tab {
        &:first-child {
          display: none;
        }
      }
    }
  }

  .placeHidden {
    opacity: 0;
    visibility: hidden;
  }

  .ant-tabs-dropdown-menu {
    padding: 0px !important;
  }

  // 空表单margin高度改为0
  .ant-empty-normal {
    margin: 0 !important;

    .ant-empty-image {
      display: none;
    }
  }

  .custom-collapse {
    .ant-collapse-item {
      border-bottom: 1.5px solid #f5f5f5;
    }

    .ant-collapse-content-box {
      padding: 0;
    }

    .ant-collapse-header {
      font-size: 14px;
      font-weight: bold;
      background: rgba(204, 204, 204, 1);
    }

    .ant-collapse-content {
      border-top: none;
    }

    .ant-table-container {
      border-left: none !important;
    }

    .ant-collapse-extra {
      margin-left: 8px !important;
    }
  }

  div,
  span,
  p,
  input,
  textarea {
    font-family: @font_family !important;
  }

  #slaveTabs {
    margin-top: 8px;
    height: auto;
  }

  tr.ant-table-measure-row {
    td {
      padding: 0;
    }
  }

  tr:not(.ant-table-measure-row) {
    td {
      padding: 4px;
    }
  }

  .xly-bill-list,
  .xly-workorder-list,
  .other-list,
  .productPlan {
    td {
      padding: 0 !important;
    }
  }

  // 处理表单详情的样式问题开始
  button.ant-table-row-expand-icon {
    margin-left: ~'calc(50% - 9px)';
  }

  .ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
    margin: 0 0 0 47px;
  }

  .ant-table-bordered .virtuallist>table>.ant-table-tbody>tr>td {
    border-right: 1px solid #AAA !important;
  }

  // 处理表单详情的样式问题结束

  .ant-input {
    padding: 3px 4px;
  }

  .ant-input-number-input {
    padding: 3px 4px;
    font-size: 12px;
  }

  .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    //padding: 3px 4px;
  }

  td {

    .ant-input:focus,
    .ant-input-focused {
      border: none;
      box-shadow: none;
    }

    .ant-picker-focused {
      border: none;
      box-shadow: none;
    }

    .ant-select-focused {
      border: none;
      box-shadow: none;
      outline: none;

      .ant-select-selector {
        border: none;
        box-shadow: none !important;
        outline: none;
      }
    }

    .ant-input-number-focused {
      border: none;
      box-shadow: none;
    }

    .ant-select:not(.ant-select-customize-input) .ant-select-selector {
      padding: 0 4px;
      border: none;
      line-height: 26px;
      height: 26px;
      background-color: transparent;
    }

    .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
      line-height: 26px;
      height: 26px;
      background-color: transparent;
    }

    .ant-input {
      border: none;
      background-color: transparent;
    }

    .ant-input-number {
      border: none;
      background-color: transparent;
    }

    .ant-picker {
      border: none;
      padding: 3px 4px 3px;
      background-color: transparent;
    }
  }

  .noInput {
    padding: 0 4px 0 4px;
    max-width: 100%;
    min-height: @cell-height;
    line-height: @cell-height;
    display: block; // inline-block会引发line-height问题
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;

    &>span {
      padding: @td_padding_sub;
    }
  }
  .readonlyStyle{
    .ant-form-item-control-input-content {
      input[disabled] {
      background: #f1f2f8 !important;
     }
    }
     
  }
  input[disabled] {
    color: #000 !important;
    background: #fff !important;
    font: 12px @font_family;
    line-height: 1.66667;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  textarea[disabled] {
    color: #000 !important;
  }

  .ant-select-selector {
    color: #000 !important;
  }

  .ant-form-item-control-input-content {
    //height: 100%;
    min-height: @cell-height;
    line-height: @cell-height;
  }

  tbody {
    color: #000;
    font-size: 12px;

    tr:not(.selected-record-row):not(.ant-table-expanded-row-level-1):not(.SetRow_mesBlue):not(.SetRow_mesOrange):not(.xunjianclass) {
      &:hover {
        background: #E2F6FF !important;

        td {
          background: #E2F6FF !important;
          font-weight: bold;
        }

        .sActiveIdStyle {
          background: #E2F6FF !important;
        }
      }
    }

    .ant-input-number {
      max-width: 100%;
    }

    input[disabled] {
      border: none;
      padding: @td_padding_sub;
      background: transparent !important;
    }

    button[class*='ant-table-row-expand-icon']+.changeClassName {
      display: inline;
    }

    .changeClassName {
      .ant-checkbox {
        padding: @td_padding_sub;
      }
    }

    .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
      background-color: transparent;
      color: #000 !important;
    }

    .ant-select-single .ant-select-selector .ant-select-selection-search {
      left: 4px;
      background-color: transparent;
      line-height: @cell-height;
      display: flex;
    }

    .sActiveIdStyle {
      height: 100%;
      max-width: 100%;
      padding: @td_padding_sub;
      font-size: 12px;
      z-index: 9;
      white-space: nowrap;
      word-break: break-all;
      text-overflow: ellipsis;
      overflow: hidden;
      background: #fff;
      top: 0;
      left: 0;
      position: absolute !important;

      &+.ant-select {
        display: none;
      }

      &+input {
        //display: none;
      }

      span {
        font-size: 12px;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        cursor: pointer;

        &:hover {
          text-decoration: underline;
        }
      }

      .viewChooseSpan {
        display: block;
        top: 14px;
        white-space: nowrap;
        word-break: break-all;
        text-overflow: ellipsis;
        overflow: hidden;
      }
    }

    .sActiveIdStyle_viewChooseSpan {
      width: 100%;
    }

    .sActiveIdStyleNone,
    .sActiveIdStyleBlock {
      &+.ant-select {
        display: block;
      }
    }

    .ant-table-row-indent+button.ant-table-row-expand-icon {
      margin-left: 6px;
      margin-top: 6px;
    }
   
  }
  
  .ant-modal {
    max-width: unset;
  }

  .ant-table-tbody>tr.ant-table-row-selected>td {
    background: #ffcc4e;
  }

  tr:not(.xunjianclass) {
    .selected-record-row {
      background-color: #ffcc4e !important;
      font-weight: bold;

      input {
        font-weight: bold;
      }

      td {
        background: #ffcc4e !important;
        font-weight: bold;
      }
    }
  }

  .selected-record-row {

    .ant-input-number-disabled {
      background: transparent;
      transition: unset;
      border: none;
      width: unset;
    }

    .sActiveIdStyle {
      background: #ffcc4e !important;
    }

    .ant-select-selector {
      transition: unset;
    }
  }

  .ant-form-item-label {
    vertical-align: middle;
    display: inline-block;
    text-align: left !important;
  }

  .ant-form-item-label label {
    //color: rgba(0, 0, 0, 0.65)!important;
    color: inherit !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 0 !important;
    text-align: left;

    &:before {
      content: '';
      width: 10px;
    }
  }

  .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
    width: auto;
  }

  .ant-form-item-label .ant-form-item-required {
    // font-size: 12px!important;
    left: 0px;
  }

  .commonCheckBill {
    .sActiveIdStyle {
      left: 1px;
      top: 1px;
      width: ~'calc(100% - 2px)';
      height: ~'calc(100% - 2px)';
    }

    .ant-input-number {
      width: 100% !important;
    }
  }

  .searchMainForm {
    .sActiveIdStyle {
      left: 1px;
      top: 1px !important;
      max-width: 90% !important;
      width: ~'calc(100% - 2px)' !important;
      height: ~'calc(100% - 2px)' !important;
      background: #fff;
    }

    .sActiveIdStyle-sMemo {
      max-width: 100% !important;
    }

    #sMemo {
      margin-bottom: 0;
    }

    .ant-input-number {
      width: 100% !important;
    }

    .masterMemo {
      color: #000 !important;
      top: 4px !important;
      left: 1px !important;
      height: ~'calc(100% - 9px)' !important;
      line-height: 20px;
      letter-spacing: -1px;
      font-family: Monospaced Number, Chinese Quote, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif !important
    }
  }

  .suit .searchMainForm {
    .sActiveIdStyle {
      left: 8px;
    }
  }

  .insertTd {
    z-index: 999 !important;
  }

  .ant-form-item {
    margin-bottom: 0;
  }

  .linksActiveIdStyle {
    color: @active_color2 !important;
    cursor: pointer;
    backgroundColor: transparent !important;
    padding: 4px 0px;
  }

  .linksActiveIdStyle:hover {
    text-decoration: underline !important;
  }

  .linksActiveIdStyle1 {
    cursor: pointer;
  }

  .linksActiveIdStyle1:hover {
    text-decoration: underline !important;
  }

  .ant-checkbox-wrapper {
    line-height: 14px;
  }

  .ant-tabs-tab.ant-tabs-tab-disabled {
    &:hover {
      color: rgba(0, 0, 0, 0.25) !important;
    }
  }

  // 因紧凑型主题，修改部分过小的样式
  .ant-tabs-tab {
    font-size: 14px;
  }

  #allBtnNav {
    font-size: 14px;

    &[disabled] {
      &:hover {
        color: unset !important;
      }
    }
  }

  .ant-card-head {
    font-size: 14px;
  }

  // end
  // tab样式与老版本统一
  // .ant-tabs-content-holder{
  //   .ant-tabs-nav-wrap{
  //     background: #fff;
  //     .ant-tabs-nav-list{
  //       background: #fff;
  //       .ant-tabs-tab{
  //         border: 1px solid #AAA;
  //         border-right: 0;
  //         padding: 0 18px;
  //         height: 30px;
  //         line-height: 30px;
  //         margin-left: 0;
  //         background: #fafafa;
  //         &:nth-last-child(2){
  //           border-right: 1px solid #AAA;
  //         }
  //       }
  //       .ant-tabs-tab-active{
  //         border-bottom: 1px solid transparent;
  //         background: #fff;
  //       }
  //       .ant-tabs-ink-bar{
  //         top: 0;
  //         bottom: unset;
  //       }
  //     }
  //   }
  // }
  // end
  .input24 {
    :global {
      .ant-col-2.ant-form-item-label {
        flex: 0 0 ~'calc(0.25 * 7 / 24 * 100%)';
        max-width: ~'calc(0.25 * 7 / 24 * 100%)';
      }

      .ant-col-22.ant-form-item-control {
        flex: 0 0 ~'calc(0.25 * 87 / 24 * 100%)';
        max-width: ~'calc(0.25 * 87 / 24 * 100%)';
      }

      .ant-col-7.ant-form-item-label {
        flex: 0 0 ~'calc(0.25 * 7 / 24 * 100%)';
        max-width: ~'calc(0.25 * 7 / 24 * 100%)';
      }

      .ant-col-15.ant-form-item-control {
        flex: 0 0 ~'calc(0.25 * 87 / 24 * 100%)';
        max-width: ~'calc(0.25 * 87 / 24 * 100%)';
      }
    }
  }

  .input18 {
    :global {
      .ant-col-7.ant-form-item-label {
        flex: 0 0 ~'calc(0.25 * 7 / 18 * 100%)';
        max-width: ~'calc(0.25 * 7 / 18 * 100%)';
      }

      .ant-col-15.ant-form-item-control {
        flex: 0 0 ~'calc(0.25 * 42 / 12 * 100%)';
        max-width: ~'calc(0.25 * 42 / 12 * 100%)';
      }
    }
  }

  .input12 {
    :global {
      .ant-col-7.ant-form-item-label {
        flex: 0 0 ~'calc(0.25 * 7 / 12 * 100%)';
        max-width: ~'calc(0.25 * 7 / 12 * 100%)';
      }

      .ant-col-15.ant-form-item-control {
        flex: 0 0 ~'calc(0.25 * 39 / 12 * 100%)';
        max-width: ~'calc(0.25 * 39 / 12 * 100%)';
      }
    }
  }

  .ant-table-pagination.ant-pagination {
    position: fixed;
    bottom: 0;
    right: 8px;
    z-index: 999;
  }

  .ant-table-summary td {
    padding: 4px !important;
    text-align: center;
  }

  .ant-table-column-title {
    moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  #calTab {
    .ant-tabs>.ant-tabs-nav {
      margin-bottom: 0;
    }

    .formula {
      textarea.ant-input {
        height: 140px !important;
      }
    }
  }

  /* 调整系统权限界面 */
  #SysPermissionList {
    .ant-tree {
      margin-top: 1px;
      border: 1px solid #AAA;
      overflow-y: auto;
      height: 516px;
    }

    .ant-tabs-nav {
      margin-bottom: 0;
      //border-bottom: 1px solid #AAA;
    }

    #staticEditTree .ant-input-search {
      //width: 63%
      width: 405px;
    }
  }

  #modalChooseProcess,
  #modalChooseProductMaterial {
    .ant-table-pagination.ant-pagination {
      position: static;
    }
  }

  .xly-eject {
    z-index: 99;
  }

  .xly-normal-list {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xly-normal-list1 {
    padding-left: 0;
    padding-right: 0;
  }

  .react-resizable {
    user-select: none;
  }

  .xly-workorder-list {
    .ant-layout {
      overflow: hidden;
    }
  }

  .ant-table-sticky-holder {
    z-index: 15;
  }

  thead {

    .ant-table-cell-fix-left,
    .ant-table-cell-fix-right,
    .ant-table-cell-fix-left-last,
    .ant-table-cell-fix-left-first,
    .ant-table-cell-fix-right-first,
    .ant-table-cell-fix-right-last,
    .ant-table-cell-fix-sticky {
      z-index: 15;
    }
  }

  tbody {

    .ant-table-cell-fix-left,
    .ant-table-cell-fix-right,
    .ant-table-cell-fix-left-last,
    .ant-table-cell-fix-left-first,
    .ant-table-cell-fix-right-first,
    .ant-table-cell-fix-right-last,
    .ant-table-cell-fix-sticky {
      z-index: 10;
    }

    .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
      background: none;
    }

    .ant-select-disabled.ant-select-multiple .ant-select-selection-item {
      background: none;
      border: none;
      color: #000;
      padding-left: 0px;
    }
  }

  .modalChooseProcessContent,
  #modalChooseProcess,
  #modalChooseProcessContent,
  #modalChooseProductMaterial {

    .ant-table-body,
    #staticEditTree {
      height: @modal-table-height;
    }
  }

  .dark-mode {}

  .ant-table-sticky-scroll {
    display: none;
  }

  .ant-table-body::-webkit-scrollbar {
    width: 12px;
    height: 12px;
  }

  .ant-table-body::-webkit-scrollbar-thumb {
    background-color: #999;
    //border-radius: 10px;
  }

  /*鼠标悬浮在该类指向的控件上时滑块的样式*/
  .ant-table-body:hover::-webkit-scrollbar-thumb {
    background-color: #999;
    //border-radius: 10px;
  }

  /*鼠标悬浮在滑块上时滑块的样式*/
  .ant-table-body::-webkit-scrollbar-thumb:hover {
    background-color: #999;
  }

  /*正常时候的主干部分*/
  .ant-table-body::-webkit-scrollbar-track {
    background: #f5f5f5;
  }

  /*鼠标悬浮在滚动条上的主干部分*/
  .ant-table-body::-webkit-scrollbar-track:hover {
    background: #f5f5f5;
  }

  .ant-table-body::-webkit-scrollbar-corner {
    background: #999;
  }

  .custom-scroll::-webkit-scrollbar {
    width: 12px;
    height: 12px;
  }

  .custom-scroll::-webkit-scrollbar-thumb {
    background-color: #999;
    //border-radius: 10px;
  }

  /*鼠标悬浮在该类指向的控件上时滑块的样式*/
  .custom-scroll:hover::-webkit-scrollbar-thumb {
    background-color: #999;
    //border-radius: 10px;
  }

  /*鼠标悬浮在滑块上时滑块的样式*/
  .custom-scroll::-webkit-scrollbar-thumb:hover {
    background-color: #999;
  }

  /*正常时候的主干部分*/
  .custom-scroll::-webkit-scrollbar-track {
    background: #f5f5f5;
  }

  /*鼠标悬浮在滚动条上的主干部分*/
  .custom-scroll::-webkit-scrollbar-track:hover {
    background: #f5f5f5;
  }

  .custom-scroll::-webkit-scrollbar-corner {
    background: #999;
  }

  .row-dragging {
    background: #fafafa;
    border: 1px solid #ccc;
    z-index: 99999;
    height: 29px;
    line-height: 29px;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    //font-size: 12px!important;
    //td, span, input, div{
    //  display: inline-block!important;
    //  padding: 0;
    //  margin: 0;
    //  height: 29px!important;
    //  line-height: 20px!important;
    //  font-size: 12px!important;
    //}
  }

  .row-dragging .drag-visible {
    visibility: visible !important;
    opacity: 1 !important;
  }

  .xly-workorder-list {
    .ant-tabs-nav {
      margin-bottom: 0;
    }
  }

  .drag-visible {
    text-align: center;
  }

  .insertTd {
    z-index: 999 !important;
  }

  .ant-table-small .ant-table-thead>tr>th {
    background: #DDD;
  }

  .ant-modal-mask {
    z-index: 999;
  }

  .commonCheckBillContainer {
    .ant-table-pagination.ant-pagination {
      position: static;
    }
  }

  .ant-tabs {
    overflow: unset;
  }

  .operate-bar {
    min-height: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    a {
      width: 24px;
      height: 24px;
      margin: 0 !important;
      position: relative;

      img {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
      }

      svg {
        display: block;
        position: absolute !important;
        top: 0 !important;
        bottom: 0;
        left: 0 !important;
        right: 0;
        margin: auto;
      }
    }
  }

  .ant-tree-switcher-leaf-line::before {
    right: 10px;
  }

  .masterLinkSpan {
    width: auto;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    color: #2f54eb;
    position: absolute;
    padding-right: 2px;
    z-index: 10;
    cursor: pointer;
  }

  /* checkBill commonView区域 */
  .checkbillStyle .masterLinkSpan {
    width: 100%;
  }

  .checkbillStyle .sActiveIdStyleBlock {
    width: 100%;
  }

  .commonNewBillContainer .changeClassName .sActiveIdStyleBlock {
    left: 8px !important;
  }

  .bill-search-group {
    .masterLinkSpan {
      padding-left: 7px;
      background: #fff;
    }

    .sActiveIdStyle {
      height: calc(100% - 2px);
      max-width: 100%;
      padding: @td_padding_sub;
      font-size: 12px;
      z-index: 9;
      white-space: nowrap;
      word-break: break-all;
      text-overflow: ellipsis;
      overflow: hidden;
      background: #fff;
      top: 0;
      left: 0;
      position: absolute !important;
    }
  }

  .ant-pagination-options-size-changer.ant-select {
    width: auto !important;
  }

  // 富文本编辑器
  .braft-output-content {
    border: 1px solid #AAA;
    border-radius: 2px;
    min-height: 28.5px;
  }

  // 英文版样式
  .xlyerpEnglish {
    .homeTab {
      width: 100px;
    }
  }

  .ant-select-multiple .ant-select-selection-search input {
    width: auto !important;
  }

  .commonTitle {
    padding-top: 0;

    .ant-tooltip-arrow {
      display: none;
    }
  }
  .readonlyStyle {
    background: #f1f2f8 !important;

    .sActiveIdStyle {
      background: #f1f2f8 !important;
    }
  }
}