.votingwraper{
    // background: #fff;
    //  padding-top: 10px;
     .connections{
         margin-top: 0;
        //  .profilenav{
        //      li{
        //          a{
             
        //          }
        //      }
        //  }
         .votingtabs{
             position: relative;
             top: 50px;
          
         }
         .winerinfo{
             span{
                 font-size: 12px;
             }
         
         }
     .voterlist{
         ul{
             li{
                 border-bottom: 0;
                 .userImg {
                    width: 50px;
                    height: 50px;
                    img {
                        width: 45px;
                        height: auto;
                        border-radius: 50%;
                    }
                }
                .userInfo{
                    position: relative;
                    left: 0px;
                    top: 5px;
                    strong{
                        display: block;
                        @media #{$medium} {
                            font-size: 12px;
                            
                         }
                    }
                    span{
                        display: block;
                        @media #{$medium} {
                            font-size: 10px;
                            
                         }
                    }
                }
           
             }
         }
     
     }
     .votinggraph{
         margin-top: 50px;
        //  ul{
        //      li{
         
        //           margin-bottom: 20px;
        //           border-radius: 0 8px 8px 0;
        //           border: 1px solid #dadada;
        //           display: block;
        //           min-height: 40px;
        //           height: 100%;

        //           .graphscore{
        //             float: right;
        //             position: relative;
        //             top: 5px;
        //             right: -61px;
        //             width: 47px;
                   
        //          }
        //           &:nth-child(1){
        //               background: #F7C035;
        //               width: 75%;
        //           }
        //           &:nth-child(2){
        //             background:#70C65B;
        //             width: 90%;
        //         }
        //         &:nth-child(3){
        //             background:#8A4ADC;
        //             width: 92%;
                    
        //         }
        //         &:nth-child(4){
        //             background:#3EBAEF;
        //             width: 60%;
                    
        //         }
        //         &:nth-child(5){
        //             background:#FF6363;
        //             width: 42%;
                    
        //         }
        //          .bargraph{
        //             //  border: 1px solid #dadada;
        //             //  background: #8A4ADC;
        //             //  border-radius: 0 8px 8px 0;
        //             p{
        //                 color: #fff;
        //             }
        //          }
        //      }
          
        //  }
     }
     .count{
         margin-top: 80px;
         ul{
             li{
                 display: block;
                 
             }
         }
     }
     .winnerdetail{
         display: flex;
         align-items: center;
         justify-content: center;
     }
     .winner{
        margin: 10px 0 0px 10px;
        h2 {
            color: green;
            margin: 0;
            padding: 0;
            svg {
                margin-right: 6px;
            }
        }
     }
     .winerinfo{
         strong{
             display: flex;
             justify-content: center;
         }
         span{
             display: flex;
             justify-content: center;
             text-align: center;
         }
     }
     .votingmain{
        //  display: flex;
         justify-content: space-between;

         .votingresult-left{
            //  width: 50%;
            .connections{
                ul{
                    background: none!important;
                    li{
                       padding: 0 !important;
                       box-shadow: none !important;
                       border-radius: 8px;
                       font-size: 16px !important;
                       font-weight: 400 !important;
                       display: flex;
                       align-items: center;
                       //justify-content: space-between;
                       background: none;
                       border: 1px solid #ccc;
                       text-align: center;
                       margin-bottom: 20px;
                       a {
                        display: flex;
                        // flex-direction: column;
                        width: 30%;
                       }
                       ul{
                           width: 70%;
                           margin: 0;
                           padding: 0;
                        li{
                         //    left: 109px;
                         //    bottom: 35px;
                         //    position: relative;
                         border: 0;
                         margin-bottom: 0;
                         .graphmain{
                            display: flex;
                            justify-content: flex-start;
                            min-height: 30px; 
                            width: 90%;
                            height: 100%;
                            border-radius: 0 8px 8px 0;
                            .graphscore{
                            //    background: #F7C035;
                            //    border-radius: 0 8px 8px 0;
                               min-width: 1%;
                               position: relative;
                               strong{
                                position: absolute;
                                right: -18px;
                                top: 3px;
                            }
                            //    @media #{$small} {
                            //        left: 34px;
                            //        margin-left: 28px;
                            //      }
                           }
                        //    .graphscore1{
                        //        background:#70C65B;
                        //        width: 85%;
                        //        border-radius: 0 8px 8px 0;
                        //        @media #{$small} {
                        //            left: 34px;
                        //            margin-left: 28px;
                                     
                        //           }
                        //    }
                        //    .graphscore2{
                        //        background:#8A4ADC;
                        //         width: 80%;
                        //         border-radius: 0 8px 8px 0;
                        //        @media #{$small} {
                        //            left: 34px;
                        //            margin-left: 28px;
                        //         }
                        //    }
                        //    .graphscore3{
                        //        background:#3EBAEF;
                        //        width: 75%;
                        //        border-radius: 0 8px 8px 0;
                        //        @media #{$small} {
                        //            left: 34px;
                        //            margin-left: 28px;
                        //           }
                        //    }
                        //    .graphscore4{
                        //        background:#FF6363;
                        //        width: 70%;
                        //        border-radius: 0 8px 8px 0;
                        //        @media #{$small} {
                        //            left: 34px;
                        //            margin-left: 28px;
                        //         }
                        //    }
                        }
                        }
                        }
                        &:last-child{
                            margin-bottom: 0;
                        }
                    }
                }
            }
         }
         .votingresult-right{
             width: 50%;
         }
     
     }
    }
}
.selectposition-wrap{
.positionlist{
.userInfoWrap{
    position: relative;
    z-index: 2222;
}

// trophy css //@at-root
.tropy-wrap{
    position: absolute;
    left: 50%;
    top: 90%;
    z-index: 111;
// .mask {
//     margin: none;
//     display: flex;
//     justify-content: center;
//     align-items: center;
//     width: 100%;
//     height: 100vh;
//     background: gainsboro;
//     animation-fill-mode: forwards;
//     z-index: 100;
//     animation: leftToRight 6s linear;
//   }
  
  .cont {
    position: absolute;
    bottom: 90px;
    right: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: rotate 1s linear alternate infinite;
    transform: rotate(-10deg);
  }
  
  .tropmain {
    height: 97px;
    width: 75px;
    background: gold;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
  }
  
//   .stem2 {
//     position: fixed;
//     top: 190px;
//       border-bottom: 100px solid gold;
//       border-left: 50px solid transparent;
//       border-right: 50px solid transparent;
//       height: 0px;
//       width: 40px;
//     border-bottom-left-radius: 200px;
//     border-bottom-right-radius: 200px;
//     transform: rotate(180deg);
//   }
  .stem1 {
      position: absolute;
      top: 70px;
      border-bottom: 100px solid gold;
      border-left: 50px solid transparent;
      border-right: 50px solid transparent;
      height: 0;
      width: 40px;
      border-top-left-radius: 200px;
      border-top-right-radius: 200px;
  }
//   .base {
//     position: fixed;
//     width: 180px;
//     border-top-left-radius: 200px;
//     border-top-right-radius: 200px;
//     background: black;
//     height: 20px;
//     top: 380px;
//   }
  .arms {
    width: 140px;
    height: 80px;
    position: absolute;
    background: transparent;
    z-index: -1;
    border: #ddba00 7px solid;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
  
  }
//   .stemCrease {
//     position: absolute;
//     width: 60px;
//     height: 15px;
//     border-radius: 10px;
//     background: #ddba00;
//     top: 280px;
//     z-index: 1;
//   }
//   .star {
//     position: absolute;
//     font-size: 100px;
//     color: white;
//     top: 0px;
//     left: 100px;
//     transform-origin: center;
//     animation: shimmer .4s alternate infinite linear;
//   }
// //   end trophy css 
  
  @keyframes shimmer {
    to{transform: rotate(20deg)}
  }
  @keyframes rotate {
    to{transform: rotate(10deg)}
  }
  @keyframes leftToRight{
    0% {clip-path: circle(150px at 0% 100%);}
    20% {clip-path: circle(150px at 50% 15%);}
    30% {clip-path: circle(150px at 100% 50%);}
    40% {clip-path: circle(150px at 70% 100%);}
    70% {clip-path: circle(150px at -100% -100%);}
    80% {clip-path: circle(150px at -100% 200%);}
    85% {clip-path: circle(150px at 50% 200%);}
    90% {clip-path: circle(100% at 50% 80%);}
  }
  @keyframes shadow {
    0% {
      left: 0%;
      top: 100%;
    }
    20% {
      left: 50%;
      top: 15%;
    }
    30% {
      left: 100%;
      top: 50%;
    }
    40% {
      left: 70%;
      top: 100%;
    }
    70% {
      left: -100%;
      top: -100%;
    }
    80% {
      left: -100%;
      top: 200%
    }
    85% {
      left: 500%;
      top: 200%;
    }
    95% {
      left: 50%;
      top: 80%;
    }
    
  }
}
    
}
}

.disabled {
    pointer-events: none;
    //background: dimgrey;
    opacity: 0.3;
}