/* -------------------- Added since 20210322 NB Must isolate to userslists only OR a particular style of list */
/* <div id="userslist1" class="userslist">
<form id="userlist"  class="userslist"
<div class="search-box">
<div id="alpha_navigation"
<div id="userslist1" class="userslist">
<table id="userstable" class="widefat striped  userlist">   OR  <div id="userssimple" class="userlist">

<div class="tablenav bottom">
<div class="tablenav-pages">
</div>
  ** per page and submit on own?
</form>
</div>
*/
/*
.userlist .tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.userlist .tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 105%;
}

.userlist .tooltip:hover .tooltiptext {
  visibility: visible;
} */

.tool-tip {
  display: inline-block;
  position: relative;
  margin-left: 0.5em;
}
.tool-tip .tool-tip__icon {
  background: #27b1f0;
  border-radius: 10px;
  cursor: pointer;
  display: inline-block;
  font-style: italic;
  font-family: times new roman;
  height: 20px;
  line-height: 1.3em;
  text-align: center;
  width: 20px;
}
.tool-tip .tool-tip__info {
  display: none;
  background: #262626;
  border: 1px solid #27b1f0;
  border-radius: 3px;
  font-size: 0.875em;
  padding: 1em;
  position: absolute;
  left: 30px;
  top: -20px;
  width: 250px;
  z-index: 2;
}
.tool-tip .tool-tip__info:before, .tool-tip .tool-tip__info:after {
  content: "";
  position: absolute;
  left: -10px;
  top: 7px;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #27b1f0;
}
.tool-tip .tool-tip__info:after {
  left: -8px;
  border-right-color: #262626;
}
.tool-tip .tool-tip__info .info {
  display: block;
}
.tool-tip .tool-tip__info .info__title {
  color: #fa00f3;
}
.tool-tip:hover .tool-tip__info, .tool-tip:focus .tool-tip__info {
  display: inline-block;
}