.chip-container{
  border: 1px solid #eceff9;
  width: 100%;
  padding: 10px;
  background: floralwhite;
  //font-family: "Roboto";
  
  .basic-chip a{
    color: inherit;
  }

  .chip-title{
    padding: 20px 10px;
    font-size: 14px;
  }
  
  .basic-chip{
    padding: 5px 10px;
    border-radius: 50px;
    display: inline-flex;
    margin: 5px;
  }
  
  .click-chip, .click-chip-hover{
    padding: 5px 10px;
    border-radius: 50px;
    display: inline-flex;
    margin: 5px;
    cursor: pointer;
  }
  
  .click-chip-hover:hover{
    filter: brightness(85%);
  }
  
  .outline{
    border: 1.5px solid #cccccc;
    color: #cccccc;
    outline: none;
  }
  
  .outline-green{
    border: 1.5px solid #3a913f;
    color: #3a913f;
    outline: none;
  }
  
  .outline-blue{
    border: 1.5px solid #0074c3;
    color: #0074c3;
    outline: none;
  }
  
  .background-grey{
    background: #dddddd;
    color: #616161;
  }

  .background-white{
    border: 1.5px solid #d8e2ef;
    background: #ffffff;
    color: #d0d0d0;
    border-radius: 10px;
  }
  
  .background-green{
    background: #3a913f;
    color: #ffffff;
  }
  
  .background-blue{
    background: #0074c3;
    color: #ffffff;
  }
  
  .icon{
    /*background: #bdbdbd;*/
    color: #616161;
    margin: 0px 5px 0px -5px;
    background: #bbbbbb;
    padding: 2px;
    border-radius: 50px;
  }
  
  .fa-times, .fa-times-circle{
    margin: 0px -5px 0px 5px;
  }
}