/* Last merged this code on 2nd apr 2024 */
.activityIcon{
  width: 25px;
  height: 25px;
}
.activityIcon:after{
  content: '';
  position: absolute;
  top: 50px;
  left: 100%;
  border-top: 1px solid #000;
  width: 100px;
}
.dataCard {
  background-color: #ffffff;
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
  display: inline-block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-shadow: 0 1px 10px 0 rgba(0,0,0,.08);
  -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.08);
  -moz-box-shadow: 0 1px 10px 0 rgba(0,0,0,.08);
  height: 150px;
  min-width: 200px;
  vertical-align: top;
  text-align: left;
  margin-right: 20px;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.dataCard.greyBorderOnly{
  border: 1px solid #dfdfdf !important;
}
/*.dataCard.isOverflowing{
  -webkit-mask-image: linear-gradient(180deg, #000 30%, transparent);
}*/
.dataCard:last-of-type {
  margin-right: 0px;
}
.dataCard.green { /* green */
  background: #00d5a069!important;
  border: 1px dotted #00d5a0!important;
}
.dataCard.red { /* red */
  background: #ff6e8866!important;
  border: 1px dotted #ff6e88!important;
}
.dataCard.purple { /* purple */
  background: #6227de3d!important;
  border: 1px dotted #6227de!important;
}
.dataCard.green .dataCardTitle,
.dataCard.red .dataCardTitle,
.dataCard.purple .dataCardTitle,
.dataCard.locked .dataCardTitle{
  color: #3f3f3f!important;
}
.dataCard:nth-of-type(3n+1) { /* green */
  /*background: #00d5a021;*/
  border: 1px dotted #00d5a0;
}
.dataCard:nth-of-type(3n+1) .dataCardTitle{ /* green */
  color: #11c599;
}
.dataCard:nth-of-type(3n+2) { /* red */
/*  background: #ff6e8830;*/
  border: 1px dotted #ff6e88;
}
.dataCard:nth-of-type(3n+2) .dataCardTitle{ /* red */
  color: #ff718b;
}
.dataCard:nth-of-type(3n+0) { /* purple */
  /*background: #6227de1f;*/
  border: 1px dotted #6227de;
}
.dataCard:nth-of-type(3n+0) .dataCardTitle{ /* purple */
 color: #4e4ed6de;
}
.dataCard::-webkit-scrollbar-thumb{
  visibility: hidden;
}
.dataCard:hover::-webkit-scrollbar-thumb{
  visibility: visible;
}
.dataCard.locked{
  background-color: #aeaeae38!important;
  border: 1px dotted #dbdada!important;
  overflow: hidden;
}
.more-info-icon{
  position: absolute;
  top: 10px;
  left: 174px;
}
.more-info-icon.tooltip .tooltiptext.below{
  top: 25px;
  line-height: 15px;
  padding: 5px 10px;
  width: 150px;
  right: 0;
  left: unset;
}
.more-info-icon.tooltip .tooltiptext.below:after{
  left: 92%;
}
.dataItemUnlockSection{
  line-height: 1.25rem;
  position: absolute;
  bottom: -17px;
  /*width: 190px;*/
  text-align: center;
}
.dataItemUnlockSection:before{
  color: transparent;
  content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.";
  display: block;
  position: relative;
  text-shadow: 0 0 8px rgb(0 0 0 / 30%);
  text-align: left;
}
.dataItemUnlockSection-btnContainer{
/*left: 6%;*/
  margin-left: -5px;
  position: relative;
  top: 20%;
  -webkit-transform: translate(0%,-180%);
  transform: translate(0%,-180%);
}
.dataItemUnlockSection-btnContainer #itemUnlockBtn,
.leaderboardUnlockSection-btnContainer #itemUnlockBtn {
  background: #e5e5e5;
  border: 1px solid #a1a1a1;
  box-shadow: rgb(0 0 0 / 20%) 0 0 8px;
  -webkit-box-shadow: rgb(0 0 0 / 20%) 0 0 8px;
  -moz-box-shadow: rgb(0 0 0 / 20%) 0 0 8px;
}
.dataItemUnlockSection-btnContainer #itemUnlockBtn{
  padding: 0.5em 0.9em;
}
.dataItemUnlockSection-btnContainer #itemUnlockBtn:hover,
.leaderboardUnlockSection-btnContainer #itemUnlockBtn:hover {
  background: #e1e1e1;
}
button[name="leaderboard"].groupdash-menuBtn:not(.tabActive) { /* gold */
  color: #c78c00;
}
button[name="leaderboard"].tabActive:hover {
  color: #c78c00;
  border-bottom: 2px solid #c78c00;
}
#companyLeaderboard-table,
#mentorLeaderboard-table,
#menteeLeaderboard-table{
  border-collapse: collapse;
  width: 100%;
  overflow: hidden;
  position: relative;
}
#companyLeaderboard-table thead tr,
#mentorLeaderboard-table thead tr,
#menteeLeaderboard-table thead tr {
  height: 1px!important;
  font-size: 13px;
}
#companyLeaderboard-table thead tr.isMobile,
#mentorLeaderboard-table thead tr.isMobile,
#menteeLeaderboard-table thead tr.isMobile {
  display: none;
}
th.leaderboardItem-ranking:hover .hidden.showOnHover{
  visibility: visible;
}
th.leaderboardItem-ranking {
  min-width: 40px;
  width: 40px;
}
th.leaderboardItem-ranking.isMentee{
  min-width: 0px;
  width: 0px;
}
th.leaderboardItem-name,
th.leaderboardItem-topContribution {
  min-width: 200px;
  width: 320px;
}
/*th.leaderboardItem-name.isMobile{
  min-width: 180px;
  width: 180px;
}
th.leaderboardItem-numAnswers.isMobile,
th.leaderboardItem-numGenerals.isMobile,
th.leaderboardItem-numMentees.isMobile{
  min-width: 40px;
  width: 40px;
}*/
th.leaderboardItem-numAnswers{
  min-width: 80px;
  width: 80px;
}
th.leaderboardItem-numGenerals,
th.leaderboardItem-numMentees,
th.leaderboardItem-numMentors,
th.leaderboardItem-numQs{
  min-width: 100px;
  width: 100px;
}
.contentBox.isMobile{
  margin-left: -21px;
  margin-right: -21px;
  margin-bottom: -21px;
}
.table-container.isMobile{
  overflow-x: hidden;
}
#companyLeaderboard-table tr,
#mentorLeaderboard-table tr,
#menteeLeaderboard-table tr{
  height: 60px;
}

#companyLeaderboard-table tbody tr:hover,
#mentorLeaderboard-table tbody tr:hover,
#menteeLeaderboard-table tbody tr:hover { /* grey */
  background: #f7f7f7bd;
}
#companyLeaderboard-table tbody tr.isLoggedInUser,
#mentorLeaderboard-table tbody tr.isLoggedInUser,
#menteeLeaderboard-table tbody tr.isLoggedInUser{ /* green */
  background: #caf9f0bd;
}
#companyLeaderboard-table tbody tr.isFirstItem,
#mentorLeaderboard-table tbody tr.isFirstItem,
#menteeLeaderboard-table tbody tr.isFirstItem{ /* gold */
  background: #fdf9e4;
}
#companyLeaderboard-table tbody tr:hover .internalBorder,
#mentorLeaderboard-table tbody tr:hover .internalBorder,
#menteeLeaderboard-table tbody tr:hover .internalBorder,
#companyLeaderboard-table tbody tr.isFirstItem .internalBorder,
#mentorLeaderboard-table tbody tr.isFirstItem .internalBorder,
#menteeLeaderboard-table tbody tr.isFirstItem .internalBorder,
#companyLeaderboard-table tbody tr.isLoggedInUser .internalBorder,
#mentorLeaderboard-table tbody tr.isLoggedInUser .internalBorder,
#menteeLeaderboard-table tbody tr.isLoggedInUser .internalBorder{
  visibility: visible;
}
#companyLeaderboard-table tbody tr:hover .internalBorder,
#mentorLeaderboard-table tbody tr:hover .internalBorder,
#menteeLeaderboard-table tbody tr:hover .internalBorder{ /* grey */
  background-color: #d9d9d9;
}
#companyLeaderboard-table tbody tr.isLoggedInUser .internalBorder,
#mentorLeaderboard-table tbody tr.isLoggedInUser .internalBorder,
#menteeLeaderboard-table tbody tr.isLoggedInUser .internalBorder{ /* green */
  background-color: #58d2bb;
}
#companyLeaderboard-table tbody tr.isFirstItem .internalBorder,
#mentorLeaderboard-table tbody tr.isFirstItem .internalBorder,
#menteeLeaderboard-table tbody tr.isFirstItem .internalBorder{ /* Show gold colour */
  background-color: #e7c300;
}
#companyLeaderboard-table tbody tr:hover .greyText,
#mentorLeaderboard-table tbody tr:hover .greyText,
#menteeLeaderboard-table tbody tr:hover .greyText,
#companyLeaderboard-table tbody tr.isLoggedInUser .greyText,
#mentorLeaderboard-table tbody tr.isLoggedInUser .greyText,
#menteeLeaderboard-table tbody tr.isLoggedInUser .greyText{
  color: #636262;
}
#companyLeaderboard-table tbody tr:hover svg.pointsIcon,
#mentorLeaderboard-table tbody tr:hover svg.pointsIcon,
#menteeLeaderboard-table tbody tr:hover svg.pointsIcon{ /* grey */
  filter: invert(84%) sepia(0%) saturate(7%) hue-rotate(194deg) brightness(86%) contrast(87%);
}
#companyLeaderboard-table tbody tr.isLoggedInUser svg.pointsIcon,
#mentorLeaderboard-table tbody tr.isLoggedInUser svg.pointsIcon,
#menteeLeaderboard-table tbody tr.isLoggedInUser svg.pointsIcon{ /* green */
  filter: invert(44%) sepia(87%) saturate(1753%) hue-rotate(137deg) brightness(102%) contrast(101%);
}
#companyLeaderboard-table tbody tr.isFirstItem svg.pointsIcon,
#mentorLeaderboard-table tbody tr.isFirstItem svg.pointsIcon,
#menteeLeaderboard-table tbody tr.isFirstItem svg.pointsIcon{ /* gold */
  filter: invert(64%) sepia(96%) saturate(690%) hue-rotate(9deg) brightness(99%) contrast(107%);
}
#companyLeaderboard-table tbody tr:hover .pointsIcon,
#mentorLeaderboard-table tbody tr:hover .pointsIcon,
#menteeLeaderboard-table tbody tr:hover .pointsIcon { /* grey */
  color: #b1b1b1;
}
#companyLeaderboard-table tbody tr.isLoggedInUser .pointsIcon,
#mentorLeaderboard-table tbody tr.isLoggedInUser .pointsIcon,
#menteeLeaderboard-table tbody tr.isLoggedInUser .pointsIcon{ /* green */
  color: #00bf9b;
}
#companyLeaderboard-table tbody tr.isFirstItem .pointsIcon,
#mentorLeaderboard-table tbody tr.isFirstItem .pointsIcon,
#menteeLeaderboard-table tbody tr.isFirstItem .pointsIcon{ /* Show gold colour */
  color: #e7c300;
}
svg.pointsIcon{
  transform: translate(0px, 3px);
}
svg.pointsIcon.isMobile {
  transform: translate(0px, 0px);
}
.pointsIcon.tooltip .tooltiptext.last{
  left: -38px;
}
.pointsIcon.tooltip .tooltiptext.below{
  top: 25px;
}