.electionPositionsWrap{ 
        .contant {
            background: $st-eighth-bg;
            border-radius: 0 0 12px 12px;
            padding: 20px;
        
            @media #{$small} {
              padding: 18px 20px;
        
            }
        
            .user-info {
              margin: 0;
              padding: 0;
              display: flex;
              justify-content: space-between;
        
              @media #{$small} {
                margin: 34px 0 0 0px;
                display: block;
              }
        
              li {
                font-size: 0.875rem;
                font-weight: 500;
                // margin: 0 58px 10px 0;
                color: $st-text-primary;
        
                img {
                  float: left;
                  margin-right: 5px;
        
                  @media #{$small} {
                    width: 19px;
                    height: 15px;
        
                  }
        
                }
        
                strong {
                  color: $st-text-fourth;
                  font-size: $st-font14;
                  font-weight: 500;
                }
              }
            }
        
            p {
              font-size: $st-font14;
              color: $st-heading-secondary;
              font-weight: 400;
              line-height: 22px;
            }
        
            strong {
              font-size: $st-font16;
              color: $st-heading-third;
              font-weight: 600;
              margin: 0;
              padding: 0 0 0px 0;
            }
        
            .data-info {
              margin: 0;
              padding: 0;
        
              li {
                // margin: 0px 0px 15px 0;
                // padding: 10px;
                padding: 20px;
                background: $st-seventh-bg;
                box-shadow: 0px 3px 10px $st-boxshadow-primary;
                border-radius: 8px;
                font-size: 14px;
                font-weight: 500;
                display: flex;
                border: 2px solid $st-seventh-bg;
                transition: ease all 0.3s;
        
                &:hover {
                  border-color: $st-border-secondary;
                }
        
                .li-contant {
                  width: 90%;
        
                  strong {
                    padding: 0 0 0px 0;
                    font-weight: 500;
                    font-size: 1rem;
                    color: $st-text-primary;
                  }
        
                  p {
                    padding: 0;
                    color: $st-text-secondary;
                    padding: 0;
                    margin: 0;
                  }
        
                  a {
                    float: right;
                    color: $st-text-eigth;
                    position: absolute;
                    top: 38px;
                    right: 30px;
        
                    svg {
                      margin: 0;
                      font-size: 24px;
                    }
        
                    &:hover {
                      color: $st-text-primary;
                    }
                  }
                }
              }
        
              figure {
                padding: 0 20px 0 0;
                margin: 0 20px 0 0;
                border-right: 1px solid $st-border-primary;
                display: flex;
                align-items: center;
        
                @media #{$small} {
                  padding: 2px 8px 0 0;
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
        
                }
        
                img {
                  width: 45px;
                  height: 45px;
                  border-radius: 25px;
        
                  @media #{$small} {
                    width: 28px;
                  }
                }
        
              }
        
              .controll-icon {
                display: flex;
                justify-content: flex-end;
                align-items: center;
                svg {
                  font-size: 20px;
                  color: #0097bd;
                }
        
                a {
                  font-size: $st-font18;
                  margin: 0 0 0 10px;
                  color: $st-text-eigth ;
        
                  &:first-child {
                    &:hover {
                      color: $st-text-third;
                    }
                  }
        
                  &:last-child {
                    &:hover {
                      color: $st-text-fourth ;
                    }
                  }
                }
        
                &:first-child {
                  margin: 0;
                }
              }
            }
        
            .list-inline-item {
              &:hover {
                .edit {
                  color: blue !important;
                }
        
                .delete {
                  color: #CA0000 !important;
                }
              }
            }
          }  
    
          .election-position{
            display: none;
          }
          .electionposition-open{
            display: block;
            padding: 25px 25px 0 25px;
            position: relative;
            // bottom: 40px;
            
            .positionWhiteBox{
              background: #ffffff;
              border-radius: 8px;
              box-shadow: 0 0px 15px -10px#000;
              padding: 20px;
            }
          }
}