
@black: #333;
@grey : lighten(@black, 30%);

td.apiKeyStatus {
  vertical-align: middle;
  div { display:block; width: 20px; height: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;border: 1px solid lighten(@grey, 20%); margin: 0 auto; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.7);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.7); box-shadow: 0 0 5px rgba(0,0,0,0.3), inset 0 1px 2px rgba(255,255,255,0.7);
  }
  .syncStatus-STATUS_UP {
    background:#76d323;
  }
  .syncStatus-STATUS_PERMANENT_FAILURE {
    background:#ff3030;
  }
  .syncStatus-STATUS_TRANSIENT_FAILURE {
    background: #ff9226;
  }
  .syncStatus-STATUS_OVER_RATE_LIMIT {
    background:#ff9226;
    background-image: url(/static/images/clock.png);
    background-size: 16px 16px;
    background-position: 2px 2px;
    background-repeat: no-repeat;
  }
  .syncStatus-NA {
    background:#76d323;
    background-image: url(/static/images/na.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
  }
}
