.callswitchregel {
    float: left;
    font-size: 14px;
    padding: 2px;
    padding-top: 10px;
}

.wrapper {
    color: #0c7af7;
}


.activeblock {
    min-height: 200px;
   
}

.onlineusers {
    max-height: 500px;
    overflow: auto;
}

.rooms {
    max-height: 170px;
    overflow: auto;
}

.searchField {
    color: black;
}

.messageDiv{
    font-size: 12px;

}

::-webkit-scrollbar {
    width: 10px;
}

/* Track */

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

/* Handle */

::-webkit-scrollbar-thumb {
    background: gray;
    border-radius: 10px;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #03567c;
}

th {
    color:  #fffffff3;
    text-transform: uppercase;
}

td {
    z-index: 1;
}

.tooltip {
   position:relative; 
    opacity: 1;
    display: inline-flexbox;
    border-bottom: 0px dotted black;
  }

  .tooltip:hover .tooltiptext {
    visibility: visible;
  }

  .tooltip .tooltiptext {
    visibility: hidden;
    width: 280px;
    background-color: #474646;
    box-shadow: 4px 4px 6px #2b87f0;
    color: #ffffff;
    text-align: left;

    border-radius: 6px;
    padding: 8px 0;
    padding-left: 8px;

    left: 20%;
    opacity: 1;
    /* positioneer de t0oltip */
    position: absolute;
    z-index: 2;

    
  }