.back-g-1{
	background: rgb(89,57,250);
	background: linear-gradient(90deg, rgba(89,57,250,0.7595413165266106) 0%, rgba(64,223,255,0.8407738095238095) 100%);
}


.find-friend::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
     background-color: lightgray;
}

.find-friend::-webkit-scrollbar
{
    width: 5px;
     background: linear-gradient(360deg, rgba(89,57,250,0.7595413165266106) 0%, rgba(64,223,255,0.8407738095238095) 100%);
}

.find-friend::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background: linear-gradient(180deg, rgba(89,57,250,0.7595413165266106) 0%, rgba(64,223,255,0.8407738095238095) 100%);
}


.pbx-btn{
    padding:10px ;
    margin:0 10px 0 10px ;
    width:auto;
    border:1px solid #a667d0;
    border-radius: 0;
    box-shadow: 1px 1px 5px #a667d0;
    color: #a667d0;
    background: #FFF;
    outline: none;
}

.pbx-btn:hover{
    background: #a667d0;
    color:#fff;
    box-shadow: 1px 1px 5px #a667d0;
    text-decoration: none !important;
}
.pbx-btn:active{
    outline: none;
}



/* **************************************************    nav bar style   ******************************************* */




/*  side bar style here */

.main-container{
    margin:0px 0px 0px 305px; padding: 0px;
}

.sidebar{
    width:300px; 
}
.sidebar-fixed{
    position: fixed;
    overflow-x: scroll;
}

.sidebar-inner{
    box-shadow: 0px 1px 10px lightgray;
    padding: 10px;
    border-radius: 0px;
}


/* custom buttons */
.nevbar-btn{
    outline: none;
    border:0.5px solid #e0e0e0;
    background: #f5f5f5;
    box-shadow: 0px 1.5px 3px #e0e0e0;
}
.nevbar-btn:focus{
    outline: none;
}

.nevbar-btn:hover{
    background: #e0e0e0;
    box-shadow: 0px 2px 4px #e0e0e0;
}

.nevbar-btn:active{
    background: #e0e0e0;
    box-shadow: inset 0px 2px 4px #e0e0e0;
}

.navbar-link{
    text-decoration: none !important;
    padding:3px 7px;
}
.navbar-link:hover{
    text-decoration: none !important;
}

@media screen and (min-width: 240px) and (max-width: 950px) {
   
}