// @import '@crami/ui/es/style/themes/default.less';

// @modal-formgroup-color: #1890ff;
@import '@/theme/default/variables.less';

//表格内按钮的间距
.surely-table {
  .ant-space.ant-space-horizontal.ant-space-align-center {
    // gap: 16px !important;
    .ant-btn.ant-btn-link.h-btn-icon {
      padding: 0;
    }
  }
  .ant-space .ant-space-item .ant-btn-text {
    padding: 0;
  }
}

// 选择框的下拉箭头
.ant-select-arrow .anticon > svg {
  color: #999;
}
// 暂时解决换肤造成的按钮样式覆盖问题
//sm按钮的内据
.ant-btn-sm {
  padding: 0 7px !important;
}
//text按钮类型的边框
.ant-btn-text {
  border: 0 !important;
}
//link按钮类型得边框
.ant-btn-link {
  border: 0 !important;
}
// .ant-btn .anticon {
//   width: 30px !important;
// }
//输入框按钮的内据
.ant-btn.ant-input-search-button {
  padding: 4px 0 !important;
}

// 弹窗
.ant-modal {
  /* 以下配合form组件，解决弹框横线没有到边的问题（需写在弹框样式内） */
  .crami-form-foot {
    .crami-form-bottom-row {
      margin: 0 -24px !important;
      padding-top: 10px;
      border-top: 1px solid #e8e8e8;
    }
  }

  .crami-form-bottom-col {
    margin: 0 24px;
  }
  .crami-form-item-body {
    max-height: 50vh !important;
    overflow-y: auto;
  }
  .crami-form-foot {
    // min-height: 10 !important;
  }
  /* 以上配合form组件，解决弹框横线没有到边的问题（需写在弹框样式内） */
}
// 左侧导航 处理滚动条
.ant-pro-sider .ant-layout-sider-children ::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}

//平台背景颜色
.pro-menu-bottom-background {
  background-color: #fff;
}
.ant-layout-footer {
  display: none;
}
.content {
  // height: 100%;
}
//解决某些弹框不是单纯得hbform导致的得滚动条问题
.hideOverFlow .ant-modal-body .crami-form-item-body {
  max-height: none !important;
  overflow: visible !important;
}
.hideOverFlow .crami-form-item-body {
  max-height: none !important;
  overflow: visible !important;
}
.form-help-icon:hover {
  color: #1f2329;
  box-shadow: 0 2px 8px rgba(#000, 32%);
}

//文件服务-数据同步策略管理的日历
.popover {
  .ant-popover-content {
    //箭头
    .ant-popover-arrow {
      display: none;
    }
    //内容
    .ant-popover-inner {
      .ant-popover-inner-content {
        padding: 0 !important;
        .cron-div {
          .ant-tabs-card {
            .ant-tabs-nav {
              .ant-tabs-nav-list {
                .ant-tabs-tab {
                  background-color: #f5f6f7;
                  .ant-tabs-tab-btn {
                    color: #999;
                  }
                }
                .ant-tabs-tab-active {
                  background-color: #fff;
                  .ant-tabs-tab-btn {
                    color: #3979f9;
                  }
                }
                .ant-tabs-tab + .ant-tabs-tab {
                  margin-left: 0;
                }
              }
            }
            .ant-tabs-content-holder {
              padding: 0 24px 24px;
              .ant-tabs-tabpane {
                .tabBody {
                  .fas-icon-list {
                    overflow: hidden;
                    .liClass {
                      width: 32px;
                      height: 32px;
                      line-height: 32px;
                      border: 1px solid rgba(0, 0, 0, 0.15);
                      border-radius: 4px;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

// 弹窗
.ant-modal-content {
  .ant-modal-body {
    //编码器按钮
    .ant-input-search-with-button {
      .ant-input-group-addon {
        .ant-input-search-button {
          span {
            padding: 0 16px;
          }
        }
      }
    }
  }
}
//顶部导航的下拉图标颜色
.ant-pro-dropdown-action-dropdownicon,
.top-header-right-message,
.hideClassSpan {
  color: @ant-pro-fixed-header-text-color;
}

.hoteam-b-table .ant-card-body {
  // padding: 0 24px;
  .hoteam-b-table-list-toolbar .hoteam-b-table-list-toolbar-container {
    margin: 0;
  }
  .surely-table-pagination.ant-pagination {
    padding: 0;
  }
}
.ant-modal .ant-modal-body {
  .ant-card-body {
    padding: 0;
  }
}

// 解决工作流间距问题
#flow_view_tabs .hoteam-b-table .ant-card-body {
  padding: 0;
}
// .main-content-padding {
//   padding: @main-content-padding;
// }
// .margin-left {
//   margin-left: @margin-left;
// }
// .margin-right {
//   margin-right: @margin-right;
// }
// .margin-top {
//   margin-top: @margin-top;
// }
// .margin-bottom {
//   margin-bottom: @margin-bottom;
// }
// .margin-all {
//   margin: @margin-all;
// }
// .flex-content {
//   display: flex;
//   height: 100%;
// }
.language-dropdown-menu {
  .ant-dropdown-menu-item-selected {
    color: #3979f9 !important;
    background-color: #e8f0fd !important;
  }
  .ant-dropdown-menu-item:not(.ant-dropdown-menu-item-disabled):hover {
    color: #3979f9 !important;
    background-color: #e8f0fd !important;
  }
}