.groupmain{
  .dashboardwrapper{
    .dashviewprofile {
      .viewcount{
        @media #{$medium} {
          margin-right: -9px;
       }
      }
    }
    .timelinewrapper {
      .usersGroup{
        background: $st-eighth-bg;
        // margin-bottom: 1.25rem;
        margin-bottom: 10px;
        .groupImg{
            // background: $st-primary-bg;
            // padding:0.625rem ;
            border-radius: 8px 8px 0 0;
            height: 180px;   
            img {
              width: 100%;
              height: inherit;
            }
        }
        .groupDetail{
             padding:14px 0px 30px 30px;
            p{
               font-size: $st-font14;
               color: $st-text-secondary;
               margin: 4px 0 0 0; 
           }
           a{
               color:$st-text-third ;
           }
           h5{
               font-size: $st-font32;
               color: #050101;
               font-weight: 500;
               padding: 0px 0 10px 0; 
           }
           .righticon{
               float: right;
               color: $st-text-tenth ;
               font-size: $st-font14;
               margin-right: 10px;
               .menuicon{
                   font-size:  $st-font16;
                   color: $st-text-third;
                   font-weight: 600;
                   svg{
                     margin-top: -8px;
                     color: $st-text-tenth;
                     font-size: $st-font16 ;
                   }
                   button{
                     background: none;
                     border: 0;
                     color: $st-text-ninth;
                     font-size: 14px;
                     background: $st-fifth-bg;
                   }
                 }
           }
        }
      }
      .timelinePost{
        .PostHeadWrap{
          .userInfo{
            span{
              @media #{$medium} {
                 font-size: 10px;
              }
              @media #{$small} {
                font-size: 10px;
             }
            }
          }
        }
       .postFooterWrap .footerSecThree .writeCommentWrap .commentsWrapper .userComments li .media-body .comment
         {
          @media #{$medium} {
            min-width: 100px;
         }
        }
      }
    }
    .rightsideconn{
      .massagemain {
        .connections{
          margin-top: 0;
          .groups {
            svg {
              font-size:$st-font16;
              color: #B76C6C;
              margin: 10px 0 0 0;
              float: left;
            }
            h2{
              @media #{$medium} {
                margin-left: -3px; 
              }
            }
            .righticon{
              float: right;
              a{
                float: right;
                position: absolute;
                right: 40px;
                svg{
                  margin: 10px 14px 0 0;
                  @media #{$medium} {
                    margin: -22px -10px 0 0;
                 }
                }
                &.popupbtn {
                  border: 1px solid $st-border-primary;
                  width: 28px;
                  line-height: 24px;
                  height: 28px;
                  border-radius: 6px;
                  top: 15px;
                  right: 10px;
                  text-align: center;
                  svg {
                    float: none;
                    margin: 0;
                    font-size: $st-font18;
                    color: $st-text-eigth;
                  }
                }
              }
              @media #{$medium} {
                 margin-right: 4px;
              }
              @media #{$small} {
                margin-right: 4px;
             }
            }
          }
          .profilenav {
            margin: 0;
            padding: 0;
            background: #fff;
            border-radius: 0;
            max-height: 100%;
            overflow-y: auto;
            li {
              display:inline-block;
              margin: 0;
              width: 100%;
              
              &.personal {
                a {
                 font-size: 14px;
                 color: $st-text-primary;
                 display:flex;
                 align-items: center;
                 border: none;
                 padding: 10px;
                 svg{
                     font-size:14px;   
                     margin: 5px 10px 0 0;
                     float: right;
                     
                 }
               
                .personalinfo{
                  float: left;
                  .messageomnth{
                    float: right;
                  
                    span{
                      font-size: 0.5rem;
                      background: $st-primary-bg;
                      color: $st-text-ninth;
                      border-radius: 8px;
                    }
                  }
                  
                  p{
                    font-size: 10px;
                    color: $st-text-secondary;
                    
                 }
                 strong{
                   font-size: 14px;
                 }
                }
                .postimgage{
                  width: 50px;
                  float: left;
                }
        
                  @media #{$medium} {
                    padding: 15px 10px;
                  }
                }
        
                a.active {
                  color: $st-text-primary;
                  font-weight: 700;
        
                  svg {
                    color: $st-text-fourth;
                  }
                }
              }
        
              &.education {
                a {
                  &:hover {
                    color: $st-text-primary;
                    font-weight: 700;
        
                    svg {
                      color: $st-text-fifth ;
                    }
                  }
                }
        
                a.active {
                  color: $st-text-primary;
                  font-weight: 700;
        
                  svg {
                    color: $st-text-fifth ;
                  }
                }
              }
        
              &.details {
                a {
                  &:hover {
                    color: $st-text-primary;
                    font-weight: 700;
        
                    svg {
                      color: $st-text-sixth ;
                    }
                  }
                }
        
                a.active {
                  color: $st-text-primary;
                  font-weight: 700;
        
                  svg {
                    color: $st-text-sixth ;
                  }
                }
              }
        
              &.neu {
                a {
                  &:hover {
                    color: $st-text-primary;
                    font-weight: 700;
        
                    svg {
                      color: $st-text-seventh;
                    }
                  }
                }
        
                a.active {
                  color: $st-text-primary;
                  font-weight: 700;
        
                  svg {
                    color: $st-text-seventh;
                  }
                }
              }
        
              a {
                font-size: 15px;
                color: $st-text-secondary;
                padding: 15px 20px;
                border-top: 1px solid rgba(0, 0, 0, 0.2);
                display: block;
        
                svg {
                  margin: -3px 10px 0 0;
                }
              }
              &:hover {
                .righticon {
                  .edit {
                    color: blue !important;
                  }
                  .delete {
                    color: #CA0000 !important;
                  }
                } 
              }
            }
        
            @media #{$small} {
              display: block;
            }
    
          } 
          .showList {
            display: block;
          }
        }
      }
    }
  }    
}

.MuiDialog-container {
  .MuiDialogContent-root {
    padding: 16px!important;
  }
}