// sub-header//@at-root
   .subheader{
    background: $st-text-ninth;
    padding: 6px;
    border-bottom: 1px solid #f5eeee;
    display: flex;
    justify-content: space-between;
    padding: 10px 25px;
    align-items: center;
    min-height: 60px;
    // position: sticky;
    // top: 66px;
    ul{
      padding: 0;
      margin: 0;
      display: flex;
      justify-content: space-between;
      width: 100%;
      align-items: center;
      li{
        color:$st-secondary-bg;
        .activeuser{
          background: none;
          color: $st-text-primary;
          padding: 5px 10px;
          //border: 0;
          border: 1px solid #cccccc;
          min-width: 130px;
          text-align: left;
          @media #{$small} {
            min-width: 95px;
         }
        }
        .btn {
          text-transform: none;
        }
        .dropdown {
          &.show {
            .dropdown-toggle {
              background-color: $st-text-ninth;
              color: $st-text-primary;
           
            }
          }
          .dropdown-toggle {
            position: relative;
            //text-transform: uppercase;
            &::after {
              position: absolute;
              right: 4px;
              top: 13px;
              @media #{$small} {
                top: 12px;
                right: 10px;
                font-size: 16px;
             }
            }
            @media #{$small} {
             font-size: 12px;
           }
          }
          .dropdown-item {
            color: #0c1e35;
            // text-transform: uppercase;
          }
        }
      }
      .testlist{
        display: flex;
        align-items: center;
        .testname {
          border-right: 1px solid #ccc;
          padding-right: 10px;
          margin-right: 10px;
        }
        // li{
        //   color: #0c1e35;
        // }
        // ul{
        //   li{
        //     border-right: 1px solid #dee4eb;
        //     padding: 0 8px 0px 0px;
        //     line-height: 15px;
        //     &:last-child{
        //       border-right: 0;
        //     }
        //   }
        // }
      }
      @media #{$small}
       {
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 14px;
      }
    }
    .subheadericon{
      ul{
        li{
          border-right: 1px solid #ccc;
          padding-right: 15px;
          margin-right: 5px;
          .btn-adduser{
            background: $st-secondary-bg;
            color: $st-text-ninth;
            border: 0;
            padding: 10px 20px;
            border-radius: 22px;
            @media #{$small} {
              font-size: 12px;
              padding: 6px 8px;
             }
          }
          .menu-list{
            color: #eb576caa;
            background: none;
            border: 0;
          }
          &:last-child {
            margin: 0;
            border-right: none;
            padding-right: 0;
          }
          @media #{$small} {
            padding-right: 12px;
          }
        }
      }
      .filtericon {
        padding: 0 10px;
        position: relative;
        top: -5px;
        cursor: pointer;
      // svg{
      //   position: relative;
      //   left: 8px;
      //   top: 4px;
      // }
      @media #{$small} {
        padding: 0;
      }
      }
    }
    @media #{$small} {
      padding: 10px 20px;
  }
  }
  //end sub-header//@at-root