/*---------my work scss start----------*/
.userstory-list .mat-list-item {
    height: 35px !important;
    border-left: solid 3px transparent
  }
  
  .userstory-list img {
    //width: 30px !important;
    //height: 30px !important;
    margin: 2px 0 0 0;
  }
  
  .userstory-list h6 {
    font-size: 12px;
    color: $primary-text-color;
    display: inline;
  }
  
  .userstory-list .pm-uniqu-details {
    font-size: 12px;
    color: $primary-text-color;
    display: inline;
  }


  .userstory-list .mat-list {
    padding: 0;
  }
  
  .userstory-list .mat-list-item:hover {
    border-left: solid 3px $primary-color;
    transition: all 0.5s;
  }
  
  @media (max-width: 680px) {
    .userstory-list .mat-list-item {
      height: auto !important;
    }
  }

  .myWork-tabs {
    .mat-tab-label {
      span {
        padding: 2px 5px;
        margin: 0 0 0 3px;
        border-radius: 5px;
        font-size: 12px;
        color: $white-color;
      }
    }
  }
  .myWork-tabs{
  .mat-tab-labels {
    flex-direction: column;
}    .mat-tab-group {
    flex-direction: row;
}
  }


.my-work {
  // background: $active-goals-background;
  // color: black !important;
  padding-right: 4px;
  color: $white-color;
}

.adhoc-work {
  background: $backlog-goals-background;
}

.mywork-custom-label {
  font-size: 13px;
  padding: 1px 5px 0px 0px;
  display: flex;
  @media (max-width: 460px) {
    display: -webkit-inline-box;
  }
  // font-weight: bold;
}


.mywork-veritcal-label {
  position: absolute;
  transform: rotate(-90deg) scaleX(-1);
  transform-origin: top left;
  
  .mywork-custom-label-content {
    border-top: solid 2px $primary-color;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    margin: 6px 1px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 6px 14px;
    background-color: $primary-color !important;
    opacity: 0.6;
    color: #fff !important;
    border-radius: 3px;
    fa-icon{
      color: #fff !important;
      font-size: 11px;
    }
    @media (max-width: 460px) {
      margin: 3px 1px;
      padding: 1.5px 7px;
    }

  }

}
.my-work-tab-color {
  background-color: $primary-color !important;
  opacity: 1 !important;
}


  /*---------mywork scss end----------*/