.taggd__wrapper{
    height: 24px !important;
    text-align: center;
  }
  
  .tag-active{
    background-color: #fff !important;
    border-top: 1px solid #fff !important;  
    border-bottom: 1px solid #fff !important;  
    border-right: 1px solid #fff !important;  
    box-shadow: inset 0 1px #fff, 0 1px 2px rgba(0,0,0,0.21) !important;  
  }
  .tag-active::before{
    background-color: #fff !important;  
    
    border-left: 1px solid #fff !important;  
    border-bottom: 1px solid #fff !important;  
    box-shadow: inset 1px 0 #fff, 0 2px 2px -2px rgba(0,0,0,0.33) !important;  
  }
  .tag-active::after{
    border: 1px solid black !important;  
  }
  .taggd__popup{
    background-color: #00a65a;  
    border-width: 5px;
    padding: 5px !important;
    border-radius: 6px;
    max-width: inherit !important;
  }
  .taggd__popup::after{
    content: " ";
    position: absolute;
    bottom: 100%;  /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #00a65a transparent;
  }
  
  .taggd__custom {
    width: 20px;
    display: inline-block; 
    height: 21px;  
    margin: -10px 0 0 -15px;  
    padding: 0 7px 0 14px;  
    white-space: nowrap;  
    position: relative;  
    transform:rotate(50deg);
    background-color: #00a65a;  
    color: #963;  
    font: bold 11px/21px Arial, Tahoma, sans-serif;  
    text-decoration: none;  
    text-shadow: 0 1px rgba(255,255,255,0.4);  
    border-top: 1px solid #00a65a;  
    border-bottom: 1px solid #00a65a;  
    border-right: 1px solid #00a65a;  
    border-radius: 1px 3px 3px 1px;  
    box-shadow: inset 0 1px #00a65a, 0 1px 2px rgba(0,0,0,0.21);  
  }
   
  .taggd__custom:hover {
    color: #FFF;  
    text-shadow: -1px -1px 0 rgba(153,102,51,0.3);  
  }
   
  .taggd__custom:before {
    content: '';  
    position: absolute;  
    top: 5px;  
    left: -6px;  
    width: 10px;  
    height: 10px;  
    background-color: #00a65a;  
    border-left: 1px solid #00a65a;  
    border-bottom: 1px solid #00a65a;  
    border-radius: 0 0 0 2px;  
    box-shadow: inset 1px 0 #00a65a, 0 2px 2px -2px rgba(0,0,0,0.33);  
    -webkit-transform: scale(1, 1.5) rotate(45deg);  
    -moz-transform: scale(1, 1.5) rotate(45deg);  
    -ms-transform: scale(1, 1.5) rotate(45deg);  
    transform: scale(1, 1.5) rotate(45deg);  
  }
   
  .taggd__custom:after {
    content: '';  
    position: absolute;  
    top: 7px;  
    left: 1px;  
    width: 5px;  
    height: 5px;  
    background: #FFF;  
    border-radius: 4px;  
    border: 1px solid #00a65a;  
    box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 1px 1px rgba(0,0,0,0.21);  
  }