.c1,
.c1:hover,
.c1 > .panel-header {
  color: #fff;
  border-color: var(--jini-success);
  background: var(--jini-success);
}
.c1 > .panel-body {
  border-color: var(--jini-success);
}
.c1 > .dialog-toolbar,
.c1 > .dialog-button {
  border-left-color: var(--jini-success);
  border-right-color: var(--jini-success);
}
.c1 > .dialog-button {
  border-bottom-color: var(--jini-success);
}
.c2,
.c2:hover,
.c2 > .panel-header {
  color: #fff;
  border-color: var(--jini-secondary);
  background: var(--jini-secondary);
}
.c2 > .panel-body {
  border-color: var(--jini-secondary);
}
.c2 > .dialog-toolbar,
.c2 > .dialog-button {
  border-left-color: var(--jini-secondary);
  border-right-color: var(--jini-secondary);
}
.c2 > .dialog-button {
  border-bottom-color: var(--jini-secondary);
}
.c3,
.c3:hover,
.c3 > .panel-header {
  color: #333;
  border-color: var(--jini-warning);
  background: var(--jini-warning);
}
.c3 > .panel-body {
  border-color: var(--jini-warning);
}
.c3 > .dialog-toolbar,
.c3 > .dialog-button {
  border-left-color: var(--jini-warning);
  border-right-color: var(--jini-warning);
}
.c3 > .dialog-button {
  border-bottom-color: var(--jini-warning);
}
.c4,
.c4:hover,
.c4 > .panel-header {
  color: #333;
  border-color: var(--jini-light);
  background: var(--jini-light);
}
.c4 > .panel-body {
  border-color: var(--jini-light);
}
.c4 > .dialog-toolbar,
.c4 > .dialog-button {
  border-left-color: var(--jini-light);
  border-right-color: var(--jini-light);
}
.c4 > .dialog-button {
  border-bottom-color: var(--jini-light);
}
.c5,
.c5:hover,
.c5 > .panel-header {
  color: #fff;
  border-color: var(--jini-danger);
  background: var(--jini-danger);
}
.c5 > .panel-body {
  border-color: var(--jini-danger);
}
.c5 > .dialog-toolbar,
.c5 > .dialog-button {
  border-left-color: var(--jini-danger);
  border-right-color: var(--jini-danger);
}
.c5 > .dialog-button {
  border-bottom-color: var(--jini-danger);
}
.c6,
.c6:hover,
.c6 > .panel-header {
  color: #fff;
  border-color: var(--jini-info);
  background: var(--jini-info);
}
.c6 > .panel-body {
  border-color: var(--jini-info);
}
.c6 > .dialog-toolbar,
.c6 > .dialog-button {
  border-left-color: var(--jini-info);
  border-right-color: var(--jini-info);
}
.c6 > .dialog-button {
  border-bottom-color: var(--jini-info);
}
.c7,
.c7:hover,
.c7 > .panel-header {
  color: #333;
  border-color: var(--jini-dark);
  background: var(--jini-dark);
}
.c7 > .panel-body {
  border-color: var(--jini-dark);
}
.c7 > .dialog-toolbar,
.c7 > .dialog-button {
  border-left-color: var(--jini-dark);
  border-right-color: var(--jini-dark);
}
.c7 > .dialog-button {
  border-bottom-color: var(--jini-dark);
}
.c8,
.c8:hover,
.c8 > .panel-header {
  color: #fff;
  border-color: var(--jini-primary);
  background: var(--jini-primary);
}
.c8 > .panel-body {
  border-color: var(--jini-primary);
}
.c8 > .dialog-toolbar,
.c8 > .dialog-button {
  border-left-color: var(--jini-primary);
  border-right-color: var(--jini-primary);
}
.c8 > .dialog-button {
  border-bottom-color: var(--jini-primary);
}
.c1 > .panel-header > .panel-title,
.c2 > .panel-header > .panel-title,
.c5 > .panel-header > .panel-title,
.c6 > .panel-header > .panel-title,
.c8 > .panel-header > .panel-title {
  color: #fff;
}
.c-plain {
  border-color: #fff;
  background: #fff;
}
.c-plain > .panel-header,
.c-plain > .panel-body,
.c-plain > .dialog-button,
.c-plain > .dialog-toolbar {
  border-color: transparent;
  background: transparent;
}
.c-raised {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}