.matchedCats {
  margin: auto;
  font-weight: bold;
  color: #ffffff;
  background-color: #696d9a;
  padding: 10px;
  margin: 0;
  border-radius: 5px 5px 0 0;
  max-width: 100%;
}

.matchedDescription {
  margin:auto;color:black;background-color:#f2f7f2;
  padding:5px;margin:0 2px 2px 0;
  
  max-width: 100%;
}
.allCategories {
  color:black;
  background-color: #F5F5F5;/*#f0f1f3;*//*#e7e7e7;*/
  cursor:pointer;
  font-size:0.9rem;
  width:auto;
  /*float:left;*/
 padding:5px;margin:0 2px 2px 0;border-radius:5px;'
}

.allCategories:hover {
  /*color:white;*/
  background-color: #f0f1f3;

  border:lightgrey dotted 1px;
}


.titleBadge {
  background-color:none;color:grey;cursor:pointer;
}

.publicBadge {
  background-color:#6c9fbf;color:white;cursor:pointer;
}
.commercialBadge {
  background-color:#60ad60;color:white;cursor:pointer;
}
.privateBadge {
  background-color:#da902c;color:white;cursor:pointer;
}

.recertBadge {
  background-color:#9d9b9d;color:white;cursor:pointer;
}


.lb-sm {
  font-size: 12px;
}

.lb-md {
  font-size: 16px;
}

.lb-lg {
  font-size: 20px;
}


.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.whiteicon {
     filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(319deg) brightness(103%) contrast(101%);
  }

.blackicon {
     filter: invert(44%) sepia(17%) saturate(18%) hue-rotate(58deg) brightness(96%) contrast(98%);
  }
.allCats {
  background-color: grey;
  color:black;
}

[class^="trickText"] {
  /*text-decoration: underline; */
}

.trickText {
  color:#bd2130;
}

.trickTextBold {
  color:#bd2130;
  font-weight:bold;
}

.makepointer {
  cursor:pointer;
}

.blink_me {
  /*animation: blinker 3s linear infinite;*/
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}