@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css");

.tile {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
}

.tile {
  width: 96%;
  /* height: 180px; */
  border-radius: 4px;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.15);
  margin-top: 5px;
  margin-left: 5px;
  float: left;
}

.tile.wide {
  width: 96%;
}
.text-right {
  text-align: right;
}
.tile :first-child {
  border-radius: 4px 4px 0 0;
}

.tile .header {
  /* height: 120px; */
  background-color: #f4f4f4;
  color: white;
  font-weight: 300;
}

.tile.wide .header .left,
.tile.wide .header .right {
  width: 160px;
  float: left;
}

.tile .header .count {
  font-size: 1rem;
  text-align: right;
  padding: 10px 0 0;
}

.tile .header .title {
width: 300px!important;
  font-size: 1rem;
  text-align: left;
}

.tile :last-child {
  border-radius: 0 0 4px 4px;
}

.tile .body {
  /* height: 60px; */
  color: #333333;
  background-color: white;
}

.tile .body .title {
  /* text-align: center; */
  /* font-size: 20px; */
  padding-top: 1%;
}

.tile.wide .body .title {
  padding: 2%;
}
.tile .header.head {
color: rgb(43, 32, 32)}
.tile.new-offering .header {
  background: linear-gradient(to bottom right, #609931, #87bc27);
}

.tile.new-offering .body {
  color: #609931;
}

.tile.field-change .header {
  background: linear-gradient(to bottom right, #ef7f00, #f7b200);
}

.tile.field-change .body {
  color: #ef7f00;
}

.tile.error .header {
  background: linear-gradient(to bottom right, #cc0923, #e66262);
}

.tile.error .body {
  color: #df6868;
}

.tile.quote .header {
  background: linear-gradient(to bottom right, #1f6abb, #4f9cf2);
}

.tile.quote .body {
  color: #1f6abb;
}

.tile.invoice .header {
  background: linear-gradient(to bottom right, #0aa361, #1adc88);
}

.tile.invoice .body {
  color: #0aa361;
}
a {
  text-decoration: inherit;
  color: inherit;
}


.error.errorCol, .error.latencyCol, .error.cpuCol, .errorMemCol, .rpmCol.error, .podCol.error, .error.errorRateCol, .errorRateCol.error {
  animation: blink-animation2 0.5s steps(5, start) infinite;
  -webkit-animation: blink-animation2 0.5s steps(5, start) infinite;
}

.field-change.errorCol, .field-change.latencyCol, .field-change.cpuCol, .field-change.memCol, .rpmCol.field-change, .podCol.error {
  animation: blink-animation2 1s steps(5, start) infinite;
  -webkit-animation: blink-animation2 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@keyframes blink-animation2 {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation2 {
  to {
    visibility: hidden;
  }
}