.dx-toolbar-hidden-button .dx-button-danger,
.dx-toolbar-hidden-button .dx-button-default,
.dx-toolbar-hidden-button .dx-button-success,
.dx-toolbar-hidden-button .dx-button-normal {
  color: black; }

.dx-button.cancel {
  background-color: lightgoldenrodyellow;
  border-color: #b9b915;
  color: #000; }
  .dx-button.cancel .dx-icon {
    color: #000; }
  .dx-button.cancel.dx-state-hover {
    background-color: #f5f5a4;
    border-color: #8b8b0f; }
  .dx-button.cancel.dx-state-focused {
    background-color: #f5f5a4;
    border-color: #5d5d0a; }
  .dx-button.cancel.dx-state-active {
    background-color: #eded5f;
    border-color: #5d5d0a;
    color: #000; }

.dx-button.add {
  background-color: lightblue;
  border-color: #99cfe0;
  color: #000; }
  .dx-button.add .dx-icon {
    color: #000; }
  .dx-button.add.dx-state-hover {
    background-color: #86c5da;
    border-color: #6bb8d2; }
  .dx-button.add.dx-state-focused {
    background-color: #86c5da;
    border-color: #3a9fc0; }
  .dx-button.add.dx-state-active {
    background-color: #4baac8;
    border-color: #3a9fc0;
    color: #000; }

.dx-button.edit {
  background-color: #b5e7a0;
  border-color: #95dd77;
  color: #000; }
  .dx-button.edit .dx-icon {
    color: #000; }
  .dx-button.edit.dx-state-hover {
    background-color: #95dd77;
    border-color: #6fd046; }
  .dx-button.edit.dx-state-focused {
    background-color: #95dd77;
    border-color: #50aa2b; }
  .dx-button.edit.dx-state-active {
    background-color: #66cd3a;
    border-color: #50aa2b;
    color: #000; }

.dx-button.warning {
  background-color: #ffe800; }