.color-shade-graph .color-graph-wrapper {
  overflow-x: auto;
}

.color-shade-graph table {
  min-width: 650px;
}

.color-shade-graph .color-preview {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
}

.color-shade-graph table td, 
.color-shade-graph table th, 
.color-shade-graph td, 
.color-shade-graph th {
  border: 1px solid #8f8a8a;
  border-left: 0;
  border-right: 0;
}

.color-shade-graph table thead th {
  color: #ffffff;
  border: 0;
}

.theme-blue .color-shade-graph table thead th {
  background: #009fdf;
}

.theme-red .color-shade-graph table thead th {
  background: #c8102e;
}

.theme-green .color-shade-graph table thead th {
  background: #509e2f;
}

.theme-orange .color-shade-graph table thead th {
  background: #ed8b00;
}

.theme-purple .color-shade-graph table thead th {
  background: #772583;
}

.color-shade-graph table thead th:nth-child(1) {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
}

.color-shade-graph table thead th:last-of-type {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}

.theme-blue .color-shade-graph table tbody tr:last-of-type td {
  border-bottom: 2px solid #009fdf;
}

.theme-red .color-shade-graph table tbody tr:last-of-type td {
  border-bottom: 2px solid #c8102e;
}

.theme-green .color-shade-graph table tbody tr:last-of-type td {
  border-bottom: 2px solid #509e2f;
}

.theme-orange .color-shade-graph table tbody tr:last-of-type td {
  border-bottom: 2px solid #ed8b00;
}

.theme-purple .color-shade-graph table tbody tr:last-of-type td {
  border-bottom: 2px solid #772583;
}