//定义主题颜色
@main-color: rgb(0, 79, 142);
@main-text-color: #000;
@main-text-color-1: #333;
@main-text-color-2: #666;
@main-danger-color: rgb(214, 0, 14);

//表单 重置 搜搜与其他
@form-submit-color: #004f8e;
@form-reset-color: #d7000f;
@form-other-color: #fff;
@form-color: #fff;


@layout-background: #666;
@layout-header-background: #666;
@menu-list-bg: #666;
@table-selected-row-bg: #666;
@text-color-secondary: #666;
@menu-item-selected-bg: #666;

//灰色

@gray: rgb(240, 240, 240);
@gray-text: rgb(215, 215, 215);

// 宽度
@width: 1366px;

// 公共容器样式
.common-container {
  background-color: #f0f2f5;
  padding: 24px;
  min-height: calc(100vh - 144px);

  .page-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;

    h2 {
      margin-bottom: 0;
    }
  }

  .inner-card {
    margin-bottom: 24px;
    background-color: #fff;
    border-radius: 2px;
  }

  // 步骤表单相关样式
  .steps-container {
    margin: 16px 0 24px;
    padding: 24px 0;
    background-color: #fff;
    border-radius: 2px;
  }

  .steps-content {
    margin-top: 16px;
    padding: 24px;
    background-color: #fff;
    border-radius: 2px;
    min-height: 300px;
  }

  .steps-action {
    margin-top: 24px;
    text-align: center;
  }

  // 表单相关通用样式
  .required-label::before {
    content: '*';
    color: #ff4d4f;
    margin-right: 4px;
  }

  .select-with-clear {
    position: relative;

    .clear-icon {
      position: absolute;
      top: 50%;
      right: 24px;
      transform: translateY(-50%);
      color: rgba(0, 0, 0, 0.25);
      cursor: pointer;
      z-index: 1;

      &:hover {
        color: rgba(0, 0, 0, 0.45);
      }
    }
  }

  //重置
  .buttonReset {
    background-color: @form-reset-color;
    border: 1px solid @form-reset-color;
    border-radius: 4px;
    color: @form-color;
  }
  //搜索
  .buttonSubmit {
    background-color: @form-submit-color;
    border: 1px solid @form-submit-color;
    border-radius: 4px;
    color: @form-color;
  }
  //其它按钮
  .buttonOther {
    background-color: @form-other-color;
    border: 1px solid #999;
    border-radius: 4px;
    color: #333;
  }
  //功能按钮
  .buttonFunctionBlock {
    background-color: @form-other-color;
    border: 1px solid  @form-submit-color;
    border-radius: 4px;
    color:  @form-submit-color;
  }
}
.common-container.on {
  background: none;
  padding: 0;
  //左侧树
  .treeBlock {
    position: relative;
    width: 280px;
    background: #fff;
    height: calc(100vh - 240px);
    transition: width 0.3s;
  
    &.collapsed {
      width: 0;
      min-width: 0;
      overflow: visible;
      .dataTree { display: none; }
      .shrinkBlock {
        right: -30px;
        top: 50%;
        margin-top: -20px;
        .btn {
          margin: 0;
        }
      }
    }
  
    .dataTree {
      width: 280px;
      height: 100%;
      padding: 20px 10px;
      overflow-x: auto;
      overflow-y: auto;
      box-sizing: border-box;
      white-space: nowrap;
    }
  
    .shrinkBlock {
      position: absolute;
      top: 50%;
      right: -30px;
      width: 30px;
      height: 100px;
      margin-top: -50px;
      z-index: 100;
  
      .btn {
        width: 30px;
        background-color: @form-submit-color;
        border: 1px solid @form-submit-color;
        border-radius: 4px;
        color: @form-color;
        text-align: center;
        padding: 2px 0;
        font-size: 14px;
        cursor: pointer;
      }
    }
  
    .expandOnly {
      top: 50%;
      right: -30px;
      height: auto;
      margin-top: -50px;
    }
  }
  
  .rightMain {
    transition: width 0.3s;
    width: calc(100% - 310px);
    height: calc(100vh - 240px);
    background-color: #fff;
    padding: 0 24px;
  }
  
}


// .ant-layout-header {
//   position: fixed;
//   top: 0;
//   left: 0;
//   background-color: @layout-header-background;
//   height: 80px;
//   color: @primary-color;



//   .ant-pro-global-header{
//       background-color: #fff;
//       height: 56px;
//       color: #333;
//   }
// }


// .ant-pro-sider-logo {
//   height: 80px;
// }
// .ant-pro-sider-light .ant-pro-sider-logo h1 {
//   color: #ffffff;
// }
// .ant-menu {
//   margin-top: 6px;
//   padding-top: 6px !important
// }
// #root .ant-layout-sider {
//   z-index: 0;
// }
// // 通用页面布局样式
// .layout-container {
//   background-color: @layout-background;
//   min-height: 100vh;
// }

// #root {
//   .ant-table-tbody > tr.ant-table-row:hover > td,
//   .ant-table-tbody > tr > td.ant-table-cell-row-hover {
//       background-color: @table-selected-row-bg;
//   }
//   .ant-table {
//       color: @text-color-secondary;
//   }
// }

// // 控制左侧菜单背景色
// .ant-menu.ant-menu-sub.ant-menu-inline {
//   background-color: @menu-list-bg;

//   .ant-menu-item-selected {
//       background-color: @menu-item-selected-bg;
//   }
//   .ant-menu-item-selected a {
//       color: @primary-color;
//       font-weight: bold;
//   }
// }

// // 修改全局分页器样式
// .pagination-container {
//   align-items: center;

//   .ant-pagination-total-text {
//       margin-right: 16px;
//       height: 24px;
//       line-height: 24px;
//   }
//   .ant-pagination-prev,
//   .ant-pagination-next,
//   .ant-pagination-item {
//       min-width: 24px;
//       height: 24px;
//       margin: 0;
//       line-height: 24px;
//   }
//   // .ant-pagination-item {
//   //     border: none;
//   // }
//   // .ant-pagination-item-active {
//   //     color: @primary-color;
//   // }
//   .ant-pagination-options {
//       .ant-pagination-options-quick-jumper {
//           margin-left: 16px;
//       }
//   }
// }
// // .ant-menu-submenu-title {
// //     padding-left: 24px !important;
// // }
// // .ant-menu-submenu-arrow {
// //     right: 24px;
// // }

// .ant-pro-basicLayout-content {
//   margin-top: 97px !important;
//   margin-left: 26px  !important;
//   margin-bottom: 0px !important;
//   // padding-left: 224px;
//   // display: flex;
//   flex: auto;
//   flex-direction: row;

//   // // 去除滚动条样式
//   // margin-right: 0 !important;
//   // padding-right: 10px;
//   // height: 100%;
//   // overflow: auto;
// }
// .bidContent {
//   flex: 1;
// }

// .ant-card-head-title {
//   padding: 11px 0 10px 0;
// }

// .ant-input {
//   border-radius: 3px;
// }

// .ant-form-item {
//   margin-bottom: 8px;
// }

// // .ant-tabs-content-holder {
// //     margin-top: 24px;
// // }

// .ant-btn-dangerous.ant-btn-link {
//   color: #1890ff;
// }


// .ant-table-pagination.ant-pagination {
//   margin: 16px 0 24px 0;
// }



// .ant-pagination-item {
//   border: 1px solid #999;
//   margin: 0 4px;
// }

// .ant-pagination-item-active {
//   font-weight: 500;
//   background: #014f8f;
//   border-color: #fff;
// }

// .ant-page-header .ant-page-header-heading-title {
//   font-size: 16px;
//   font-weight: normal;
//   color: #333;
// }

// .ant-page-header-heading-sub-title {
//   color: #333;
//   font-size: 16px;
// }

// .first-title {
//   font-size: 14px;
//   color: @primary-color;
//   line-height: 40px;
//   font-weight: 500;
//   position: relative; 
//   padding-left: 11px;  
//   background-color: @primary-color
// }
// .first-title::before{
//   content: "";
//   display: block;
//   position: absolute;
//   top: 13px;
//   left: 0;
//   width: 3px;
//   height: 14px;
//   background-color: #014f8f;
// }

// .scd-title {
//   font-size: 14px;
//   color: #333;
//   line-height: 42px;
//   font-weight: 500;
//   position: relative; 
//   padding-left: 34px;  
// }
// .scd-title::before{
//   content: "";
//   display: block;
//   position: absolute;
//   top: 20px;
//   left: 0;
//   width: 24px;
//   height: 2px;
//   background-color: @primary-color;
// }

// .ant-modal-footer {
//   overflow: hidden;
//   button {
//       float: right;
//       margin-left: 8px;
//   }
// }

// .MuiTabs-indicator {
//   background-color: #ffffff !important;
// }

// .ant-pro-table td.ant-table-cell > a {
//   color: #1890ff;
//   padding-right: 8px;

// }

// .ant-pro-table-search {
  
// }



// .ant-pro-table-search {
//   padding: 10px 24px 6px 24px;
//   margin-bottom: 8px;
// }

// .ant-pagination-item-active:focus a, .ant-pagination-item-active:hover a {
//   color: #ffffff;
// }

// .ant-tabs-tab {   
//   margin: 0px 48px 0 0 !important;
// }

// .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
//   box-shadow: none; 
// }
// .ant-pro-sider-light {
//   height: auto;
//   box-shadow: none;
// }



// .myselfContent .ant-menu-submenu-title {
//   padding-right: 34px;
//   text-align: center;
//   color: #014f8f;
//   border-top: 2px solid #014f8f;
//   //background: #014f8f;
// }
// .myselfContent .ant-menu-submenu-title i {
//   display: none;
// }
// .myselfContent .ant-menu-item {
//   text-align: center;
//   padding: 0 !important;
// }
// // .myselfContent .ant-menu .ant-menu-item-selected {
// //     background-color: rgba(225,225,225,.0);
// // }

// // .myselfContent .ant-menu .ant-menu-submenu-selected {
// //     background: #014f8f;
// //     color: #fff !important;
// // }
// // .myselfContent .ant-menu .ant-menu-submenu-selected:hover {
// //     background: #014f8f;
// //     color: #fff !important;
// // }

// .myselfContent  .ant-menu-inline .ant-menu-item::after {
//   border-right: none;
// }

// .ant-collapse {
//   border: none;
// }

// .ant-page-header {
//   border-radius: 6px 6px 0 0;  
// } 

// .ant-table-content .ant-table-cell .ant-btn-text {
//   color: @primary-color !important;
//   background: rgba(0,0,0,0);
//   padding-left: 4px;
//   padding-right: 4px;
// }
// .ant-table-content .ant-table-cell .ant-btn-text:hover {
//   color: @primary-color;
//   background: none;
// }

// .frize-menu {
//   width: 224px;
//   height: 100%;
//   overflow: hidden;
//   flex: 0 0 224px;
//   max-width: 224px;
//   min-width: 224px;
//   background: #fff;
//   position: fixed;
//   min-height: 100%;
//   scrollbar-width: none;
//   z-index: 100;
//   left: 0;
//   top: 56px;
//   overflow-y: auto;
//   border: none;
//   // padding-top: 66px;
//   padding-bottom: 200px;
//   -ms-overflow-style: none; /* IE 10+ */
// }
// .frize-menu::-webkit-scrollbar {
//   display: none;
// }
// input::-webkit-outer-spin-button,
//   input::-webkit-inner-spin-button {
//       -webkit-appearance: none;
//   }
//   input[type="number"]{
//       -moz-appearance: textfield;
//   }

// .basicLayout-children{
//   margin-top:5px;
//   background-color:white;
//   border-radius:6px;
//   overflow:auto;
//   -ms-overflow-style: none;
// }
// .basicLayout-children::-webkit-scrollbar {
//   width:0px;
// }

// // 修改全局界面上所有只读表单文字颜色改成黑色
// .ant-input[disabled]{
//   color: #333;
// }
// .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector{
//   color: #333;
// }
// .ant-radio-disabled + span{
//   color: #333;
// }
// .ant-btn-primary[disabled], .ant-btn-primary[disabled]:hover, .ant-btn-primary[disabled]:focus, .ant-btn-primary[disabled]:active{
//   color: #333;
// }
// .ant-checkbox-disabled + span{
//   color: #333;
// }
// .ant-picker-input > input[disabled]{
//   color: #333;
// }
// .ant-btn[disabled], .ant-btn[disabled]:hover, .ant-btn[disabled]:focus, .ant-btn[disabled]:active{
//   color: #333;
// }
// //2022.2.18增加PageHeader全局样式 来源：ld_style.less
// .ant-page-header{
//   background: #fff;
//   padding: 6px 24px;
//   border-bottom: 1px solid #ddd;
// }