
/* Hide scrollbar for Chrome, Safari and Opera 
#leftSlab::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE and Edge 
#leftSlab {
    -ms-overflow-style: none;
}*/
::-webkit-scrollbar {
    background: transparent;
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-thumb {
    background-color: #888;
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.3);
}
#leftSlab {
    width:auto;
}
@media only screen and (max-width: 968px) {
    .custom-navigation {
        position:fixed !important;
        z-index:6000 !important;
        transition:all .4s ease-in-out;
        width:0;
    }
    .stop-scrolling {
        overflow:hidden !important;
    }
}
#leftSlab {
    margin:none;
    width:auto;
    transition:all .4s ease-in-out;
}
#rightSlab {
    margin-left:0px !important;
    width:auto;
    transition:all .4s ease-in-out;
}

.filterKeywords {
    background-color: #888;
    border-radius: 10px;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 10px;
    box-shadow: 0.1px 0.6px 6px rgb(179, 179, 179);
    margin: 2px;
    transition: box-shadow 0.4s ease-in-out;
}
.filterKeywords a {
    color: white;
}
.filterKeywords a:hover {
    color: white;
}
.filterKeywords:hover {
    box-shadow: 0.5px 0.5px 8px black;
}

.best-shadow {
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 14%) !important;
}

#projects-nav-li-special {
    border:none !important;
    border: 2px solid #9c27b0 !important;
    /* border-bottom: 4px solid #007bff !important;  */
    color: #8b949e !important;
}

#projects-nav-li-special:span { 
    color: #007bff !important;
}

.projects-nav-li-all {
    background-color: white !important;
    border-radius: 30px !important;
}

.projects-nav-ul {
    background-color: #e6e4e4 !important  ;
}



/** Training */
.listUsersUl {
    background-color: rgb(255, 255, 255) !important;
    list-style-type: none;
    padding: 0;
    /* text-align: center; */
}
.userListIndi {
    border-radius: 5px;
    background-color: rgb(240, 240, 240);
    color: #363737;
    padding: 0;
    margin:1.5px 0;
    width: auto;
    transition: all 0.4s ease-in-out;
}

.userListContent {
    padding:10px;
}
.userIndiTextContent {
    padding-left: 15px;
}
.userListContentName {
    font-size: 12px;
    font-weight: bold;

}
.userListContentEmail {
    font-style: italic;
    font-size: 12px;
}
.userIndiAddFormDiv {

}
