#header .myUsername {
    color: #5b2155!important;
}

.buttons-subnames {
    color: #5b2155!important;
}
.fa-list
 {
    color: #5b2155!important;
    background-color:white!important;
}

#roomsBtn {
    color: #5b2155!important;
     background-color:white!important;
}

i.lock.fa-lock
{
        color: red;
}
i.lock.fa-unlock{ color: #00da00!important;}


.ps.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y {
    FONT-WEIGHT: 100;
    background-color: #f70101;
    width: 10px;
}


#userList::-webkit-scrollbar {
  width: 12px;               /* width of the entire scrollbar */
}

#userList::-webkit-scrollbar-track {
  background: #909090;        /* color of the tracking area */
}


#userList::-webkit-scrollbar-thumb {
    background-color: #d63232;
    border-radius: 180px;
    border: 2px solid #7a3ea6;

}

.webcamBtn .fa {

    opacity:1!important;
}
.home-tab {
    width: 32px;!important;}
   
 .webcamOutsideBtn {
    cursor: pointer;
    margin-right: 5px;
    margin-left: 5px;
}
.hamburger-header div{
    background-color: #5b2155!important;
}
#tabs .nav-tabs>li.active {
    height: 40px!important;
}

.filtergenderItem {
    flex: none;
    width: 110px;
    justify-content: left;
}

.message img {
   
    padding: 0px!important;
}

.message:nth-of-type(even) {
    background-color: #f8f8f8;
}

#usersContainer .gendersContainer {
    display: contents;
    width: 100%;
}