.votingtabswrapper{
    .votingtabs{
        width: 100%;
        // border-bottom: 1px solid #ccc;
        overflow: hidden;
        padding: 20px 0 10px 0;
      
        @media #{$small} {
        overflow: visible;
             }
        .progressbar{
          text-align: center;
          width:100%;
          zoom: 1;
          position: relative;
          tbody{
            .counter{
              div {
                  background-color: #0097bd ;
                  display: inline-block;
                  border: 1px solid #f1f1f1;
                  border-radius: 50%;
                  height: 45px;
                  width: 45px;
                  line-height: 40px;
                  vertical-align: middle;
                  text-align: center;
                  color: #fff;
                  svg {
                    font-size: 20px;
                  }
                  @media #{$small} {
                  width: 35px;
                    height: 35px;
                    line-height: 32px;
                  }
            
              }
              .active {
                > div {
                  background-color: #da2128;
                  color: #fff;
                }
               
              }
              .completed {
                > div {
                  background-color: $st-fifth-bg;
                  color: #fff;
                }
              }
              td {
                  cursor: pointer;
                  text-align: center;
                  position: relative;
                  width: calc(100%/6);
                  // &.disabled {
                  //   pointer-events: none;
                  //   background: dimgrey;
                  //   opacity: 0.3;
                  // }
                    @media #{$small} {
                      margin-right: 6px;
                    }
                  span {
                      position: absolute;
                      top: 22px;
                      left: -37%;
                      width: 73.90%;
                      border-top: 1px solid #ccc;
                      z-index: 1111;
                      &.active {
                        border-top: 1px solid $st-fifth-bg;
                      }
                      &.completed {
                        border-top: 1px solid $st-fifth-bg;
                      }

                      @media #{$medium} {
                        border: 0;
                      }
                      @media #{$small} {
                        border: 0;
                      }
                  }
              }
            @media #{$small} {
              display: flex;
              justify-content: center;
            }
          }
            .descriptions{
                td{
                    font-size: 14px;
                    padding-top: 10px;
                    &.active {
                      font-weight: 600;
                    }
                    @media #{$small} {
                    display: none;
                    }
                }
            }
          }    
      }
     
    }
}