//分页在表格上面时的样式
.agPage.ark-page.mini {
  margin-top: 5px !important;;
  margin-bottom: 5px !important;;
}

//分页在表格下面时的样式
.isFilterTable .agPage.ark-page.mini {
  margin-bottom: 0px !important;;
}

//ag表格行高
.ag-theme-balham .ag-header,
.ag-header-row.ag-header-row-column {
  height: 28px !important;
  min-height: 28px !important;
  line-height: 28px !important;
}

//修改密码弹窗
.ChangePassword {
  .clonePopUp {
    .pop-btn {
      margin-top: 22px !important;
    }
    .pop-input input {
        height: 26px !important;
    }
  }
}

//菜单显示样式是菜单显示样式是横向布局菜单部分
.r3-horizontal-content {
  //左侧的收藏和历史(展开的)
  .nav-open {
    width: calc(100% - 190px) !important;
    left: 185px !important;
    top: 55px
  }

  //左侧的收藏和历史(折叠后的)
  .nav-close {
    width: calc(100% - 60px) !important;
    left: 55px !important;
    top: 55px
  }

  //菜单显示样式是横向布局时，左侧的收藏和历史(折叠后的)
  .history-and-favorite {
    .favorite .onMouseOverShow,
    .history .onMouseOverShow {
      top: 55px !important;
      li {
        padding: 15px 0px !important;
        text-align: center !important;
      }
    }
  }
}


// 主体部分
.r3-content-ContentDisplayArea {
  margin: 5px 5px 5px 5px !important;
}


.verticalTableDetail {
  //详情头部按钮部分
  .R3-buttonList {
    padding: 8px 0px 0 5px !important;
  }
  //单对象页面 表格上面有按钮 有搜索 希望一行显示
  .TableDetailCollection {
    //详情表格部分
    &.objectTable {
      .detail-collection .table-outside {
        width: 100%;
      }
      .detail-collection .detail-search .detail-search-input .ark-input-group-prepend .ark-btn span {
        bottom: unset !important;
      }
      .detail-collection .detail-buttons {
        float: left;
        a {
          padding: 0 10px !important;
        }
      }
      //单对象页面 表格上面的搜索图标变大
      .ark-input-search-icon {
        font-size: 16px !important;
      }
      .detail-top .detail-content {
        margin-bottom: unset !important;
      }
    }
  }
}

//搜索弹窗部分
.search-content-box-modal {
  .ark-modal-content.fcWarning, .ark-modal-content.fcError {
    margin-top: 23vh;
  }
  .ark-modal,
  .ark-modal-content {
    width: 460px !important;
  }
  .search-content-box {
    padding: 24px 0px 60px 0px !important;

    .ark-input {
      height: 44px;
      font-size: 14px;
    }
    h2 {
      height: unset !important;
      font-size: 18px !important;
    }
    .ark-input-innerWrap {
      top: 50%;
      transform: translateY(-50%);
    }
  }
}

//表格 跟分页部分紧凑一点
.standardTable .detailTable,
.standardTable .isBig {
  margin-top: 0px !important;
}

//左右布局时左侧折叠部分空白太多
.StandardTableListRootDivBox .StandardTableListNew {
  padding: 5px 0 !important;

  .StandardTableList-list-bar {
    min-width: unset !important;
  }

  .icon_showlayout_right {
    left: 0 !important;
  }
}

//菜单显示在左侧时
.r3-vertical-content {
  //菜单部分
  .nav-open {
    width: calc(100% - 65px) !important;
    left: 59px !important;
    top: 5px !important;
  }

  //左下角消息、设置灰色弹窗放右边箭头不要了且位置放在右边
  .r3-content-nav .NaVertical {
    .ark-tooltip-popper {
      left: 54px !important;
      transform: translateY(40px);
      /*margin-top: 158px!important;*/
    }

    .ark-tooltip-arrow {
      display: none;
    }

    .ark-tooltip-inner {
      min-height: auto;
    }
  }

  &.r3-newBox-contents {
    //左下角历史、收藏、设置那块
    .NaVertical {
      .NaVertical-box {
        padding-bottom: 10px;
        padding-top: 5px;
      }

      .tag {
        line-height: 30px !important;
        height: 30px !important;
      }
    }

    //左侧菜单宽度喝字体大小调整
    .NavigatorVertical {
      &.transferRight {
        width: 54px !important;
      }

      .navigator-primary-menu {
        padding: 13px 11px !important;
      }

      .middle .navigator-primary-menu-div {
        font-size: 15px !important;
      }
    }
  }


  //logo
  .NavigatorVertical .left.r3-vertical-logo {
    padding: 14px 0 5px 0 !important;
  }

}

// 收藏和历史的弹窗部分
.ark-select-dropdown.ark-dropdown-transfer {
  width: 165px !important;
  text-align: center;

  &.Navigator-lately {
    max-height: 600px !important;
    left: 54px !important;
  }
  //菜单显示样式是左右布局时，历史、收藏、设置的弹窗
  &.Navigator-collect {
    left: 54px !important;
  }

}
//设置的弹出层
&.ark-drawer-wrap.Drawer_showLayout {
  left: 54px !important;
}
//头部tab标签部分
.r3-newBox-contents .openedMenuLists {
  height: 27px !important;

  .ark-tabs.ark-tabs-card > .ark-tabs-bar {
    //tab高度、宽度、 字体大小
    .ark-tabs-tab {
      font-size: 12px !important;
      line-height: 27px !important;
      height: 27px !important;
      width: auto !important;
    }

    .ark-tabs-nav-container {
      height: auto !important;
    }
  }
}

//列表tab部分
.StandardTableList-list-bar-right .r3-tab-nav {
  margin-top: 5px !important;
  //tab高度
  .ark-tabs.ark-tabs-card > .ark-tabs-bar .ark-tabs-tab {
    height: 28px !important;
    line-height: 28px !important;
    padding: 0px 20px !important;
  }

  .ark-tabs.ark-tabs-card > .ark-tabs-bar .ark-tabs-nav-container {
    height: auto !important;
  }
}

//列表表单部分
.ListsForm-box {
  margin-bottom: 0px !important;
  .ListsForm {
    padding: 0 28px 0px 0 !important;
  }
}
//紧凑一点
#content {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
//欢迎XXX那个弹出层内的顺序修改
.ark-drawer-wrap {
  .panel-main {
    display: flex;
    flex-direction: column;

    .panel-item-welcome {
      order: 1;
    }

    .panel-item-changePwd {
      order: 2;

      .iconfont {
        margin-right: 3px;
      }
    }

    .setting-color {
      order: 3;
    }

    .panel-item-queryDefaultRows {
      order: 4;
    }

    .panel-item-explanatory {
      order: 5;
    }

    .panel-item-box {
      order: 6;
    }

    .panel-item-exit {
      order: 7;
    }
  }
}
.Navigator-collect{
  max-height: 500px;
}
#search_list_button i{
  border-left:1px solid var(--primary-color);
  line-height: 26px;
}