@import "chembl_base";

.sequence-search-menu-wrapper{

  min-height: 100vh;
  height: 100vh;
  top: 0 !important;
  width: 85%;

  .sequence-search-menu-container{
    display: flex;
    flex-wrap: wrap;

    .input-options-container{
      margin-top: 10px;
      display: flex;
      flex-direction: row;
      justify-content: space-around;

    }

    .upload-file-input{
      display: none;
    }

    .enter-a-sequence{
      width: 100%;
      height: 80%;
      padding: 25px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;

      .sequence-textarea-container{

        margin-top: 20px;
        flex-grow: 2;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        textarea{

          height: 55vh;
          resize: none;
          outline: none;

          &:focus{
            border: 2px solid $teal-accent;
          }
        }


      }

    }

    .define-your-parameters{
      width: 100%;
      height: 80%;
      padding: 25px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;


      .params-container{

        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;

        .blast-param-selector{
          width: 50%;
          padding-right: 20px;
          padding-bottom: 20px;
          &.long{
            width: 100%;
          }
        }

        .reset-params-btn-container{
          text-align: center;
          width: 100%;
        }


        &.closed{
          display: none;

        }
      }
    }
    .search-button-container{
      width: 100%;
      height: 20%;
      padding: 20px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

  }

}
