.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: 30vh;
     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;
  }

  .moreListPush-btn {
    width: 100%;
    padding-left: 5px;
    color: rgb(64, 158, 255);

    span {
      cursor: pointer;

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

 }