.manageUsers{
    position: relative;
    .manageUsersInner{
        width: 100%;
        .userportal{
            // position: absolute;
            // min-height: 100%;
            // padding: 0 0 3px 299px;
            .userprofile{
            //   margin: 20px;
            //   padding: 20px;
                margin: 20px 0;
                padding: 0;
              .userdetail{
                background: $st-text-ninth;
                padding: 10px;
                border-radius: 7px;
                margin: 10px 0 0 0;
                text-align: center;
                border-radius: 8px;
                box-shadow: 0 0px 15px -10px $st-text-primary ;
                strong{
                  font-size: 18px;
                }
                small{
                  font-size: 16px;
                  font-weight: 500;
                }
                span{
                  font-size: 14px;
                }
                p{
                  font-size: 12px;
                }
                .profileimage{
                  width: 100%;
                  height: 100%;
                  margin: 0 0 0 69px;
                  img{
                    width: 52px;
                    border-radius: 27px;
                  }
                 
                }
                .activeuser{
                  a{
                     font-size: 14px;
                     color: #2455f3;
                     text-align: center;
                  }
                }
                .editicon{
                float: right;
                a{
                  svg{
                    font-size: 14px;
                    color: #DA547F;
                  }
                }
             
                }
              }
            }
          
          }
          .btn-adduser {
            background: #ecbbbb; 
          
            height: 44px; 
            line-height: 44px;
            padding: 0 26px;
            color: $st-text-ninth;
            border: 1px solid $st-text-ninth;
           
        }
        .sub-headerlist{
            background: rgba(247, 243, 243, 0.8);
            padding: 10px;
            .subheadericon{
            float: right;
            position: relative;
            top: -53px;
            ul{
                li{
                svg{
                    color:#ef9494;
                }
                }
            }
            }
        }
        .dashboard-homescreen{
            margin-top: 20px;
            .featured{
                width: 100%;
                display: flex;
                justify-content: space-between;
                .featureditem{
                flex: 1;
                margin: 0 20px;
                padding: 30px;
                border-radius: 10px;
                cursor: pointer;
                box-shadow: 0 0px 15px -10px $st-text-primary ;
                -webkit-box-shadow: 0 0px 15px -10px $st-text-primary ;
                svg{
                    font-size: 28px;
                    color: #e3abc2;
                    float: right;
                }
                .featuredtitle{
                    font-size: 20px;
                
                }
                .faetureddetailsContainer{
                    margin: 0 10px;
                    display: flex;
                    align-items: center;
                }
                .featuredmoney{
                    font-size: 20px;
                    font-weight: 600;
                }
                .featuredrate{
                    display: flex;
                    margin-left: 10px;
                    align-items: center;
                
                }
                .featuredrate{
                    svg{
                    font-size: 12px;
                    margin-left: 5px;
                    color: #e60b29;
                    
                    }
                }
                
                .bottomtext{
                    font-size: 14px;
                    color: #837a7a;
                }
                }
            }
            .membersdetails{
                
                .small{
                padding: 20px;
                box-shadow: 0 0px 15px -10px $st-text-primary ;
                -webkit-box-shadow: 0 0px 15px -10px $st-text-primary ;
                margin:10px 20px 0 34px;
                flex: 1;
        
                .homescreentitle{
                    font-size: 15px;
                    font-weight: 600;
                }
                .smalllist{
                    margin: 0;
                    padding: 0;
                    list-style: none;
        
                    li{
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    margin: 20px 0;
        
                    .homescreendetails{
                        display: flex;
                        .user_id{
                        margin-right: 40px;
                        }
                        .userdetail{
                        margin-right: 40px;
                        }
                    }
                    .smallscreenbtn{
                    display: flex;
                    align-items: center;
                    border: none;
                    border-radius: 10px;
                    padding: 8px 10px;
                    }
        
                    }
                }
                }
                .large{
                padding: 20px;
                box-shadow: 0 0px 15px -10px $st-text-primary ;
                -webkit-box-shadow: 0 0px 15px -10px $st-text-primary ;
                margin:10px 31px 0 -6px;
                flex: 2;
                }
                }
        }
    }
  

  }
  .manageusermodel{
    .hide {
      display: none;
  }

  .valid {
      color: limegreen;
      margin-left: 0.25rem;
  }

  .invalid {
      color: red;
      margin-left: 0.25rem;
  }
  }
  .sec-main{
    .uploadwrap{
      display: flex;
      justify-content: space-between;
      .uploadbtn{
          margin: 0 0 10px 0;
      }

  }
  }