.searchOverallComponent{
  height: 0;
  transition:all 0.5s;
  z-index: 1;
  overflow: hidden;

  .border-outer{
    position: relative;
    background: #f8f9fb;
    padding: 10px 20px 0;
    border: #eff0f2 solid 1px;
    margin-bottom: 10px;
  }

  .fullPageCover{
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    left: 0;
    right: 0;
    // height: calc(100vh - 200px);
    cursor: no-drop;
  }

  .moreListOuter{
    margin-top: 10px;
    position: relative;
  }

  ::v-deep .navFilter {
    //  display: flex;
    //  flex-direction: column;
    //  width: 100%;
    //  height: 100%;
     max-height: var(--navFilterMaxHeight);
     overflow: auto;
  
     .el-form {
      //  flex: 1;
      //  padding-left: 100px;
      //  padding-right: 100px;
       display: flex;
       align-content: flex-start;
       flex-wrap: wrap;
       overflow: hidden;
       overflow-y: auto;
  
       .el-row{
        margin: 0 !important;
        margin-left: -5px !important;
       }
       

        .el-select{
          width: 100%;
        }
     }
   }

  .title{
    padding: 10px 0 15px 0;
    font-weight: bold;
    color: #333;
  }

  .buttonsContent{
    justify-content: space-between;
    display: flex;
    padding-bottom: 20px;
    width: 890px;
  }
  // .moreListPush-btn {
  //   width: 100%;
  //   padding-left: 5px;
  //   color: rgb(64, 158, 255);

  //   span {
  //     cursor: pointer;

  //     &:hover {
  //       color: blue;
  //     }
  //   }
  // }
  
  // .moreListBaseBts{
  //   padding: 20px 0;
  // }

 }