/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
.gio-svg-circle {
  align-items: center;
  background-color: green;
  border: 1px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0px 2px 2px rgba(186, 186, 186, 0.5);
  display: inline-flex;
  justify-content: center;
  padding: 3px; }
  .gio-svg-circle svg {
    font-size: 10px;
    max-height: 10px;
    max-width: 10px;
    width: 10px; }
  .gio-svg-circle--primary {
    background-color: #58bfb8;
    border-color: #ffffff;
    color: #ffffff; }
    .gio-svg-circle--primary svg {
      fill: #ffffff; }
    .gio-svg-circle--primary.gio-svg-circle--inverted {
      background-color: #ffffff;
      border-color: #58bfb8;
      color: #58bfb8; }
      .gio-svg-circle--primary.gio-svg-circle--inverted svg {
        fill: #58bfb8; }
  .gio-svg-circle--secondary {
    background-color: #007a87;
    border-color: #ffffff;
    color: #ffffff; }
    .gio-svg-circle--secondary svg {
      fill: #ffffff; }
    .gio-svg-circle--secondary.gio-svg-circle--inverted {
      background-color: #ffffff;
      border-color: #007a87;
      color: #007a87; }
      .gio-svg-circle--secondary.gio-svg-circle--inverted svg {
        fill: #007a87; }
  .gio-svg-circle--tertiary {
    background-color: #fbd96d;
    border-color: #ffffff;
    color: #ffffff; }
    .gio-svg-circle--tertiary svg {
      fill: #ffffff; }
    .gio-svg-circle--tertiary.gio-svg-circle--inverted {
      background-color: #ffffff;
      border-color: #fbd96d;
      color: #fbd96d; }
      .gio-svg-circle--tertiary.gio-svg-circle--inverted svg {
        fill: #fbd96d; }
  .gio-svg-circle--quaternary {
    background-color: #c4bcd4;
    border-color: #ffffff;
    color: #ffffff; }
    .gio-svg-circle--quaternary svg {
      fill: #ffffff; }
    .gio-svg-circle--quaternary.gio-svg-circle--inverted {
      background-color: #ffffff;
      border-color: #c4bcd4;
      color: #c4bcd4; }
      .gio-svg-circle--quaternary.gio-svg-circle--inverted svg {
        fill: #c4bcd4; }
  .gio-svg-circle--quinary {
    background-color: #b4a76c;
    border-color: #ffffff;
    color: #ffffff; }
    .gio-svg-circle--quinary svg {
      fill: #ffffff; }
    .gio-svg-circle--quinary.gio-svg-circle--inverted {
      background-color: #ffffff;
      border-color: #b4a76c;
      color: #b4a76c; }
      .gio-svg-circle--quinary.gio-svg-circle--inverted svg {
        fill: #b4a76c; }
  .gio-svg-circle--senary {
    background-color: #fbd96d;
    border-color: #ffffff;
    color: #ffffff; }
    .gio-svg-circle--senary svg {
      fill: #ffffff; }
    .gio-svg-circle--senary.gio-svg-circle--inverted {
      background-color: #ffffff;
      border-color: #fbd96d;
      color: #fbd96d; }
      .gio-svg-circle--senary.gio-svg-circle--inverted svg {
        fill: #fbd96d; }
  .gio-svg-circle--success {
    background-color: #82c785;
    border-color: #ffffff;
    color: #ffffff; }
    .gio-svg-circle--success svg {
      fill: #ffffff; }
    .gio-svg-circle--success.gio-svg-circle--inverted {
      background-color: #ffffff;
      border-color: #82c785;
      color: #82c785; }
      .gio-svg-circle--success.gio-svg-circle--inverted svg {
        fill: #82c785; }
  .gio-svg-circle--info {
    background-color: #62aced;
    border-color: #ffffff;
    color: #ffffff; }
    .gio-svg-circle--info svg {
      fill: #ffffff; }
    .gio-svg-circle--info.gio-svg-circle--inverted {
      background-color: #ffffff;
      border-color: #62aced;
      color: #62aced; }
      .gio-svg-circle--info.gio-svg-circle--inverted svg {
        fill: #62aced; }
  .gio-svg-circle--warning {
    background-color: #ffb74d;
    border-color: #ffffff;
    color: #ffffff; }
    .gio-svg-circle--warning svg {
      fill: #ffffff; }
    .gio-svg-circle--warning.gio-svg-circle--inverted {
      background-color: #ffffff;
      border-color: #ffb74d;
      color: #ffb74d; }
      .gio-svg-circle--warning.gio-svg-circle--inverted svg {
        fill: #ffb74d; }
  .gio-svg-circle--danger {
    background-color: #ff8964;
    border-color: #ffffff;
    color: #ffffff; }
    .gio-svg-circle--danger svg {
      fill: #ffffff; }
    .gio-svg-circle--danger.gio-svg-circle--inverted {
      background-color: #ffffff;
      border-color: #ff8964;
      color: #ff8964; }
      .gio-svg-circle--danger.gio-svg-circle--inverted svg {
        fill: #ff8964; }
  .gio-svg-circle--disabled {
    background-color: #e8e8e8;
    border-color: #ffffff;
    color: #ffffff; }
    .gio-svg-circle--disabled svg {
      fill: #ffffff; }
    .gio-svg-circle--disabled.gio-svg-circle--inverted {
      background-color: #ffffff;
      border-color: #e8e8e8;
      color: #e8e8e8; }
      .gio-svg-circle--disabled.gio-svg-circle--inverted svg {
        fill: #e8e8e8; }