*{
        margin: 0px;
        padding:0px;
}

/* width */
::-webkit-scrollbar {
    width: 8px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
  }

  /* Handle */
::-webkit-scrollbar-thumb {
    background: #4F4F4F;
    border-radius: 10px;
  }

    /* Pagination container */
    .pagination {
        padding: 10px;
        border-radius: 8px;
        display: inline-flex;
        gap: 4px;
    }

    /* Regular page links */
    .pagination .page-link {
        background-color: white; /* Darker gray */
        color: black; /* White text */
        border: 1px solid #495057;
        border-radius: 4px;
        transition: all 0.2s ease;
    }

    /* Hover effect */
    .pagination .page-link:hover {
        background-color: #495057;
        color: #ffffff;
        text-decoration: none;
    }

    /* Active page */
    .pagination .active .page-link {
         background-color: #212529;
        color: #ffffff;
        border: #212529;
    }

    /* Disabled state */
    /* .pagination .disabled .page-link {
        background-color: #212529;
        color: #6c757d;
        pointer-events: none;
    } */

@media (max-width: 768px) {
  .pagination li {
    display: none;
  }

  .pagination li:first-child,   /* prev */
  .pagination li:last-child,    /* next */
  .pagination li.active,        /* current */
  .pagination li.active + li,   /* next */
  .pagination li.active + li + li /* 2nd next */
  {
    display: inline-block;
  }
}



body{
    width: 100%;
    overflow-y: hidden;
}

.socialontap{
    margin-bottom:10px;
}

.realmobile{
 height: auto !important;
}



.realmobile a{
    text-decoration: none;
    color: #333333;
}

.realmobile a:hover{
    color: #333333;
}


.realmobile .highlightcover img{
    width: 25.5% !important;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px;
    border-radius: 20%;
}
.pre-socialicon img{
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px;
    border-radius: 20%;
}

.realmobile .highlightcover{
    padding-left: 5% !important;
}

#nonexistprofileimg{
    display: none !important;
}


input:focus,input:active {
    outline: none !important;
    box-shadow: none !important;
   border: none;
 }

 textarea:focus,textarea:active {
    outline: none !important;
    box-shadow: none !important;
   border: none;
 }

li{
    list-style: none;
}
a{
    text-decoration: none;
}
.logindiv{
    background-color: #EDEDED;
    height: auto;
    width: 100vw;

}

.hide-scrollbar {
  overflow: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE 10+ */
}

.hide-scrollbar::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Edge */
}

.logindiv .loginleft{
    width: 45vw;
    background-color: white;
    border-bottom-right-radius: 3vw;
    border-top-right-radius: 3vw;
    padding:5%;
    overflow: auto;
    padding-left:10%;
    padding-right:10%;
    height: 100vh;
}
.logindiv .loginright{
    width: 55vw;
    background-color: #EDEDED;
    padding:5%;
    padding-left:10%;
    padding-right:10%;
    height: 100vh;
}

.loginrow{
    display: flex;
}

.loginbtn{
    font-size: 16px !important;
    border-radius: 20px !important;
    width: 100% !important;
    font-weight: bold !important;
    padding-top: 2% !important;
    padding-bottom: 2% !important;
}

.urlbox{
    font-size: 16px !important;
    border-radius: 10px !important;
    width: 100% !important;
    font-weight: bold !important;
    padding: 2%;
    height: 50px;
    background-color: #F7F7F7;
}

.urlbox span{
    font-weight: 400 !important;
    font-size: 14px !important;
}

.savebtn{
    font-size: 14px !important;
    border-radius: 25px !important;
    width: 150px !important;
    font-weight: bold !important;
    padding-top: 1.5% !important;
    padding-bottom: 1.5% !important;
}
.urltextprofile{
    border-style: none !important;
    background:transparent !important;
}
.cancelbtn{
    font-size: 14px !important;
    border-radius: 25px !important;
    width: 110px !important;
    font-weight: bold !important;
    padding-top: 1.5% !important;
    padding-bottom: 1.5% !important;
    border: 1px solid #d6d6d6 !important;
    margin-right: 10px !important;
}
.exchangebtn{
    font-size: 12px !important;
    border-radius: 25px !important;
    width: 150px !important;
    font-weight: bold !important;
    padding-top: 2.5% !important;
    padding-bottom: 2.5% !important;
    margin-right:3%;
}

.realmobileexchangebtn{
    font-size: 14px !important;
    border-radius: 25px !important;
    width: 75% !important;
    font-weight: bold !important;
    padding-top: 3.5% !important;
    padding-bottom: 3.5% !important;
    margin-right:3%;
}

.orbox{
    width: 100%;
    color:rgb(130, 130, 130);
    font-size: 12px;
    font-weight: bold;
    width: 92%;
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
}
.forminlogin{
    background-color: #F7F7F7 !important;
    padding: 13px 24px !important;
    border-radius: 10px;
    border:none !important;
}

input::placeholder {
    opacity: .5 !important;
}

textarea::placeholder {
    opacity: .5 !important;
}

.forgotpasswordlink{
    color: rgb(79, 79, 79);
    font-size: 12px;
    font-weight: 600;
    width: fit-content;
    text-decoration: none;
}
.topiclogin{
    font-size: 30px;
    font-weight: 500;

}
.coverlist{
    padding:0px !important;
}
.spanlist{
    padding-left: 7px;
    font-size: 16px;
}
.linktest{
    color:rgb(41, 174, 248) !important;
}
.linktest i{
    color: rgb(41, 174, 248) !important;
}

li > *{
    display: inline-block;
    vertical-align: middle;
    }

.field-icon {
    float: right;
    position: relative;
    z-index: 2;
    margin-top: -34px;
    margin-right: 20px;
    color: #D4D4D4;
    font-size: 18px;
    }
.fa-eye-slash{
    color: #D4D4D4;
}

.forgotinfotext{
    color: #333333;
    font-size: 13px;
    line-height: 140%;
    padding-top: 5px;
    padding-bottom: 30px;
}
/* swal2-confirm swal2-styled */
.swal2-styled.swal2-confirm{
    background-color: black !important;
    outline: 0px !important;
    box-shadow: none !important;
}

.sidebarcol{
    width: 18%;
    padding: 2% 1% 2% 1%;
    height: 100vh;
}

.mainsidebar{
    background-color: white;
    width: 100%;
    height: 100%;

}

.mainsidebar ul li{
    padding: 6% 7% 6% 7%;
    border-radius: 7px;
    cursor: pointer;
}
.mainsidebar ul li:hover{
    background-color: #F7F7F7;
}

.mainsidebar ul li i{
    color: #d6d6d6 !important;;
}

.mainsidebar ul .active{
    background-color: #F7F7F7!important;
}

.listmenu{
    margin-left: 5px;
}
.imgcoverinsight{
    width: 3rem;
    height: 3rem;
    overflow: hidden;
    border-radius: 50%;
    margin-right:2%
}
.imgcoverinsight img{
    width: 100%;
}

.mainsidebar ul{
    margin:0px;
    padding-top: 6%;
    padding-left: 0px;
    padding-right: 0px;
    height: 60%;
}

.bottommainsidebar{
    padding-bottom: 20%;
}

.maindashboard{
    width: 82%;
    padding: 3% 4% 3% 4%;
    background-color: #F7F7F7;
}


.search{
    position: relative;
    /* width: 40vw; */

    }

    .search input{

     text-indent: 25px;
     border: none;
     padding: 1.5%;
     border-radius: 50px;
     background-color: white;
     width: 450px;

    }


    .search .fa-search{

     position: absolute;
     top: 14px;
     left: 16px;
     color: #C2C2C2;
     font-size: 12px !important;

    }


.searchsocial{
    position: relative;
    /* width: 40vw; */

    }

    .searchsocial input{

     text-indent: 25px;
     border: none;
     padding: 1.5%;
     border-radius: 50px;
     background-color: white;
     width: 250px;
     padding-left: 3%;

    }


    .searchsocial .fa-search{

     position: absolute;
     top: 10px;
     left: 15px;
     color: #C2C2C2;
     font-size: 12px !important;

    }

    .memberheader{
        height: 53px;
    }
    .shareprofilebtn{
        height: 35px !important;
        /* font-weight: bold !important; */
        padding-left: 0px;
        padding-right: 0px;
        font-size: 14px !important;
    }
    .shareprofilebtns{
        height: 35px !important;
        /* font-weight: bold !important; */
        padding-left: 0px;
        padding-right: 0px;
        width: 180px !important;
        font-size: 14px !important;
    }
    .rightmemberhead{
        width: 70%;
        justify-content: space-between;
    }

    /* toggle */

  .toggle-2 {
      display: inline-block;
      /* vertical-align: top; */
      /* margin: 0 15px 0 0; */
  }

          .toggle-2__input {
              display: none;
          }

          .toggle-2__button {
              position: relative;
              display: flex;
              justify-content: space-between;
              align-items: center;

              font-size: 1rem;
              line-height: 20px;
              text-transform: uppercase;
              color: white;
              background-color: #F7F7F7;
              border: solid 1px #d6d6d6;
              border-radius: 20px;

              width: 98px;
              height: 38px;
              cursor: pointer;
              transition: all 0.3 ease;
          }

              .toggle-2__button--icon {
                  height: 16px;
                  width: auto;
                  padding: 0 16px;
                  z-index: 5;

              }

          .toggle-2__button::before {
              position: absolute;
              top: 0px;
              left: 0px;
              content: '';

              display: inline-block;
              height: 36px;
              width: 50px;

              background-color:white;
              border-radius: 20px;

              transition: all 0.3s ease;
          }

          .toggle-2__input:checked + .toggle-2__button {
              background: #F7F7F7;
              border: solid 1px #d6d6d6;

          }
          .toggle-2__input:checked + .toggle-2__button::before {
              content: '';
              left: 45px;
              background-color:white;
          }

          .membercontent{
            /* background-color: red; */
            height: 80vh;
            overflow-y: auto;
          }

          .rowmember{
            display: flex;
            flex-wrap: wrap;
            /* justify-content: space-between; */
            justify-content: flex-start;
          }

          .items{
            background-color: white;
            height: 340px;
            border-radius: 15px;
            padding: 7px;
            width: 31.9%;
            margin-top: 16px;
            position: relative;
            margin-right: 15px;
          }
          .imgmember{
            width: 100%;
            border-radius: 15px;
            height: 40%;
            overflow: hidden;
          }

          .imgmember img{
            width: 100%;
          }

          .dropbtn {
            background-color: white;
            color: black;
            padding: 3px 8px 3px 8px;
            font-size: 16px;
            border: none;
            border-radius: 15px;
            width: 50px;
          }

          .dropbtnsub {
            background-color: white;
            color: black;
            padding: 5px 10px 5px 10px;
            font-size: 16px;
            border: 1px solid #d6d6d6;
            border-radius: 20px;
            width: 50px;

          }


          .dropdown {
            position: absolute !important;
            top: 5%;
            right: 5%;
            display: inline-block;
          }

          .dropdown-content {
            display: none;
            position: absolute;
            background-color: white;
            min-width: 210px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
            right:0px;
          }

          .dropdown-content a i{
            color: #828282;
          }

          .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
          }



        .dropdown-content a:hover {background-color: #F7F7F7;
        border-radius: 25px;
        color: black;
    }

    .profilebox{

        border: 6px solid white;
        width: 7vw;
        height: 7vw;
        border-radius: 50%;
        position: absolute;
        top: 23%;
        left: 0px;
        right: 0px;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        background-color: white;
    }

    .profilebox img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .profiletext{
        text-align: center;
        padding-top: 16%;
        height: 155px;
    }

    .profileicon{
        justify-content: space-between;
        width: 60%;
        margin-left: auto;
        margin-right: auto;
        font-size: 16px;
    }

    .profileicon span {
        font-size: 14px;
    }

    .profileicon span i{
        color: #828282;
    }

    .listleads{
        margin-top: 10px;
    }
    .listleads .row{
        padding: 0px !important;
        margin:0px !important;
    }
    .listleads .listrow{
        border-radius: 25px;
        display: flex;
    }

    .listlayout{
        margin-top: 10px;
    }
    .listlayout .row{
        padding: 0px !important;
        margin:0px !important;
    }
    .listlayout .listrow{
        border-radius: 25px;
        display: flex;
    }


    .listhead{
        text-align: left;
        color: #828282;
        font-size: 13px;
        font-weight: bold;
    }
    .listcontent{
        background-color: white;
        padding: 1%;
    }
    .listprofilebox{
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: white;
        margin-left: auto;
    }

    .listcontent span{
        line-height: 50px;
    }

    .listcontent h6,  .listcontent p{
        margin-bottom: 0px !important;
    }
    .listcontent span{
        font-size: 11px;
    }

    .tooltip-inner {
        font-size: 10px;
        background-color: #828282 !important;
    }

    .tooltip-arrow{
        display: none !important;
    }
    .membercontent{
        background-color: white;
        border-radius: 20px;
        overflow-y: auto;
        overflow-x: hidden;
    }




    .leftmembercontent{
        border-right: 1px solid #d6d6d6;
        height: 80vh;
        padding: 2% 3% 3% 3% !important;
    }

    .subsidebar{
        background-color: white;
        width: 100%;
        height: 100%;

    }

    .subsidebar ul li{
        padding: 10% 7% 6% 7%;
        border-radius: 7px;
        cursor: pointer;
    }
    .subsidebar ul li:hover{
        background-color: #F7F7F7;
    }

    .subsidebar ul li i{
        color: #d6d6d6 !important;;
    }

    .subsidebar ul .active{
        background-color: #F7F7F7!important;
    }

    .subsidebar ul{
        margin:0px;
        padding-top: 6%;
        padding-left: 0px;
        padding-right: 0px;
        height: 90%;
    }

    .subsidebar p{
        font-size: 14px;
        color: #828282;
    }

    .subsidebar span{
        font-size: 14px;
    }

    .profilemembersicon{
        width: 50px;
        height: 50px;
        overflow: hidden;
        border-radius: 50%;
        border: 3px solid white;
    }

    .rightmemberheadsub{
        width: 10%;
        justify-content: space-between;

    }

    .leftmemberheadsub{
        width: 60%;
        justify-content: start;
    }
    .leftmemberheadsub i{
        margin-right: 2%;
    }
    .leftmemberheadsub hr{
        margin-right: 2%;
    }
    .leftmemberheadsub .profilemembersicon {
        margin-right: 2%;
    }

    .dropdownsub {
        position: relative;
        display: inline-block;
        margin-top: 7px;
      }

      .dropdownsub-content {
        display: none;
        position: absolute;
        background-color: white;
        min-width: 210px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 4;
        top: 44px;
        right: 0px;
        border-radius: 20px;
        padding: 14%;
      }

      .dropdownsub-content a i{
        color: #828282;
      }

      .dropdownsub-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
      }



    .dropdownsub-content a:hover {background-color: #F7F7F7;
    border-radius: 20px;
    color: black;
}

.rightmembercontent{
    overflow-y: hidden !important;
    padding: 0px !important;
}
.previewmobilecover{
    position: relative !important;
    width: 100%;
    padding-left: 16%;
    padding-right: 16%;
    overflow: hidden !important;
    height: 100vh;
}

.centermembercontent{
    border-right: 1px solid #d6d6d6;
    width: 50%;
    padding:0px !important;


}
.hideondesktop{
    display: none;
}

.abouthead{
    padding: 5% 5% 3% 5% !important;
}
.abouthead button{
    font-size: 12px;
    border-radius: 25px;
    border: 1px solid #d6d6d6;
}

.abouthead button i{
    color: #828282;
}
.coveraboutcontent{
    overflow-y: auto;
    height: 70vh;
}

.aboutcontent{
    font-size: 14px;
    font-weight: 600;
    color: #4F4F4F;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0% 5% 3% 5%;

}
.aboutcontent .form-control{
    font-size: 14px !important;
}
.aboutcontent .form-label{
    font-size: 14px;
    font-weight: 600;
    color: #4F4F4F;
}
.profilecoversection{
    font-size: 14px;
    width: 80%;
    font-weight: 600;
    color: #4F4F4F;
}

.aboutcontent{
    width: 100%;
}

.profilepicturesection{
    width: 30%;
}

.profilecoversectionimg{
    width: 50%;
    text-align: center;
}

.input-profileimg .image-uploader .uploaded .uploaded-image{
width: 100% !important;
height: 100px !important;
}

.input-profileimg .iui-cloud-upload:before{
    content: url('../img/account.png');
}

.input-profileimg .image-uploader {
    min-height: 0px !important;
    border-style: none !important;
    position: relative;
    border-radius: 50%;
    width: 100px;
    height: 100px !important;
    background-color: rgb(242, 242, 242);
    margin-top: 8px;
}

.input-profileimg .image-uploader .upload-text span {
    font-size: 8px;
    text-align: center;
}


.image-uploader .upload-text i {
    font-size: 0rem !important;
}

.image-uploader span{
    width: 80% !important;
}

.input-profileimg .image-uploader .uploaded .uploaded-image {
   margin:0px !important;
   border-radius: 50%;
   overflow: hidden;
   width: 100px !important;
   height: 100px !important;
}

.image-uploader .uploaded{
    padding: 0px !important;
}

.input-profileimg .image-uploader .uploaded .uploaded-image .delete-image {
top: 2rem !important;
right: 2rem !important;
text-decoration: none !important;
}

/* sub profile img */


.input-profileimgs .image-uploader .uploaded .uploaded-image{
    width: 100% !important;
    height: 100px !important;
    }

    .input-profileimgs .iui-cloud-upload:before{
        content: url('../img/account.png');
    }

    .input-profileimgs .image-uploader {
        min-height: 0px !important;
        border-style: none !important;
        position: relative;
        border-radius: 50%;
        width: 100px;
        height: 100px !important;
        background-color: rgb(242, 242, 242);
        margin-top: 8px;
    }

    .input-profileimgs .image-uploader .upload-text span {
        font-size: 8px;
        text-align: center;
    }


.input-profileimgs .image-uploader .uploaded .uploaded-image {
    margin:0px !important;
    border-radius: 50%;
    overflow: hidden;
    width: 100px !important;
    height: 100px !important;
 }


 .input-profileimgs .image-uploader .uploaded .uploaded-image .delete-image {
 top: 2rem !important;
 right: 2rem !important;
 }



/* cover image */

.input-profilecover .image-uploader .uploaded .uploaded-image{
    width: 100% !important;
    height: 100px !important;
    }

    .input-profilecover .iui-cloud-upload:before{
        content: url('../img/account.png');
    }

    .input-profilecover .image-uploader {
        min-height: 0px !important;
        border-style: none !important;
        position: relative;
        border-radius: 25px;
        width: 250px;
        height: 100px !important;
        background-color: rgb(242, 242, 242);
        margin-top: 8px;
    }

    .input-profilecover .image-uploader .upload-text span {
        font-size: 8px;
        text-align: center;
    }

    .input-profilecover .image-uploader .uploaded .uploaded-image {
       margin:0px !important;
       border-radius: 25px;
       overflow: hidden;
       width: 250px !important;
       height: 100px !important;
    }

    .input-profilecover .image-uploader .uploaded .uploaded-image .delete-image {
    top: 2rem !important;
    right: 6.5rem !important;
    text-decoration: none !important;
    }

    .input-profilecover .image-uploader .uploaded .uploaded-image img {
        left: 0px !important;
    }

    .textareabio{
       width: 100% !important;
       background-color: #F7F7F7;
       padding: 2%;
       border-style: none !important;
       font-size: 14px !important;
       border-radius: 10px;
    }

    .timepreview{
        position: absolute;
        left:27%;
        top:4.5vh;
        font-size: 0.5rem;
    }

    .pre-banner{
        position: absolute !important;
        left:0px;
        right:0px;
        z-index: 2;
        margin-left: auto;
        margin-right: auto;
        height: 18%;
    }

    .pre-profileimg{
        background-color: white;
        position: absolute;
        top:8%;
        left:0px;
        right:0px;
        z-index: 2;
        margin-left: auto;
        margin-right: auto;
        width: 7vw;
        height: 7vw;
        object-fit: cover;
        border-radius: 50%;
        border: 6px solid white;

    }

    .iprofileimg{
        position: absolute;
        top:11%;
        left:0px;
        right:0px;
        z-index: 2;
        margin-left: auto;
        margin-right: auto;
        width: 9vw;
        height: 9vw;
        object-fit: cover;
        border-radius: 50%;
        border: 6px solid white;

    }

    .introtext{
        text-align: center;
    }

    .themecolor p{margin:0;
        padding:0px 4px 0px 4px;
        word-wrap: break-word !important;
    }
    .pre-introtext{
        position: absolute !important;
        top:0px;
        left:3%;
        right:0px;
        z-index: 2;
        text-align: center;
        font-size: 14px;
        margin-left: auto;
        margin-right: auto;
    }

    .pre-highlights{
        margin-top:5%;
        padding-left: 9%;
        padding-right: 9%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .pre-socialicon{
        padding-top: 2%;
        overflow-wrap: break-word;
        padding-bottom: 2%;
        width: 32%;
        cursor: pointer;
        font-size: 13px;
    }

    .themecolor .fa-user-plus{
        display: none;
    }
    .themecolor .exchangebtn{
        margin-right: 0px;
    }

    .insidephonepreview .pre-socialicon img{
        box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px;
        border-radius: 20%;
    }

    .insidephonepreview .bottomcolor{
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: -1;
        width: 25%;
        margin-left: auto;
        left: 0px;
        right: 0px;
        margin-right: auto;
    }

    /* .pre-socialicon{
        margin-top:18px;
    } */

    .previewmobilecover .highlightcover{
        padding: 2% 5.5% 2% 5.5%;
    }
    .highlightcover{
        padding: 3% 0% 3% 3%;
        display: flex;
        cursor: pointer;
        background-color:rgb(247, 247, 247);
        align-items: center;
        border-radius: 15px;
    }

    .pre-highlights a{
        text-decoration: none !important;
        color: #333333;
    }

    .pre-highlights a:hover{
        text-decoration: none !important;
        color: #333333;
    }


    .insidemobilecover{
        width: 80%;
        height: 50vh;
        overflow-y: auto;
    }



    .mobilecontainer{
        width: 59%;
        min-height: 400px;
        position: absolute;
        top: 7vh;
        left: 0px;
        right: 0px;
        margin-left: auto;
        margin-right: auto;
        /* border-radius: 0px 0px 25px 25px; */
        overflow-y: auto;
        overflow-x: hidden;

    }

    .mobilecontainer::-webkit-scrollbar {
        display: none !important;
    }

    .highlightcover p{
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
        word-break: break-word;
        white-space: normal;
    }
    .highlightcover img{
        width:26%;
        height:auto;
        margin-right:10px;
        border-radius: 20%;
    }

    .socialicon{

        padding: 3% 7% 3% 2%;
        width: 44%;
        cursor: pointer;
    }

    .pre-socials{
        display: flex;
        padding-left: 7%;
        padding-right: 7%;
        margin-top: 3%;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .colorchoosebox{
        margin-top: 2%;
        margin-bottom: 2%;
    }
    .colorcircle{
        width: 35px;
        height: 35px;
        border-radius: 50%;
        border: 2px solid white;

    }

    .previewcolorbox{
        width: 35px !important;
        height: 35px !important;
        padding:3px !important;
        border-style: none;

    }

    .linkssocial{
        height: 50vh;
        overflow-y: auto;
        overflow-x: hidden;
        padding-right: 2%;
    }

    .membercontent .pre-banner{
        height: 6rem !important;
    }

    .membercontent .pre-profileimg{
        top:3rem !important;
    }

    .popupaddlinkscover{
        position: fixed;
        height: 100vh;
        width: 100%;
        background-color: gray;
        top:0px;
        left:0px;
        z-index: 6;
        opacity: 0.9;
    }
    .popupaddlinks{
        padding: 3%;
        position: absolute;
        height: 80vh;
        width: 50vw;
        background-color: white;
        top:10vh;
        left:0px;
        right: 0px;
        border-radius: 50px;
        z-index: 6;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
    }

    #table_wrapper th{
        border-style: none !important;
        border: 0px !important;
    }

    #table_wrapper {
        height: 70vh !important;
        overflow-x: hidden;
        overflow-y: auto !important;
    }
/*
    #table{


    } */


    .table>:not(caption)>*>* {
        padding-left:0px !important;
        padding-bottom: 1px !important;
    }
    #tablecontents tr{
        border-style: none !important;
        border: 0px !important;


    }

    #tablecontents tr td{
        border-style: none !important;
        border: 0px !important;

    }
    .dataTables_empty{
        text-align: center;
        display: none;
    }



    .popupaddlinkseditmail{
        padding: 3%;
        position: absolute;
        height: 80vh;
        width: 50vw;
        background-color: white;
        top:10vh;
        left:0px;
        right: 0px;
        border-radius: 50px;
        z-index: 6;
        margin-left: auto;
        margin-right: auto;
        font-size: 14px;
    }

    .popuplinksinfo{
        padding: 3%;
        position: absolute;
        height: 80vh;
        width: 50vw;
        background-color: white;
        top:10vh;
        left:0px;
        right: 0px;
        border-radius: 50px;
        z-index: 6;
        margin-left: auto;
        margin-right: auto;
        font-size: 14px;
    }

    .itemcontact{
        width: 32%;
        height: 10vh;
        background-color: #F7F7F7;
        border-radius: 15px;
        padding: 2%;
        cursor: pointer;
        transition: box-shadow 0.25s ease-out;
    }
    .itemcontact img{
        width: 6vh;
        height: 6vh;
        height: auto;
        object-fit: contain;
    }

    .itemcontact:hover{
        background-color: white;
        box-shadow: 10px 10px 20px 0px #EDEDED;
    }

    .popuplinksinfo a{
        text-decoration: none;
        color: #C2C2C2;
    }

   .popuplinksinfo a:hover{
    color: #C2C2C2;
   }

   /* .form-check-input:checked{
    background-color: black !important;
    border-color: black !important;
   } */

   .popuptimes{
    color: #828282;
    cursor:pointer;
    font-size: 20px !important;
   }

   .sortabletable{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
   }

   .list-group-item:first-child{
    background-color: #F7F7F7;
    border-radius: 10px !important;
   }
   .list-group-item+.list-group-item{
    background-color: #F7F7F7;
    border-radius: 10px !important;
   }
   .sortabletable ul li{
    margin-top: 2.5%;
    height: 8vh;
   }

   .list-group-item img{
    width: 5vh;
    height: 5vh;
    margin-top:0.5vh;
    border-radius: 10px;
   }

  .list-group-item span{
    margin-left:3%;
    font-weight: bold;
    font-size: 14px;
  }

  .fa-grip-lines-vertical{
    color: #828282;
    margin-right: 9px;
  }
  .coveritemdetail{
    padding:3%;
  }
  #backtolistcontent{
    font-size: 14px;
    padding-left: 1%;
  }

  .daterangepicker .drp-buttons .btn{
    background-color: black !important;
    color: white !important;
  }

  .daterangepicker .ranges li.active{
    background-color: black !important;
    font-weight: bold !important;
    color: white !important;
  }
  .selectbtn{
    margin-right: 10px;
  }
  .listcontent{
    height: 100%;
  }
  .listcontent .dropdown-toggle::after{
    display: none !important;
  }

  .listcontent .dropdown{
    background: transparent !important;
  }

  .listcontent button{
    border-style: none !important;
    background: transparent !important;
  }

  .listcontent ul li{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px !important;
  }

  /* .moreoptionclass{
    padding-top: 25px !important;
    padding-right: 3vw !important;
  } */
  .sendandexportbox{
    position: absolute;
    bottom: -2%;

    left:17%;
    right:0;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    background-color: black;
    color: white;
    padding: 1.5%;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
  }
  .sendandexportbox span{
    cursor: pointer;
  }
  .viewcontaing{
    width: 100%;
  }

  .graphviews{
    cursor: pointer;
    background-color: white;
    width: 32%;
    height: 15vh;
    padding: 2%;
    border-radius: 25px !important;
  }

  .graphviewscover{
    display: flex;
    justify-content: space-between;
  }

  .graphviewssec{
    background-color: white;
    height: 60vh;
    padding: 2%;
    border-radius: 25px !important;
  }
  .secondgraphcover{
    margin-top: 2%;
    display: flex;
    justify-content: space-between;
  }

  .thirdgraphcover{
    margin-top: 2%;
    display: flex;
    justify-content: start;
  }

  .graphviewsth{
    background-color: white;
    height: 50vh;
    padding: 2%;
    border-radius: 25px !important;
  }

  .insightscontent{
    border-radius: 20px;
    /* overflow-y: auto;
    overflow-x: hidden; */
    padding-bottom: 3%;
}


  .maindashboardinsights{
    height: 100vh;
    width: 82%;
    padding: 3% 4% 3% 4%;
    background-color: #F7F7F7;
    overflow: auto;
}

.numberundergraph{
    font-size:24px;
    font-weight:bold;
}
.headgraphviewsth{
    display: flex;
    justify-content: space-between;
}

.headgraphviewsth span{
    text-decoration: none;
    color: #4F4F4F;
    font-size: 12px;;
    cursor: pointer;
}

.graphviewcontentth{
    padding-left: 2%;
    padding-right: 2%;
}

.contentrecents{
    height: 6vh;
    margin-top: 3%;
}

.contentrecents span{
    line-height: 6vh;
}

.ggcontentrecents{
    height: 6vh;
    margin-top: 2%;
}

.ggcontentrecents span{
    line-height: 6vh;
}


.canvassmall{
height: 7vh !important;
}

.pre-socialicon img{
    margin-bottom: 5px;
}

#filterid{
    border-radius: 20px;
    border: 1px solid #828282;
}

.insidephonepreview{
    width: 25vw;
    margin-left: auto;
    margin-right: auto;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.ibanner{
    height: 17vh;
}

.ttviews{
    background-color: rgb(238, 165, 245);
    width: 100%;
    border-radius: 20px;
    color: white;
    font-weight: bold;
}

.sharewidth{
    width: 12.5%;
    word-wrap: break-word;
    padding: 0.5%;
}

/* copylink */


#shareBtn{
    letter-spacing: 2px;
    font-weight: 600;
    box-shadow: none;
    background-color: #eee;
    color: #7d2ae8;
    border: none;
}

.modal-body .field{
    margin: 15px 0px -5px 0px;
    height: 45px;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    padding: 0 5px;
    background-color: #F7F7F7;
}

.modal-body .field.active{
    border-color: #7d2ae8;
}

.field span{
    width: 50px;
    font-size: 1.1rem;
}

.field.active span{
    color: #7d2ae8;
}

.field input{
    border: none;
    outline: none;
    font-size: 0.89rem;
    width: 100%;
    height: 100%;
}

.field button{
    padding: 5px 16px;
    color: #fff;
    background: #7d2ae8;
    border: 2px solid transparent;
    border-radius: 5px;
    font-weight: 500;
}



/* endcopylink */